rename class name for ImageOptionsEditor

src/components/imageOptionsEditor/imageOptionsEditor.js

@@ -80,32 +80,28 @@ function saveValues(context, options) {
     });
 }
 
-function showEditor(itemType, options, availableOptions) {
+class ImageOptionsEditor {
-    const dlg = dialogHelper.createDialog({
+    show(itemType, options, availableOptions) {
-        size: 'small',
+        const dlg = dialogHelper.createDialog({
-        removeOnClose: true,
+            size: 'small',
-        scrollY: false
+            removeOnClose: true,
-    });
+            scrollY: false
-    dlg.classList.add('formDialog');
+        });
-    dlg.innerHTML = globalize.translateHtml(template);
+        dlg.classList.add('formDialog');
-    dlg.addEventListener('close', function () {
+        dlg.innerHTML = globalize.translateHtml(template);
-        saveValues(dlg, options);
+        dlg.addEventListener('close', function () {
-    });
+            saveValues(dlg, options);
-    loadValues(dlg, itemType, options, availableOptions);
+        });
-    dialogHelper.open(dlg).then(() => {
+        loadValues(dlg, itemType, options, availableOptions);
-        return;
+        dialogHelper.open(dlg).then(() => {
-    }).catch(() => {
+            return;
-        return;
+        }).catch(() => {
-    });
+            return;
-    dlg.querySelector('.btnCancel').addEventListener('click', function () {
+        });
-        dialogHelper.close(dlg);
+        dlg.querySelector('.btnCancel').addEventListener('click', function () {
-    });
+            dialogHelper.close(dlg);
-}
+        });
-
-export class editor {
-    constructor() {
-        this.show = showEditor;
     }
 }
 
-export default editor;
+export default ImageOptionsEditor;

src/components/imageOptionsEditor/imageOptionsEditor.template.html

@@ -1,5 +1,7 @@
 <div class="formDialogHeader">
-    <button type="button" is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1" title="${ButtonBack}"><span class="material-icons arrow_back" aria-hidden="true"></span></button>
+    <button type="button" is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1" title="${ButtonBack}">
+        <span class="material-icons arrow_back" aria-hidden="true"></span>
+    </button>
     <h3 class="formDialogHeaderTitle">
         ${HeaderImageOptions}
     </h3>