diff --git a/src/components/appFooter/appFooter.js b/src/components/appFooter/appFooter.js index f599a0e0ea..38253d2210 100644 --- a/src/components/appFooter/appFooter.js +++ b/src/components/appFooter/appFooter.js @@ -11,25 +11,23 @@ function render() { class AppFooter { constructor() { - const self = this; + this.element = render(); - self.element = render(); - self.add = function (elem) { - self.element.appendChild(elem); + this.add = function (elem) { + this.element.appendChild(elem); }; - self.insert = function (elem) { + this.insert = function (elem) { if (typeof elem === 'string') { - self.element.insertAdjacentHTML('afterbegin', elem); + this.element.insertAdjacentHTML('afterbegin', elem); } else { - self.element.insertBefore(elem, self.element.firstChild); + this.element.insertBefore(elem, this.element.firstChild); } }; } - destroy() { - const self = this; - self.element = null; + destroy() { + this.element = null; } } diff --git a/src/components/imageOptionsEditor/imageOptionsEditor.js b/src/components/imageOptionsEditor/imageOptionsEditor.js index 0b9e0ad0b7..6e9d63166c 100644 --- a/src/components/imageOptionsEditor/imageOptionsEditor.js +++ b/src/components/imageOptionsEditor/imageOptionsEditor.js @@ -80,32 +80,28 @@ function saveValues(context, options) { }); } -function showEditor(itemType, options, availableOptions) { - const dlg = dialogHelper.createDialog({ - size: 'small', - removeOnClose: true, - scrollY: false - }); - dlg.classList.add('formDialog'); - dlg.innerHTML = globalize.translateHtml(template); - dlg.addEventListener('close', function () { - saveValues(dlg, options); - }); - loadValues(dlg, itemType, options, availableOptions); - dialogHelper.open(dlg).then(() => { - return; - }).catch(() => { - return; - }); - dlg.querySelector('.btnCancel').addEventListener('click', function () { - dialogHelper.close(dlg); - }); -} - -export class editor { - constructor() { - this.show = showEditor; +class ImageOptionsEditor { + show(itemType, options, availableOptions) { + const dlg = dialogHelper.createDialog({ + size: 'small', + removeOnClose: true, + scrollY: false + }); + dlg.classList.add('formDialog'); + dlg.innerHTML = globalize.translateHtml(template); + dlg.addEventListener('close', function () { + saveValues(dlg, options); + }); + loadValues(dlg, itemType, options, availableOptions); + dialogHelper.open(dlg).then(() => { + return; + }).catch(() => { + return; + }); + dlg.querySelector('.btnCancel').addEventListener('click', function () { + dialogHelper.close(dlg); + }); } } -export default editor; +export default ImageOptionsEditor; diff --git a/src/components/imageOptionsEditor/imageOptionsEditor.template.html b/src/components/imageOptionsEditor/imageOptionsEditor.template.html index 79c8845161..685f84f2d6 100644 --- a/src/components/imageOptionsEditor/imageOptionsEditor.template.html +++ b/src/components/imageOptionsEditor/imageOptionsEditor.template.html @@ -1,5 +1,7 @@