161 lines
4.3 KiB
JavaScript
161 lines
4.3 KiB
JavaScript
/**
|
|
* Copyright since 2007 PrestaShop SA and Contributors
|
|
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
|
*
|
|
* NOTICE OF LICENSE
|
|
*
|
|
* This source file is subject to the Open Software License (OSL 3.0)
|
|
* that is bundled with this package in the file LICENSE.md.
|
|
* It is also available through the world-wide-web at this URL:
|
|
* https://opensource.org/licenses/OSL-3.0
|
|
* If you did not receive a copy of the license and are unable to
|
|
* obtain it through the world-wide-web, please send an email
|
|
* to license@prestashop.com so we can send you a copy immediately.
|
|
*
|
|
* DISCLAIMER
|
|
*
|
|
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
|
* versions in the future. If you wish to customize PrestaShop for your
|
|
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
|
*
|
|
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
|
* @copyright Since 2007 PrestaShop SA and Contributors
|
|
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
|
*/
|
|
|
|
|
|
import TranslationSettingsMap from './TranslationSettingsMap';
|
|
|
|
const {$} = window;
|
|
|
|
/**
|
|
* Back office translations type
|
|
*
|
|
* @type {string}
|
|
*/
|
|
const back = 'back';
|
|
|
|
/**
|
|
* Modules translations type
|
|
* @type {string}
|
|
*/
|
|
const themes = 'themes';
|
|
|
|
/**
|
|
* Modules translations type
|
|
* @type {string}
|
|
*/
|
|
const modules = 'modules';
|
|
|
|
/**
|
|
* Mails translations type
|
|
* @type {string}
|
|
*/
|
|
const mails = 'mails';
|
|
|
|
/**
|
|
* Other translations type
|
|
* @type {string}
|
|
*/
|
|
const others = 'others';
|
|
|
|
/**
|
|
* Email body translations type
|
|
* @type {string}
|
|
*/
|
|
const emailContentBody = 'body';
|
|
|
|
export default class FormFieldToggle {
|
|
constructor() {
|
|
$(TranslationSettingsMap.translationType).on('change', this.toggleFields.bind(this));
|
|
$(TranslationSettingsMap.emailContentType).on('change', this.toggleEmailFields.bind(this));
|
|
|
|
this.toggleFields();
|
|
}
|
|
|
|
/**
|
|
* Toggle dependant translations fields, based on selected translation type
|
|
*/
|
|
toggleFields() {
|
|
const selectedOption = $(TranslationSettingsMap.translationType).val();
|
|
const $modulesFormGroup = $(TranslationSettingsMap.modulesFormGroup);
|
|
const $emailFormGroup = $(TranslationSettingsMap.emailFormGroup);
|
|
const $themesFormGroup = $(TranslationSettingsMap.themesFormGroup);
|
|
const $defaultThemeOption = $themesFormGroup.find(TranslationSettingsMap.defaultThemeOption);
|
|
|
|
switch (selectedOption) {
|
|
case back:
|
|
case others:
|
|
this.hide($modulesFormGroup, $emailFormGroup, $themesFormGroup);
|
|
break;
|
|
|
|
case themes:
|
|
this.show($themesFormGroup);
|
|
this.hide($modulesFormGroup, $emailFormGroup, $defaultThemeOption);
|
|
break;
|
|
|
|
case modules:
|
|
this.hide($emailFormGroup, $themesFormGroup);
|
|
this.show($modulesFormGroup);
|
|
break;
|
|
|
|
case mails:
|
|
this.hide($modulesFormGroup, $themesFormGroup);
|
|
this.show($emailFormGroup);
|
|
break;
|
|
|
|
default:
|
|
break;
|
|
}
|
|
|
|
this.toggleEmailFields();
|
|
}
|
|
|
|
/**
|
|
* Toggles fields, which are related to email translations
|
|
*/
|
|
toggleEmailFields() {
|
|
if ($(TranslationSettingsMap.translationType).val() !== mails) {
|
|
return;
|
|
}
|
|
|
|
const selectedEmailContentType = $(TranslationSettingsMap.emailFormGroup).find('select').val();
|
|
const $themesFormGroup = $(TranslationSettingsMap.themesFormGroup);
|
|
const $noThemeOption = $themesFormGroup.find(TranslationSettingsMap.noThemeOption);
|
|
const $defaultThemeOption = $themesFormGroup.find(TranslationSettingsMap.defaultThemeOption);
|
|
|
|
if (selectedEmailContentType === emailContentBody) {
|
|
$noThemeOption.prop('selected', true);
|
|
this.show($noThemeOption, $themesFormGroup, $defaultThemeOption);
|
|
} else {
|
|
this.hide($noThemeOption, $themesFormGroup, $defaultThemeOption);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Make all given selectors hidden
|
|
*
|
|
* @param $selectors
|
|
* @private
|
|
*/
|
|
hide(...$selectors) {
|
|
Object.values($selectors).forEach((el) => {
|
|
el.addClass('d-none');
|
|
el.find('select').prop('disabled', 'disabled');
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Make all given selectors visible
|
|
*
|
|
* @param $selectors
|
|
* @private
|
|
*/
|
|
show(...$selectors) {
|
|
Object.values($selectors).forEach((el) => {
|
|
el.removeClass('d-none');
|
|
el.find('select').prop('disabled', false);
|
|
});
|
|
}
|
|
}
|