@things-factory/reference-app 7.0.1-alpha.2 → 7.0.1-alpha.20

package/_index.html

@@ -52,6 +52,7 @@
     <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
     <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
+    <link href="/node_modules/material-symbols/index.css" rel="stylesheet" />
 
     <!-- Add any global styles for body, document, etc. -->
     <style>

package/client/bootstrap.js

@@ -77,27 +77,6 @@ export default async function bootstrap() {
   })
   updateMenuTemplate(getMenuTemplate())
 
-  /* add top-menu app-tool */
-  // store.dispatch({
-  //   type: APPEND_APP_TOOL,
-  //   replace: 'title-bar',
-  //   tool: {
-  //     name: 'top-menu-bar',
-  //     template: html` <top-menu-bar></top-menu-bar> `,
-  //     position: TOOL_POSITION.CENTER
-  //   }
-  // })
-
-  /* add top-menu app-tool */
-  // store.dispatch({
-  //   type: APPEND_APP_TOOL,
-  //   tool: {
-  //     name: 'domain-switch',
-  //     template: html` <domain-switch rounded-corner dark></domain-switch> `,
-  //     position: TOOL_POSITION.REAR
-  //   }
-  // })
-
   /* add setting morenda */
   store.dispatch({
     type: ADD_MORENDA,
@@ -111,9 +90,7 @@ export default async function bootstrap() {
   })
 
   /* add addon-menu management page morenda */
-  if (
-    await hasPrivilege({ privilege: 'mutation', category: 'menu', domainOwnerGranted: true, superUserGranted: true })
-  ) {
+  if (await hasPrivilege({ privilege: 'mutation', category: 'menu', domainOwnerGranted: true, superUserGranted: true })) {
     store.dispatch({
       type: ADD_MORENDA,
       morenda: {

package/client/pages/operation/operation-master.js

@@ -11,7 +11,7 @@ import { i18next, localize } from '@operato/i18n'
 import { openPopup } from '@operato/layout'
 import { CommonButtonStyles, CommonGristStyles } from '@operato/styles'
 import { isMobileDevice } from '@operato/utils'
-import { CustomAlert, PageView } from '@things-factory/shell'
+import { CustomAlert, PageView } from '@operato/shell'
 
 import { createOperation, deleteOperations, fetchOperations, saveOperations } from './operation-api'
 
@@ -46,6 +46,7 @@ class OperationMaster extends localize(i18next)(PageView) {
   constructor() {
     super()
     this.mode = isMobileDevice() ? 'CARD' : 'GRID'
+    this.importHandler = this.defaultImportHandler
   }
 
   render() {
@@ -292,7 +293,7 @@ class OperationMaster extends localize(i18next)(PageView) {
     }
   }
 
-  async importHandler(patches) {
+  async defaultImportHandler(patches) {
     const response = await saveOperations(patches)
 
     if (!response.errors) {
@@ -417,9 +418,7 @@ class OperationMaster extends localize(i18next)(PageView) {
         ...this._columns
           .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
           .reduce((record, column) => {
-            record[column.imex.key] = column.imex.key
-              .split('.')
-              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+            record[column.imex.key] = column.imex.key.split('.').reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
             return record
           }, {})
       }

package/client/pages/pending-job-page.js

@@ -1,5 +1,6 @@
 import '@material/mwc-linear-progress'
 import '@operato/help/ox-help-icon.js'
+import '@operato/oops/ox-oops-progress.js'
 
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
@@ -48,19 +49,19 @@ class PendingJobPage extends connect(store)(PageView) {
 
     return html`
       <p>
-        오래걸리는 서버작업을 수행할 때는 진행과정을 표현해주는 것이 사용자 경험에 도움을 준다. 이를 위해 Things Factory
-        프레임워크에서는 oops-progress<ox-help-icon topic="components/oops-progress"></ox-help-icon> 라는 컴포넌트를
-        제공한다.
+        오래걸리는 서버작업을 수행할 때는 진행과정을 표현해주는 것이 사용자 경험에 도움을 준다. 이를 위해 Things Factory 프레임워크에서는 ox-oops-progress<ox-help-icon
+          topic="components/ox-oops-progress"
+        ></ox-help-icon>
+        라는 컴포넌트를 제공한다.
       </p>
       <p>
-        아래 'Start' 버튼을 클릭하면, 서버에 작업을 요청하고 그 진행율이 화면에 표현된다. 진행중에는 버튼은 'Stop'
-        버튼으로 변경되면, 진행중에 버튼을 누르면 진행율 표현이 멈추게 된다. 진행이 완료되면, 'Start' 버튼으로 변경된다.
-        주의할 점은, 'Stop' 버튼으로 서버의 작업을 변경하는 것은 아니고, 진행율 구독만을 정지한다는 것이다. 서버
+        아래 'Start' 버튼을 클릭하면, 서버에 작업을 요청하고 그 진행율이 화면에 표현된다. 진행중에는 버튼은 'Stop' 버튼으로 변경되면, 진행중에 버튼을 누르면 진행율 표현이
+        멈추게 된다. 진행이 완료되면, 'Start' 버튼으로 변경된다. 주의할 점은, 'Stop' 버튼으로 서버의 작업을 변경하는 것은 아니고, 진행율 구독만을 정지한다는 것이다. 서버
         작업까지 정지하고자하면, 별도의 mutation을 구현해서 Stop시에 호출해주어야 한다.
       </p>
 
       <section>
-        <oops-progress
+        <ox-oops-progress
           @progress=${e => {
             this.progress = e.detail
           }}
@@ -73,14 +74,14 @@ class PendingJobPage extends connect(store)(PageView) {
             <mwc-linear-progress .progress=${progress / 100}></mwc-linear-progress>
             <span>Progress : ${progress} % (${message})</span>
           </div>
-        </oops-progress>
+        </ox-oops-progress>
         <div id="result"></div>
       </section>
     `
   }
 
   get oopsProgress() {
-    return this.shadowRoot.querySelector('oops-progress')
+    return this.shadowRoot.querySelector('ox-oops-progress')
   }
 
   updated(changes) {

package/client/pages/product/product-master.js

@@ -38,6 +38,7 @@ class ProductMaster extends localize(i18next)(PageView) {
   constructor() {
     super()
     this.mode = isMobileDevice() ? 'LIST' : 'GRID'
+    this.importHandler = this.defaultImportHandler
   }
 
   static get properties() {
@@ -725,7 +726,7 @@ class ProductMaster extends localize(i18next)(PageView) {
     }
   }
 
-  async importHandler(patches) {
+  async defaultImportHandler(patches) {
     const response = await saveProducts(patches)
 
     if (!response.errors) {
@@ -842,9 +843,7 @@ class ProductMaster extends localize(i18next)(PageView) {
         ...this._columns
           .filter(column => column.type !== 'gutter' && !!column.imex)
           .reduce((record, column) => {
-            record[column.imex.key] = column.imex.key
-              .split('.')
-              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+            record[column.imex.key] = column.imex.key.split('.').reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
             return record
           }, {})
       }
@@ -866,15 +865,13 @@ class ProductMaster extends localize(i18next)(PageView) {
         if (!errors.find(err => err.type == 'type')) errors.push({ type: 'type', value: 'Product type is required' })
       }
       if (_.isEmpty(itm.packingType) || '') {
-        if (!errors.find(err => err.type == 'packingType'))
-          errors.push({ type: 'packingType', value: 'Packing type is required' })
+        if (!errors.find(err => err.type == 'packingType')) errors.push({ type: 'packingType', value: 'Packing type is required' })
       }
       if (_.isEmpty(itm.uom) || '') {
         if (!errors.find(err => err.type == 'uom')) errors.push({ type: 'uom', value: 'UOM is required' })
       }
       if (!_.isNumber(itm.uomValue) || _.isNaN(itm.uomValue) || '' || itm?.uomValue < 0) {
-        if (!errors.find(err => err.type == 'uomValue'))
-          errors.push({ type: 'uomValue', value: 'UOM Value is required' })
+        if (!errors.find(err => err.type == 'uomValue')) errors.push({ type: 'uomValue', value: 'UOM Value is required' })
       }
       return itm
     })

package/client/themes/app-theme.css

@@ -82,6 +82,9 @@ body {
   --mdc-button-outline-width: 1px;
   --mdc-button-horizontal-padding: 16px;
 
+  --md-fab-container-color: var(--primary-color);
+  --md-fab-icon-color: var(--focus-color);
+
   /* button style */
   --button-background-color: #fafbfc;
   --button-background-focus-color: var(--primary-color);

package/client/themes/grist-theme.css

@@ -155,7 +155,7 @@ body {
     --record-view-font: normal 15px/32px var(--theme-font);
     --record-view-footer-height: 50px;
     --record-view-footer-button-height: var(--record-view-footer-height);
-    --record-view-footer-iconbutton-size: 35px;
+    --record-view-footer-iconbutton-size: 28px;
     --record-view-footer-iconbutton-margin: -2px;
     --record-view-footer-iconbutton-display: block;
     --ox-grist-padding: 0;
@@ -168,7 +168,7 @@ body {
 
     --record-view-footer-height: 50px;
     --record-view-footer-button-height: var(--record-view-footer-height);
-    --record-view-footer-iconbutton-size: 35px;
+    --record-view-footer-iconbutton-size: 28px;
     --record-view-footer-iconbutton-margin: -2px;
     --record-view-footer-iconbutton-display: block;
   }