@things-factory/meta-ui 7.0.1-alpha.1 → 7.0.1-alpha.10

package/client/actions/main.js

@@ -1,5 +1,5 @@
-import '../viewparts/dynamic-menu-part'
 import '@material/mwc-icon'
+import '../viewparts/dynamic-menu-part'
 
 import gql from 'graphql-tag'
 import { html } from 'lit'
@@ -17,13 +17,7 @@ export const UPDATE_META_MENU_TEMPLATE = 'UPDATE_META_MENU_TEMPLATE'
 var HAMBURGER
 
 export async function setupMenuPart(options) {
-  var {
-    hovering = isMobileDevice() ? true : false,
-    slotTemplate,
-    portraitSlotTemplate,
-    landscapeSlotTemplate,
-    position = VIEWPART_POSITION.NAVBAR
-  } = options || {}
+  var { hovering = isMobileDevice() ? true : false, slotTemplate, portraitSlotTemplate, landscapeSlotTemplate, position = VIEWPART_POSITION.NAVBAR } = options || {}
 
   const { hovering: hoveringSetting } = (await clientSettingStore.get('dynamic-menu'))?.value || {}
   if (hoveringSetting !== undefined) {
@@ -31,8 +25,7 @@ export async function setupMenuPart(options) {
   }
 
   const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait'
-  const orientatedSlotTemplate =
-    (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``
+  const orientatedSlotTemplate = (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``
 
   appendViewpart({
     name: 'dynamic-menu-part',
@@ -50,11 +43,13 @@ export async function setupMenuPart(options) {
       HAMBURGER = {
         name: 'hamburger',
         template: html`
-        <mwc-icon @click=${e=>
-          toggleOverlay('dynamic-menu-part', {
-            backdrop: true
-          })}
-        >view_headline</mwc-icon>
+          <mwc-icon
+            @click=${e =>
+              toggleOverlay('dynamic-menu-part', {
+                backdrop: true
+              })}
+            >view_headline</mwc-icon
+          >
         `,
         position: TOOL_POSITION.FRONT_END
       }
@@ -84,8 +79,7 @@ export async function updateMenuTemplate(template) {
     await client.query({
       query: gql`
         query ($filters: [Filter!], $sortings: [Sorting!]) {
-          liteMenus: liteMenus(filters: $filters
-              sortings: $sortings) {
+          liteMenus(filters: $filters, sortings: $sortings) {
             items {
               id
               name
@@ -115,10 +109,10 @@ export async function updateMenuTemplate(template) {
             value: ['', applicationName]
           }
         ],
-        sortings:[
+        sortings: [
           {
-              name: 'rank',
-              desc: false
+            name: 'rank',
+            desc: false
           }
         ]
       }

package/client/bootstrap.ts

@@ -7,7 +7,6 @@ import { navigate, store } from '@operato/shell'
 import { updateMenuTemplate } from './actions/main'
 import metaUI from './reducers/main'
 import { TermsUtil } from './utils/terms-util'
-import { MetaApi } from './utils/meta-api'
 import { GristDefaultValue } from './utils/grist-default-value'
 import { MENUS } from './dynamic-menus'
 
@@ -36,10 +35,15 @@ import { FilterGristMetaObjectSelect } from './component/filter/filter-grist-met
 import { FilterFormMetaCodeSelect } from './component/filter/filter-form-meta-code-select'
 import { FilterFormMetaObjectSelect } from './component/filter/filter-form-meta-object-select'
 
+import './pages/personalize/personal-column-selector'
+import './pages/history/history-copy-list-popup'
+import './pages/history/history-json-list-popup'
+
 import './pages/activity/meta-activity-writer-element'
 import './pages/activity/meta-activity-viewer-element'
+import { i18next } from '@operato/i18n'
 
-export default function bootstrap(module) {
+export default async function bootstrap(module) {
   // GRIST Renderer
   gristColumnRegisterRenderer('meta-code-selector', GristRendererMetaCodeSelector)
   gristColumnRegisterRenderer('meta-object-selector', GristRendererMetaObjectSelector)
@@ -65,14 +69,17 @@ export default function bootstrap(module) {
     metaUI
   })
 
-  auth.on('profile', async ({ credential, domains, domain }) => {
-    // 1. 용어 다운로드
-    var locale = MetaApi.currentLocale()
+  // 1. 용어 다운로드
+  i18next.on('initialized', function downloadTerminologies() {
+    var locale = i18next.language
     if (locale == 'ko') {
       locale = 'ko-KR'
     }
-    await TermsUtil.downloadTerminologies(locale)
+    TermsUtil.downloadTerminologies(locale)
+    i18next.off('initialized', downloadTerminologies)
+  })
 
+  auth.on('profile', async ({ credential, domains, domain }) => {
     // 2. 메뉴 정보를 서버로 부터 받아서 적용
     const menuRoutes = await MENUS
     updateMenuTemplate(menuRoutes.menus)

package/client/component/grist/renderer/grist-renderer-meta-object-selector.js

@@ -1,5 +1,5 @@
 /**
- * 그리드 Resource-column 타입 셀렉터 
+ * 그리드 Resource-column 타입 셀렉터
  * @auth yang
  */
 import { html } from 'lit'
@@ -7,28 +7,33 @@ import { html } from 'lit'
 import { detectOverflow } from '@operato/utils'
 
 function onmouseover(e) {
-  const element = e.target;
+  const element = e.target
   if (detectOverflow(element)) {
     element.setAttribute('data-tooltip', element.textContent)
   }
 }
 
 function onmouseout(e) {
-  const element = e.target;
-  element.removeAttribute('data-tooltip');
+  const element = e.target
+  element.removeAttribute('data-tooltip')
 }
 
 export const GristRendererMetaObjectSelector = (value, column, record, rowIndex, field) => {
+  let text = ''
 
-  let text = '';
-  if(value && column.record.options){
-    let fields = column.record.options.nameField.split(",");
-    text = value[fields[0]];
+  if (value && column.record.options?.nameField) {
+    let fields = column.record.options.nameField.split(',')
+    text = value[fields[0]]
 
-    if(fields.length > 1){
-      text+= `(${fields.splice(1).map(field => { return value[field]}).join(",")})` 
+    if (fields.length > 1) {
+      text += `(${fields
+        .splice(1)
+        .map(field => {
+          return value[field]
+        })
+        .join(',')})`
     }
-  } 
+  }
 
-  return html`<span @mouseover=${onmouseover} @mouseout=${onmouseout}>${text}</span>`;
-}
+  return html`<span @mouseover=${onmouseover} @mouseout=${onmouseout}>${text}</span>`
+}