forked from PrestaShop/PrestaShop
/
translatable-input.js
55 lines (48 loc) · 1.97 KB
/
translatable-input.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/**
* 2007-2018 PrestaShop
*
* 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.txt.
* 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 http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2018 PrestaShop SA
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
const $ = window.$;
class TranslatableInput {
constructor(options) {
options = options || {};
this.localeItemSelector = options.localeItemSelector || '.js-locale-item';
this.localeButtonSelector = options.localeButtonSelector || '.js-locale-btn';
this.localeInputSelector = options.localeInputSelector || '.js-locale-input';
$('body').on('click', this.localeItemSelector, this.toggleInputs.bind(this));
}
/**
* Toggle all translatable inputs in form in which locale was changed
*
* @param {Event} event
*/
toggleInputs(event) {
const localeItem = $(event.target);
const form = localeItem.closest('form');
const selectedLocale = localeItem.data('locale');
form.find(this.localeButtonSelector).text(selectedLocale);
form.find(this.localeInputSelector).addClass('d-none');
form.find(this.localeInputSelector+'.js-locale-' + selectedLocale).removeClass('d-none');
}
}
export default TranslatableInput;