Current path: home/webdevt/prestashop17/admin7261/themes/new-theme/js/pages/translation-settings/
?? Go up: /home/webdevt/prestashop17/admin7261/themes/new-theme/js/pages
/**
* 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);
});
}
}