@things-factory/operato-tools 7.0.1-alpha.3 → 7.0.1-alpha.4

package/client/pages/generator/menu-config-tab-mixin.js

@@ -1,116 +1,110 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 
 import { TermsUtil } from '@things-factory/meta-ui/client/utils/terms-util'
 
-
-export const MenuConfigTabMixin = (baseElement) => class extends baseElement {
-
-  setMenuConfigTabValues(data) {
-    if (data) {
-      var {
-        title = '',
-        name = '',
-        desc = '',
-        help = ''
-      } = data || {};
-
-      this.viewMenuData = {
-        title: title,
-        name: name,
-        desc: desc,
-        help_doc: help
-      };
-
-      this.getElementById('title').value = title;
-      this.getElementById('name').value = name;
-      this.getElementById('desc').value = desc;
-      this.getElementById('help_doc').value = help;
-
-    } else {
-      this.setMenuConfigTabDefaultValue();
+export const MenuConfigTabMixin = baseElement =>
+  class extends baseElement {
+    setMenuConfigTabValues(data) {
+      if (data) {
+        var { title = '', name = '', desc = '', help = '' } = data || {}
+
+        this.viewMenuData = {
+          title: title,
+          name: name,
+          desc: desc,
+          help_doc: help
+        }
+
+        this.getElementById('title').value = title
+        this.getElementById('name').value = name
+        this.getElementById('desc').value = desc
+        this.getElementById('help_doc').value = help
+      } else {
+        this.setMenuConfigTabDefaultValue()
+      }
     }
-  }
 
-  getMenuConfigTabValues() {
-    let retObject = {
-      menu: {}
-    };
+    getMenuConfigTabValues() {
+      let retObject = {
+        menu: {}
+      }
 
-    let title = this.getElementValueById('title');
-    let name = this.getElementValueById('name');
-    let desc = this.getElementValueById('desc');
-    let help_doc = this.getElementValueById('help_doc');
+      let title = this.getElementValueById('title')
+      let name = this.getElementValueById('name')
+      let desc = this.getElementValueById('desc')
+      let help_doc = this.getElementValueById('help_doc')
 
-    if (title) retObject.menu.title = title;
-    if (name) retObject.menu.name = name;
-    if (desc) retObject.menu.desc = desc;
-    if (help_doc) retObject.menu.help = help_doc;
+      if (title) retObject.menu.title = title
+      if (name) retObject.menu.name = name
+      if (desc) retObject.menu.desc = desc
+      if (help_doc) retObject.menu.help = help_doc
 
-    return retObject;
-  }
+      return retObject
+    }
 
-  /**
-   * 기본값 셋팅 
-   */
-  setMenuConfigTabDefaultValue() {
-    if (!this.viewMenuData) {
-      this.viewMenuData = {
-        title: '',
-        name: 'name',
-        desc: 'description',
-        help_doc: ''
+    /**
+     * 기본값 셋팅
+     */
+    setMenuConfigTabDefaultValue() {
+      if (!this.viewMenuData) {
+        this.viewMenuData = {
+          title: '',
+          name: 'name',
+          desc: 'description',
+          help_doc: ''
+        }
       }
     }
-  }
 
-  /**
-   * 메뉴 타이틀 변경 시 다국어 변환 결과 보기 
-   * @param {Object} eventObj 
-   */
-  menuTitleChange(eventObj) {
-    let transResult = this.getElementById('display');
-    if (transResult) {
-      transResult.value = TermsUtil.tTitle(eventObj.target.value);
+    /**
+     * 메뉴 타이틀 변경 시 다국어 변환 결과 보기
+     * @param {Object} eventObj
+     */
+    menuTitleChange(eventObj) {
+      let transResult = this.getElementById('display')
+      if (transResult) {
+        transResult.value = TermsUtil.tTitle(eventObj.target.value)
+      }
     }
-  }
-
-
-
-  // 화면 
-  renderMenuConfigTab() {
-    this.setMenuConfigTabDefaultValue();
 
-    let renderHtml = html`
-      <div field-2column>
-        <div field>
-          <label>${TermsUtil.tLabel('menu_title')}
-            <input id="title" name="title" type="text" value=${this.viewMenuData.title} @change=${e =>
-            this.menuTitleChange(e)}/>
-          </label>
+    // 화면
+    renderMenuConfigTab() {
+      this.setMenuConfigTabDefaultValue()
+
+      let renderHtml = html`
+        <div field-2column>
+          <div field>
+            <label
+              >${TermsUtil.tLabel('menu_title')}
+              <input id="title" name="title" type="text" value=${this.viewMenuData.title} @change=${e => this.menuTitleChange(e)} />
+            </label>
+          </div>
+          <div field>
+            <label
+              >${TermsUtil.tLabel('display')}
+              <input id="display" name="display" value=${TermsUtil.tTitle(this.viewMenuData.title)} type="text" readonly disabled />
+            </label>
+          </div>
+          <div field>
+            <label
+              >${TermsUtil.tLabel('menu_name_field')}
+              <input id="name" name="name" type="text" value=${this.viewMenuData.name} />
+            </label>
+          </div>
+          <div field>
+            <label
+              >${TermsUtil.tLabel('menu_desc_field')}
+              <input id="desc" name="desc" type="text" value=${this.viewMenuData.desc} />
+            </label>
+          </div>
+          <div field>
+            <label
+              >${TermsUtil.tLabel('help_doc')}
+              <input id="help_doc" name="help_doc" type="text" value=${this.viewMenuData.help_doc} />
+            </label>
+          </div>
         </div>
-        <div field>
-          <label>${TermsUtil.tLabel('display')}
-            <input id="display" name="display" value=${TermsUtil.tTitle(this.viewMenuData.title)} type="text" readonly
-              disabled />
-          </label>
-        </div>
-        <div field>
-          <label>${TermsUtil.tLabel('menu_name_field')}
-            <input id="name" name="name" type="text" value=${this.viewMenuData.name} />
-          </label>
-        </div>
-        <div field>
-          <label>${TermsUtil.tLabel('menu_desc_field')}
-            <input id="desc" name="desc" type="text" value=${this.viewMenuData.desc} />
-          </label>
-        </div>
-        <div field>
-          <label>${TermsUtil.tLabel('help_doc')}
-            <input id="help_doc" name="help_doc" type="text" value=${this.viewMenuData.help_doc} />
-          </label>
-        </div>
-      </div>
-    `
-    return renderHtml;
+      `
+      return renderHtml
+    }
   }
-}