(() => {
    'use strict';

    return function init ( panel ) {
        let viewEL = panel.$.view;

        let tmpl = 'packages://build-helper/panel/assets-obfuscator-setting.tmpl';
        Editor.import(tmpl).then(content => {
            viewEL.innerHTML = content;

            let assetsObfuscator = `assetsObfuscator`;
            let obfuscator = panel.getSettingItem(assetsObfuscator) || {};

            // 混淆开关
            let checkboxEle = viewEL.querySelector('ui-checkbox');
            checkboxEle.value = obfuscator.enable;
            checkboxEle.addEventListener('change', (event) => {
                obfuscator.enable = event.target.value;
                panel.setSettingItem(assetsObfuscator, obfuscator);
            });

            // 混淆密码
            let pwdEle = viewEL.querySelector('#pwd');
            pwdEle.value = obfuscator.pwd;
            pwdEle.addEventListener('confirm', event => {
                obfuscator.pwd = event.target.value;
                panel.setSettingItem(assetsObfuscator, obfuscator);
            });

            // 随机生成密码
            let charList = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
            let genEle = viewEL.querySelector('#gen');
            genEle.addEventListener('click', (event) => {
                charList.sort(function (){
                    return Math.random() - 0.5;
                });
                pwdEle.value = charList.toString().replace(/,/g, '');

                obfuscator.pwd = pwdEle.value;
                panel.setSettingItem(assetsObfuscator, obfuscator);
            });
        });
    };
})();