@things-factory/operato-board 6.0.0-alpha.8 → 6.0.0-alpha.9

package/client/route.js

@@ -42,13 +42,5 @@ export default function route(page) {
     case 'scenario-list':
       import('./pages/scenario-list-page')
       return page
-
-    case 'headroom-test':
-      import('./pages/headroom-test-page')
-      return page
-
-    case 'sticky-test':
-      import('./pages/sticky-test-page')
-      return page
   }
 }

package/config/license-for-viewer.json

@@ -1,10 +1,12 @@
 {
- "License Type": "Evaluation",
- "Purchase Date": "2022.07.22",
- "Expiration Date": "2022.10.22",
- "Host Address": "UNLIMITED",
- "Max Target Count": 0,
- "Max Domain Count": 0,
- "Permissions For Board Usage": "Viewer",
- "Key": "5eyJMaWNlbnNlIFR5cGUiOiJFdmFsdWF0aW9uIiwiUHVyY2hhc2UgRGF0ZSI6IjIwMjIuMDcuMjIiLCJFeHBpcmF0aW9uIERhdGUiOiIyMDIyLjEwLjIyIiwiSG9zdCBBZGRyZXNzIjoiVU5MSU1JVEVEIiwiTWF4IFRhcmdldCBDb3VudCI6MCwiTWF4IERvbWFpbiBDb3VudCI6MCwiUGVybWlzc2lvbnMgRm9yIEJvYXJkIFVzYWdlIjoiVmlld2VyIiwiS2V5IjoiQXhncUhBNDNIZ3NBUUJvTEt5TWRGUWthRFRzWkNDb2pDMDBtRWdJcElqRVRFalpWSXdnVk94TVpIaEFXRWdRSEFRUVRCaUlpS1JBU0Roa0lId2tyRGlKS0l4UVZGZ1VVSndFbVNTQWVHQmdER1RJSERFMG1NUUVwTHhRckpCMUlDQm9OT3hrSUt4QWlKQ01ZRmp3akZpZ0JKbGtqQ0JVN0ZSbzdFUXNqS2g4SUdSWVlHaEVoV2lNSkRUc1NERDhjSERVN0Z3d1hFaHdyQUFoSkdBb2NCaDhiSWdFTVRRZ0xBaFVtSFJJMkdWVUlIaGtJR3g0REFCczNKaTBaRnhZVkVoSXBVQW9JSUJZR0xoNE1DeU1qS3hVVkR3Z2ZJaGxaQ2dvS1RBVXZDQTBOVGg4R0VEOHZHQ3NrSlZZVENSZzlIeHNlRVJZM0NBc1pQQWNJSGdRRFRBZ3ZERXNmRFVRcyJ963448"
-}
+  "Product": "Operato Board",
+  "License Type": "Evaluation",
+  "Purchase Date": "2022.10.18",
+  "Expiration Date": "2023.01.18",
+  "Host Address": "UNLIMITED",
+  "Max Target Count": 0,
+  "Max Domain Count": 0,
+  "Permissions For Board Usage": "Viewer",
+  "Permissions For Tailor Tool": "",
+  "Key": "5eyJQcm9kdWN0IjoiT3BlcmF0byBCb2FyZCIsIkxpY2Vuc2UgVHlwZSI6IkV2YWx1YXRpb24iLCJQdXJjaGFzZSBEYXRlIjoiMjAyMi4xMC4xOCIsIkV4cGlyYXRpb24gRGF0ZSI6IjIwMjMuMDEuMTgiLCJIb3N0IEFkZHJlc3MiOiJVTkxJTUlURUQiLCJNYXggVGFyZ2V0IENvdW50IjowLCJNYXggRG9tYWluIENvdW50IjowLCJQZXJtaXNzaW9ucyBGb3IgQm9hcmQgVXNhZ2UiOiJWaWV3ZXIiLCJQZXJtaXNzaW9ucyBGb3IgVGFpbG9yIFRvb2wiOiIiLCJLZXkiOiJBeGdxR0F4Tk13b0NLUm94S3dFQVNSZ3VJRDRGREM0NURWa3FIZ0FFSWhnYUppWlRJd29XUWc4dkhnd01FaGNHREJvRUZob1dKaFlqQ2d3RUR3b0VPQlk0R2c4QUJEUUlLQ1lsTVFnSkdEd0hHaTRSRlRNcUhBa3FGZ3NyQVFCSkh3a2hTeHNJUUE4aUl6Z1hFeFVmRWlzQ0dSUUpHZ3BMRHdraUJ3MFNPQVlRR1NJeEdoWW1GaU1KR1VrYkNTY01JaVFuRkJVbUFRZ29KaVVwQ2k0VUFoOGNMZ0lWS0NJTEFRVWJDQ1VBSlRZWUNoWWNGQXdJRkIwMUd3Z1dGUjRUR3hFSVJ4WWFIRXNPTHg0NUppVWVGUUlwTXpFckFRQlhJQjRZSUE4SkRRSWRKek1UQ1NrRUZDc2tJVllJQ2kwQ0h3a0ZEaU1qSWhBSUtoNFRFeEVoV2dzS0tVY0ZHRElpRFJNakJoRS9Md2NSQkI1SEZna1VPZzR2SHdBZ1NTSUtBU2tTTGhvUkpra2dIaGdqRGdrcUN3NDRIaGtCS1M4VUVSQXRKd291R1RrU0dpNEhEU2N6R0JrWUZoVVNOd2hKSFFnWk93SVFOeXc9In0=81098"
+}

package/config/license.json

@@ -1,10 +1,12 @@
 {
+  "Product": "Operato Board",
   "License Type": "Evaluation",
-  "Purchase Date": "2022.07.22",
-  "Expiration Date": "2022.10.22",
+  "Purchase Date": "2022.10.18",
+  "Expiration Date": "2023.01.18",
   "Host Address": "UNLIMITED",
   "Max Target Count": 0,
   "Max Domain Count": 0,
   "Permissions For Board Usage": "Viewer, Modeller",
-  "Key": "5eyJMaWNlbnNlIFR5cGUiOiJFdmFsdWF0aW9uIiwiUHVyY2hhc2UgRGF0ZSI6IjIwMjIuMDcuMjIiLCJFeHBpcmF0aW9uIERhdGUiOiIyMDIyLjEwLjIyIiwiSG9zdCBBZGRyZXNzIjoiVU5MSU1JVEVEIiwiTWF4IFRhcmdldCBDb3VudCI6MCwiTWF4IERvbWFpbiBDb3VudCI6MCwiUGVybWlzc2lvbnMgRm9yIEJvYXJkIFVzYWdlIjoiVmlld2VyLCBNb2RlbGxlciIsIktleSI6IkF4Z3FIQTQzSGdzQVFCb0xLeU1kRlFrYURUc1pDQ29qQzAwbUVnSXBJakVURWpaVkl3Z1ZPeE1aSGhBV0VnUUhBUVFUQmlJaUtSQVNEaGtJSHdrckRpSktJeFFWRmdVVUp3RW1TU0FlR0JnREdUSUhERTBtTVFFcEx4UXJKQjFJQ0JvTk94a0lLeEFpSkNNWUZqd2pGaWdCSmxrakNCVTdGUm83RVFzaktoOElHUllZR2hFaFdpTUpEVHNTREQ4Y0hEVTdGd3dYRWh3ckFBaEpHQW9jQmg4YklnRU1UUWdMQWhVbUhSSTJHVlVJSGhrSUd4NERBQnMzSmkwWkZ4WVZFaElwVUFvSUlCWUdMaDRNQ3lNakt4VVZEd2dmSWhsWkNnb0tUQVV2Q0EwTlRoOEdFRDh2R0Nza0pWWVRDUmc5SHhzZUVSWTNDQXNaUEFjSUhnUURUQWd2REVzY0hqSWJEUklhQ3dBWkVBc1JBQ1VaIn0=67424"
-}
+  "Permissions For Tailor Tool": "",
+  "Key": "5eyJQcm9kdWN0IjoiT3BlcmF0byBCb2FyZCIsIkxpY2Vuc2UgVHlwZSI6IkV2YWx1YXRpb24iLCJQdXJjaGFzZSBEYXRlIjoiMjAyMi4xMC4xOCIsIkV4cGlyYXRpb24gRGF0ZSI6IjIwMjMuMDEuMTgiLCJIb3N0IEFkZHJlc3MiOiJVTkxJTUlURUQiLCJNYXggVGFyZ2V0IENvdW50IjowLCJNYXggRG9tYWluIENvdW50IjowLCJQZXJtaXNzaW9ucyBGb3IgQm9hcmQgVXNhZ2UiOiJWaWV3ZXIsIE1vZGVsbGVyIiwiUGVybWlzc2lvbnMgRm9yIFRhaWxvciBUb29sIjoiIiwiS2V5IjoiQXhncUdBeE5Nd29DS1JveEt3RUFTUmd1SUQ0RkRDNDVEVmtxSGdBRUloZ2FKaVpUSXdvV1FnOHZIZ3dNRWhjR0RCb0VGaG9XSmhZakNnd0VEd29FT0JZNEdnOEFCRFFJS0NZbE1RZ0pHRHdIR2k0UkZUTXFIQWtxRmdzckFRQkpId2toU3hzSVFBOGlJemdYRXhVZkVpc0NHUlFKR2dwTER3a2lCdzBTT0FZUUdTSXhHaFltRmlNSkdVa2JDU2NNSWlRbkZCVW1BUWdvSmlVcENpNFVBaDhjTGdJVktDSUxBUVViQ0NVQUpUWVlDaFljRkF3SUZCMDFHd2dXRlI0VEd4RUlSeFlhSEVzT0x4NDVKaVVlRlFJcE16RXJBUUJYSUI0WUlBOEpEUUlkSnpNVENTa0VGQ3NrSVZZSUNpMENId2tGRGlNakloQUlLaDRURXhFaFdnc0tLVWNGR0RJaURSTWpCaEUvTHdjUkJCNUhGZ2tVT2c0dkh3QWdTU0lLQVNrU0xob1JKbE1qSERGSURob2VDZzBuRmhnWk93OElIeUlaV1FvS0Nrd0ZMd2dORFU0ZkJoQS9MeGdySXgxSUN3b1dTQVVJTWhRTkVqTVNHVHdIQ0NzRlB4MD0ifQ==85748"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/operato-board",
-  "version": "6.0.0-alpha.8",
+  "version": "6.0.0-alpha.9",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -80,8 +80,8 @@
     "@operato/utils": "^1.0.1",
     "@things-factory/apptool-ui": "^6.0.0-alpha.8",
     "@things-factory/auth-ui": "^6.0.0-alpha.8",
-    "@things-factory/board-service": "^6.0.0-alpha.8",
-    "@things-factory/board-ui": "^6.0.0-alpha.8",
+    "@things-factory/board-service": "^6.0.0-alpha.9",
+    "@things-factory/board-ui": "^6.0.0-alpha.9",
     "@things-factory/context-ui": "^6.0.0-alpha.8",
     "@things-factory/export-ui": "^6.0.0-alpha.8",
     "@things-factory/fav-base": "^6.0.0-alpha.8",
@@ -108,8 +108,8 @@
     "@things-factory/system-ui": "^6.0.0-alpha.8"
   },
   "devDependencies": {
-    "@things-factory/board-test": "^6.0.0-alpha.8",
+    "@things-factory/board-test": "^6.0.0-alpha.9",
     "@things-factory/builder": "^6.0.0-alpha.8"
   },
-  "gitHead": "6d45cce6b8aef6b4de253dfbcb0ba8c3abb682cf"
+  "gitHead": "3b34aa7eb3bd773e57a29fb1ff8a258074b10ad5"
 }

package/things-factory.config.js

@@ -46,14 +46,6 @@ export default {
     {
       tagname: 'scenario-list-page',
       page: 'scenario-list'
-    },
-    {
-      tagname: 'headroom-test-page',
-      page: 'headroom-test'
-    },
-    {
-      tagname: 'sticky-test-page',
-      page: 'sticky-test'
     }
   ],
   bootstrap

package/client/pages/headroom-test-page.js

@@ -1,207 +0,0 @@
-import '@things-factory/grist-ui'
-
-import { css, html } from 'lit'
-
-import { i18next } from '@things-factory/i18n-base'
-import { PageView } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
-
-export class HeadroomTestPage extends PageView {
-  static get properties() {
-    return {}
-  }
-
-  static get styles() {
-    return [
-      ScrollbarStyles,
-      css`
-        :host {
-          display: flex;
-          position: relative;
-          flex-direction: column;
-
-          overflow: hidden;
-        }
-
-        #search-form {
-          background-color: blue;
-          color: white;
-          width: 100%;
-          height: 100px;
-        }
-
-        data-grist {
-          overflow-y: auto;
-          flex: 1;
-        }
-      `
-    ]
-  }
-
-  get context() {
-    return {
-      title: 'headroom test',
-      actions: []
-    }
-  }
-
-  render() {
-    return html`
-      <div style="height: 100px; width: 100%; background-color:red;color:white;">Fixed Area</div>
-
-      <data-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      >
-        <div slot="headroom" id="search-form">Headroom Area</div>
-      </data-grist>
-    `
-  }
-
-  get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
-  }
-
-  async pageInitialized(lifecycle) {
-    this.searchConfig = [
-      {
-        name: 'name',
-        type: 'text',
-        props: {
-          placeholder: i18next.t('field.name'),
-          searchOper: 'like'
-        }
-      },
-      {
-        name: 'type',
-        type: 'text',
-        props: {
-          placeholder: i18next.t('field.type'),
-          searchOper: 'eq'
-        }
-      },
-      {
-        name: 'description',
-        type: 'text',
-        props: {
-          placeholder: i18next.t('field.description'),
-          searchOper: 'like'
-        }
-      }
-    ]
-
-    this._updateSearchConfig(lifecycle)
-
-    this.gristConfig = {
-      list: { fields: ['name', 'description', 'state'] },
-      columns: [
-        { type: 'gutter', gutterName: 'sequence' },
-        { type: 'gutter', gutterName: 'row-selector', multiple: true },
-        {
-          type: 'string',
-          name: 'name',
-          header: i18next.t('field.name'),
-          record: {
-            editable: true
-          },
-          sortable: true,
-          width: 150
-        },
-        {
-          type: 'string',
-          name: 'description',
-          header: i18next.t('field.description'),
-          record: {
-            editable: true
-          },
-          width: 200
-        },
-        {
-          type: 'checkbox',
-          name: 'active',
-          header: i18next.t('field.active'),
-          record: {
-            editable: true
-          },
-          sortable: true,
-          width: 60
-        },
-        {
-          type: 'object',
-          name: 'updater',
-          header: i18next.t('field.updater'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'datetime',
-          name: 'updatedAt',
-          header: i18next.t('field.updated_at'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 180
-        }
-      ],
-      rows: {
-        selectable: {
-          multiple: true
-        }
-      },
-      sorters: [
-        {
-          name: 'name'
-        }
-      ]
-    }
-
-    await this.updateComplete
-
-    this.dataGrist.fetch()
-  }
-
-  async pageUpdated(changes, lifecycle) {
-    if (this.active) {
-      // update with url params value
-      this._updateSearchConfig(lifecycle)
-      await this.updateComplete
-
-      this.dataGrist.fetch()
-    }
-  }
-
-  async fetchHandler({ page, limit, sorters = [] }) {
-    return {
-      total: 30,
-      records: new Array(30).fill('').map((_, idx) => {
-        return {
-          name: idx,
-          description: idx,
-          active: true
-        }
-      })
-    }
-  }
-
-  async stateChanged(state) {}
-
-  // update with url params value
-  _updateSearchConfig(lifecycle) {
-    this.searchConfig = this.searchConfig.map(conf => {
-      if (conf.name in lifecycle.params) {
-        conf.value = lifecycle.params[conf.name]
-      } else {
-        delete conf.value
-      }
-      return conf
-    })
-  }
-}
-
-window.customElements.define('headroom-test-page', HeadroomTestPage)

package/client/pages/sticky-test-page.js

@@ -1,225 +0,0 @@
-import '@things-factory/grist-ui'
-
-import { css, html } from 'lit'
-
-import { i18next } from '@things-factory/i18n-base'
-import { PageView } from '@things-factory/shell'
-import { ScrollbarStyles } from '@things-factory/styles'
-import { isMobileDevice } from '@things-factory/utils'
-
-export class StickyTestPage extends PageView {
-  static get properties() {
-    return {}
-  }
-
-  static get styles() {
-    return [
-      ScrollbarStyles,
-      css`
-        :host {
-          display: block;
-          position: relative;
-
-          overflow: auto;
-        }
-
-        /* The sticky class is added to the header with JS when it reaches its scroll position */
-        .sticky {
-          position: absolute;
-          width: 100%;
-
-          z-index: 1;
-        }
-      `
-    ]
-  }
-
-  get context() {
-    return {
-      title: 'sticky test',
-      actions: []
-    }
-  }
-
-  render() {
-    return html`
-      <div>
-        <div style="height: 200px; width: 100%; background-color:blue;color:white;">Scroll Area</div>
-      </div>
-
-      <div id="header" style="height: 100px; width: 100%; background-color:red;color:white;">Fixed Area</div>
-
-      <data-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      >
-      </data-grist>
-    `
-  }
-
-  get dataGrist() {
-    return this.shadowRoot.querySelector('data-grist')
-  }
-
-  async firstUpdated() {
-    // Get the header
-    var header = this.renderRoot.querySelector('#header')
-    var grist = this.renderRoot.querySelector('data-grist')
-
-    var stickyTop = header.offsetTop
-    var stickyHeight = header.offsetHeight
-
-    this.addEventListener('scroll', e => {
-      if (this.scrollTop > stickyTop) {
-        header.classList.add('sticky')
-        grist.style.paddingTop = stickyHeight + 'px'
-        header.style.top = this.scrollTop + 'px'
-      } else {
-        header.classList.remove('sticky')
-        grist.style.paddingTop = 0
-      }
-    })
-  }
-
-  async pageInitialized(lifecycle) {
-    this.searchConfig = [
-      {
-        name: 'name',
-        type: 'text',
-        props: {
-          placeholder: i18next.t('field.name'),
-          searchOper: 'like'
-        }
-      },
-      {
-        name: 'type',
-        type: 'text',
-        props: {
-          placeholder: i18next.t('field.type'),
-          searchOper: 'eq'
-        }
-      },
-      {
-        name: 'description',
-        type: 'text',
-        props: {
-          placeholder: i18next.t('field.description'),
-          searchOper: 'like'
-        }
-      }
-    ]
-
-    this._updateSearchConfig(lifecycle)
-
-    this.gristConfig = {
-      list: { fields: ['name', 'description', 'state'] },
-      columns: [
-        { type: 'gutter', gutterName: 'sequence' },
-        { type: 'gutter', gutterName: 'row-selector', multiple: true },
-        {
-          type: 'string',
-          name: 'name',
-          header: i18next.t('field.name'),
-          record: {
-            editable: true
-          },
-          sortable: true,
-          width: 150
-        },
-        {
-          type: 'string',
-          name: 'description',
-          header: i18next.t('field.description'),
-          record: {
-            editable: true
-          },
-          width: 200
-        },
-        {
-          type: 'checkbox',
-          name: 'active',
-          header: i18next.t('field.active'),
-          record: {
-            editable: true
-          },
-          sortable: true,
-          width: 60
-        },
-        {
-          type: 'object',
-          name: 'updater',
-          header: i18next.t('field.updater'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'datetime',
-          name: 'updatedAt',
-          header: i18next.t('field.updated_at'),
-          record: {
-            editable: false
-          },
-          sortable: true,
-          width: 180
-        }
-      ],
-      rows: {
-        selectable: {
-          multiple: true
-        }
-      },
-      sorters: [
-        {
-          name: 'name'
-        }
-      ]
-    }
-
-    await this.updateComplete
-
-    this.dataGrist.fetch()
-  }
-
-  async pageUpdated(changes, lifecycle) {
-    if (this.active) {
-      // update with url params value
-      this._updateSearchConfig(lifecycle)
-      await this.updateComplete
-
-      this.dataGrist.fetch()
-    }
-  }
-
-  async fetchHandler({ page, limit, sorters = [] }) {
-    return {
-      total: 30,
-      records: new Array(30).fill('').map((_, idx) => {
-        return {
-          name: idx,
-          description: idx,
-          active: true
-        }
-      })
-    }
-  }
-
-  async stateChanged(state) {}
-
-  // update with url params value
-  _updateSearchConfig(lifecycle) {
-    this.searchConfig = this.searchConfig.map(conf => {
-      if (conf.name in lifecycle.params) {
-        conf.value = lifecycle.params[conf.name]
-      } else {
-        delete conf.value
-      }
-      return conf
-    })
-  }
-}
-
-window.customElements.define('sticky-test-page', StickyTestPage)