@dssp/dkpi 1.0.0-alpha.23 → 1.0.0-alpha.25

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,8 @@
+import '@things-factory/notification/dist-client';
+import '@things-factory/setting-ui/dist-client';
+import '@material/web/icon/icon.js';
+import '@operato/i18n/ox-i18n.js';
+import '@things-factory/notification';
+import './viewparts/user-circle';
+import './viewparts/menu-tools';
+export default function bootstrap(): Promise<void>;

package/dist-client/bootstrap.js

@@ -0,0 +1,257 @@
+import '@things-factory/notification/dist-client'; /* for notification-setting-let */
+import '@things-factory/setting-ui/dist-client'; /* for theme-mode-setting-let */
+import '@material/web/icon/icon.js';
+import '@operato/i18n/ox-i18n.js';
+import '@things-factory/notification';
+import './viewparts/user-circle';
+import './viewparts/menu-tools';
+import { html } from 'lit-html';
+import { registerDefaultGroups } from '@operato/board';
+import { navigate, store } from '@operato/shell';
+import { appendViewpart, updateViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION, VIEWPART_LEVEL } from '@operato/layout';
+import { APPEND_APP_TOOL } from '@things-factory/apptool-base/client';
+import { setupAppToolPart } from '@things-factory/apptool-ui/dist-client';
+import { setupContextUIPart } from '@things-factory/context-ui/dist-client';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client';
+import { ADD_MORENDA } from '@things-factory/more-base/client';
+import { ADD_SETTING } from '@things-factory/setting-base/dist-client';
+console.log(`%c
+▄▄▄  ▄  ▄▄ ▄▄▄  ▄
+▓  ▓ ▓ ▓   ▓  ▓ ▀
+▓  ▓ ▓▓    ▓▀▀  ▓
+▓  ▓ ▓ ▓   ▓    ▓
+▀▀▀  ▀  ▀▀ ▀    ▀
+`, 'background: #222; color: #bada55');
+export default async function bootstrap() {
+    var _a;
+    /* set board-modeller group and default templates */
+    registerDefaultGroups();
+    await setupAppToolPart({
+        toolbar: true,
+        busybar: true,
+        mdibar: false
+    });
+    await setupContextUIPart({
+        titlebar: 'header',
+        contextToolbar: 'page-footer'
+    });
+    /* append top-menu to layout */
+    var state = store.getState();
+    var width = ((_a = state.layout) === null || _a === void 0 ? void 0 : _a.width) || 'WIDE';
+    appendViewpart({
+        name: 'dkpi-topmenu',
+        viewpart: {
+            show: true,
+            template: html ` <menu-tools></menu-tools> `
+        },
+        position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
+    });
+    store.subscribe(async () => {
+        var state = store.getState();
+        if (state.layout.width == width) {
+            return;
+        }
+        width = state.layout.width;
+        updateViewpart('dkpi-topmenu', {
+            position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,
+            level: VIEWPART_LEVEL.TOPMOST
+        });
+    });
+    /* setting app-tools */
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'app-brand',
+            template: html ` <span style="font-size: 1.2em;">KPI</span> `,
+            position: TOOL_POSITION.FRONT
+        }
+    });
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'notification-badge',
+            template: html `
+        <notification-badge
+          @click=${e => {
+                toggleOverlay('notification', {
+                    backdrop: true
+                });
+            }}
+        >
+        </notification-badge>
+      `,
+            position: TOOL_POSITION.REAR
+        }
+    });
+    appendViewpart({
+        name: 'notification',
+        viewpart: {
+            show: false,
+            hovering: 'edge',
+            template: html ` <notification-list style="min-width: 300px;"></notification-list> `
+        },
+        position: VIEWPART_POSITION.ASIDEBAR
+    });
+    /* add setting morenda */
+    store.dispatch({
+        type: ADD_MORENDA,
+        morenda: {
+            icon: html ` <md-icon>settings</md-icon> `,
+            name: html ` <ox-i18n msgid="label.setting"></ox-i18n> `,
+            action: () => {
+                navigate('setting');
+            }
+        }
+    });
+    /* add env-var morenda */
+    if (await hasPrivilege({ privilege: 'mutation', category: 'env-var', domainOwnerGranted: true, superUserGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>variables</md-icon> `,
+                name: html ` <ox-i18n msgid="label.env-var"></ox-i18n> `,
+                action: () => {
+                    navigate('env-vars');
+                }
+            }
+        });
+    }
+    /* set auth management menus into more-panel */
+    setAuthManagementMenus();
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'user',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>vpn_key</md-icon> `,
+                name: html ` <ox-i18n msgid="text.oauth2-clients"></ox-i18n> `,
+                action: () => {
+                    navigate('oauth2-clients');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'board',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>font_download</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.fonts"></ox-i18n> `,
+                action: () => {
+                    navigate('font-list');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>dvr</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.board-list"></ox-i18n> `,
+                action: () => {
+                    navigate('board-list');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>dashboard</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.board-template"></ox-i18n> `,
+                action: () => {
+                    navigate('board-template-list');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({
+        privilege: 'query',
+        category: 'attachment',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>attachment</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.attachments"></ox-i18n> `,
+                action: () => {
+                    navigate('attachment-list');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'scenario',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>device_hub</md-icon> `,
+                name: html ` <ox-i18n msgid="text.connection"></ox-i18n> `,
+                action: () => {
+                    navigate('connection');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>format_list_numbered</md-icon> `,
+                name: html ` <ox-i18n msgid="text.scenario"></ox-i18n> `,
+                action: () => {
+                    navigate('scenario');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>hub</md-icon> `,
+                name: html ` <ox-i18n msgid="text.integration analysis"></ox-i18n>&nbsp;(beta)`,
+                action: () => {
+                    navigate('integration-analysis');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({ privilege: 'mutation', category: 'state-register', domainOwnerGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>app_registration</md-icon> `,
+                name: html ` <ox-i18n msgid="title.state-register"></ox-i18n> `,
+                action: () => {
+                    navigate('state-register-page');
+                }
+            }
+        });
+    }
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 10,
+            template: html ` <theme-mode-setting-let></theme-mode-setting-let> `
+        }
+    });
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 20,
+            template: html ` <notification-setting-let></notification-setting-let> `
+        }
+    });
+}
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/notification/dist-client' /* for notification-setting-let */\nimport '@things-factory/setting-ui/dist-client' /* for theme-mode-setting-let */\n\nimport '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@things-factory/notification'\nimport './viewparts/user-circle'\nimport './viewparts/menu-tools'\n\nimport { html } from 'lit-html'\n\nimport { registerDefaultGroups } from '@operato/board'\nimport { navigate, store } from '@operato/shell'\n\nimport { appendViewpart, updateViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION, VIEWPART_LEVEL } from '@operato/layout'\nimport { APPEND_APP_TOOL } from '@things-factory/apptool-base/client'\nimport { setupAppToolPart } from '@things-factory/apptool-ui/dist-client'\nimport { setupContextUIPart } from '@things-factory/context-ui/dist-client'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\nimport { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\nimport { ADD_SETTING } from '@things-factory/setting-base/dist-client'\n\nconsole.log(\n  `%c\n▄▄▄  ▄  ▄▄ ▄▄▄  ▄\n▓  ▓ ▓ ▓   ▓  ▓ ▀\n▓  ▓ ▓▓    ▓▀▀  ▓\n▓  ▓ ▓ ▓   ▓    ▓\n▀▀▀  ▀  ▀▀ ▀    ▀\n`,\n  'background: #222; color: #bada55'\n)\n\nexport default async function bootstrap() {\n  /* set board-modeller group and default templates */\n  registerDefaultGroups()\n\n  await setupAppToolPart({\n    toolbar: true,\n    busybar: true,\n    mdibar: false\n  })\n\n  await setupContextUIPart({\n    titlebar: 'header',\n    contextToolbar: 'page-footer'\n  })\n\n  /* append top-menu to layout */\n  var state = store.getState() as any\n  var width = state.layout?.width || 'WIDE'\n\n  appendViewpart({\n    name: 'dkpi-topmenu',\n    viewpart: {\n      show: true,\n      template: html` <menu-tools></menu-tools> `\n    },\n    position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR\n  })\n\n  store.subscribe(async () => {\n    var state = store.getState() as any\n\n    if (state.layout.width == width) {\n      return\n    }\n\n    width = state.layout.width\n\n    updateViewpart('dkpi-topmenu', {\n      position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,\n      level: VIEWPART_LEVEL.TOPMOST\n    })\n  })\n\n  /* setting app-tools */\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'app-brand',\n      template: html` <span style=\"font-size: 1.2em;\">KPI</span> `,\n      position: TOOL_POSITION.FRONT\n    }\n  })\n\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'notification-badge',\n      template: html`\n        <notification-badge\n          @click=${e => {\n            toggleOverlay('notification', {\n              backdrop: true\n            })\n          }}\n        >\n        </notification-badge>\n      `,\n      position: TOOL_POSITION.REAR\n    }\n  })\n\n  appendViewpart({\n    name: 'notification',\n    viewpart: {\n      show: false,\n      hovering: 'edge',\n      template: html` <notification-list style=\"min-width: 300px;\"></notification-list> `\n    },\n    position: VIEWPART_POSITION.ASIDEBAR\n  })\n\n  /* add setting morenda */\n  store.dispatch({\n    type: ADD_MORENDA,\n    morenda: {\n      icon: html` <md-icon>settings</md-icon> `,\n      name: html` <ox-i18n msgid=\"label.setting\"></ox-i18n> `,\n      action: () => {\n        navigate('setting')\n      }\n    }\n  })\n\n  /* add env-var morenda */\n  if (await hasPrivilege({ privilege: 'mutation', category: 'env-var', domainOwnerGranted: true, superUserGranted: true })) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>variables</md-icon> `,\n        name: html` <ox-i18n msgid=\"label.env-var\"></ox-i18n> `,\n        action: () => {\n          navigate('env-vars')\n        }\n      }\n    })\n  }\n\n  /* set auth management menus into more-panel */\n  setAuthManagementMenus()\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'user',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>vpn_key</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.oauth2-clients\"></ox-i18n> `,\n        action: () => {\n          navigate('oauth2-clients')\n        }\n      }\n    })\n  }\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'board',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>font_download</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.fonts\"></ox-i18n> `,\n        action: () => {\n          navigate('font-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>dvr</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.board-list\"></ox-i18n> `,\n        action: () => {\n          navigate('board-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>dashboard</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.board-template\"></ox-i18n> `,\n        action: () => {\n          navigate('board-template-list')\n        }\n      }\n    })\n  }\n\n  if (\n    await hasPrivilege({\n      privilege: 'query',\n      category: 'attachment',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>attachment</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.attachments\"></ox-i18n> `,\n        action: () => {\n          navigate('attachment-list')\n        }\n      }\n    })\n  }\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'scenario',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>device_hub</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.connection\"></ox-i18n> `,\n        action: () => {\n          navigate('connection')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>format_list_numbered</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.scenario\"></ox-i18n> `,\n        action: () => {\n          navigate('scenario')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>hub</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.integration analysis\"></ox-i18n>&nbsp;(beta)`,\n        action: () => {\n          navigate('integration-analysis')\n        }\n      }\n    })\n  }\n\n  if (await hasPrivilege({ privilege: 'mutation', category: 'state-register', domainOwnerGranted: true })) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>app_registration</md-icon> `,\n        name: html` <ox-i18n msgid=\"title.state-register\"></ox-i18n> `,\n        action: () => {\n          navigate('state-register-page')\n        }\n      }\n    })\n  }\n\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: {\n      seq: 10,\n      template: html` <theme-mode-setting-let></theme-mode-setting-let> `\n    }\n  })\n\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: {\n      seq: 20,\n      template: html` <notification-setting-let></notification-setting-let> `\n    }\n  })\n}\n"]}

package/dist-client/entries/public/home.d.ts

@@ -0,0 +1,8 @@
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+export declare class HomePage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _applicationMeta;
+    render(): import("lit-html").TemplateResult<1>;
+    get applicationMeta(): any;
+}

package/dist-client/entries/public/home.js

@@ -0,0 +1,97 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let HomePage = class HomePage extends LitElement {
+    render() {
+        var { title, description } = this.applicationMeta;
+        return html `
+      <div message>
+        <strong>${title}</strong>
+        ${description}
+        <video autoplay muted playsinline loop>
+          <source src="/assets/videos/intro.mp4" type="video/mp4" />
+        </video>
+      </div>
+
+      <md-icon signin @click=${e => (window.location.href = '/auth/signin')}>login</md-icon>
+    `;
+    }
+    get applicationMeta() {
+        if (!this._applicationMeta) {
+            var iconLink = document.querySelector('link[rel="application-icon"]');
+            var titleMeta = document.querySelector('meta[name="application-name"]');
+            var descriptionMeta = document.querySelector('meta[name="application-description"]');
+            this._applicationMeta = {
+                icon: iconLink === null || iconLink === void 0 ? void 0 : iconLink.href,
+                title: (titleMeta === null || titleMeta === void 0 ? void 0 : titleMeta.content) || 'Things Factory',
+                description: (descriptionMeta === null || descriptionMeta === void 0 ? void 0 : descriptionMeta.content) || 'Reimagining Software'
+            };
+        }
+        return this._applicationMeta;
+    }
+};
+HomePage.styles = [
+    css `
+      :host {
+        background-color: var(--md-sys-color-background);
+
+        display: block;
+        position: relative;
+
+        max-width: 100vw;
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
+      }
+
+      [signin] {
+        position: absolute;
+        right: 20px;
+        top: 20px;
+        font-size: 2em;
+        color: white;
+      }
+
+      [message] {
+        background-color: rgba(50, 66, 97, 0.8);
+        padding: 60px 50px 0 50px;
+        color: #fff;
+        text-align: center;
+        font-size: 20px;
+      }
+
+      [message] strong {
+        display: block;
+        font-size: 2.5rem;
+      }
+
+      video {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 100vw;
+        height: 100vh;
+        object-fit: cover;
+        transform: translate(-50%, -50%);
+      }
+
+      @media screen and (max-width: 480px) {
+        [message] {
+          padding: 60px 30px 0 30px;
+          color: #fff;
+          text-align: center;
+          font-size: 15px;
+        }
+
+        [message] strong {
+          font-size: 1.6rem;
+        }
+      }
+    `
+];
+HomePage = __decorate([
+    customElement('home-page')
+], HomePage);
+export { HomePage };
+//# sourceMappingURL=home.js.map

package/dist-client/entries/public/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","sourceRoot":"","sources":["../../../client/entries/public/home.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAG1C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IA+DtC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,CAAA;QAEjD,OAAO,IAAI,CAAA;;kBAEG,KAAK;UACb,WAAW;;;;;;+BAMU,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,cAAc,CAAC;KACtE,CAAA;IACH,CAAC;IAED,IAAI,eAAe;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAoB,CAAA;YACxF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAoB,CAAA;YAC1F,IAAI,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,sCAAsC,CAAoB,CAAA;YAEvG,IAAI,CAAC,gBAAgB,GAAG;gBACtB,IAAI,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI;gBACpB,KAAK,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,KAAI,gBAAgB;gBAC7C,WAAW,EAAE,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,OAAO,KAAI,sBAAsB;aAChE,CAAA;QACH,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAA;IAC9B,CAAC;;AA5FM,eAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DZ;AA3DU,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA8FpB","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('home-page')\nexport class HomePage extends LitElement {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--md-sys-color-background);\n\n        display: block;\n        position: relative;\n\n        max-width: 100vw;\n        width: 100vw;\n        height: 100vh;\n        height: 100dvh;\n      }\n\n      [signin] {\n        position: absolute;\n        right: 20px;\n        top: 20px;\n        font-size: 2em;\n        color: white;\n      }\n\n      [message] {\n        background-color: rgba(50, 66, 97, 0.8);\n        padding: 60px 50px 0 50px;\n        color: #fff;\n        text-align: center;\n        font-size: 20px;\n      }\n\n      [message] strong {\n        display: block;\n        font-size: 2.5rem;\n      }\n\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 100vw;\n        height: 100vh;\n        object-fit: cover;\n        transform: translate(-50%, -50%);\n      }\n\n      @media screen and (max-width: 480px) {\n        [message] {\n          padding: 60px 30px 0 30px;\n          color: #fff;\n          text-align: center;\n          font-size: 15px;\n        }\n\n        [message] strong {\n          font-size: 1.6rem;\n        }\n      }\n    `\n  ]\n\n  private _applicationMeta\n\n  render() {\n    var { title, description } = this.applicationMeta\n\n    return html`\n      <div message>\n        <strong>${title}</strong>\n        ${description}\n        <video autoplay muted playsinline loop>\n          <source src=\"/assets/videos/intro.mp4\" type=\"video/mp4\" />\n        </video>\n      </div>\n\n      <md-icon signin @click=${e => (window.location.href = '/auth/signin')}>login</md-icon>\n    `\n  }\n\n  get applicationMeta() {\n    if (!this._applicationMeta) {\n      var iconLink = document.querySelector('link[rel=\"application-icon\"]') as HTMLLinkElement\n      var titleMeta = document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement\n      var descriptionMeta = document.querySelector('meta[name=\"application-description\"]') as HTMLMetaElement\n\n      this._applicationMeta = {\n        icon: iconLink?.href,\n        title: titleMeta?.content || 'Things Factory',\n        description: descriptionMeta?.content || 'Reimagining Software'\n      }\n    }\n\n    return this._applicationMeta\n  }\n}\n"]}

package/dist-client/icons/menu-icons.d.ts

@@ -0,0 +1,5 @@
+export declare const ICONS_HOME: string[];
+export declare const ICONS_KPIS: string[];
+export declare const ICONS_STATUS: string[];
+export declare const ICONS_INTEGRATION: string[];
+export declare const ICONS_SETTING: string[];

package/dist-client/icons/menu-icons.js

@@ -0,0 +1,84 @@
+const ICON_HOME = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+    <path class="menu-svg" d="M31,36.5c-.2,0-.4,0-.6,0-.2,0-.3-.2-.5-.3l-8.3-8.3c-.2-.2-.3-.3-.3-.5,0-.2,0-.4,0-.6s0-.4,0-.6c0-.2.2-.3.3-.5l3.1-3.1c.2-.2.3-.3.5-.3.2,0,.4,0,.6,0s.4,0,.6,0c.2,0,.3.2.5.3l8.3,8.3c.2.2.3.3.3.5,0,.2,0,.4,0,.6s0,.4,0,.6c0,.2-.2.3-.3.5l-3.1,3.1c-.2.2-.3.3-.5.3-.2,0-.4,0-.6,0ZM31,33.6l1.8-1.8-6.9-6.9-1.8,1.8,6.9,6.9ZM8.9,36.5c-.2,0-.4,0-.6-.1-.2,0-.3-.2-.5-.3l-3.1-3.1c-.2-.2-.3-.3-.3-.5,0-.2-.1-.4-.1-.6s0-.4.1-.6c0-.2.2-.3.3-.5l8.6-8.6h3.5l1.3-1.3-6.9-6.9h-2.4l-4.6-4.6,4.1-4.1,4.6,4.6v2.4l6.9,6.9,4.9-4.9-2.4-2.4,2.1-2.1h-4.2l-.9-.9,5.3-5.3.9.9v4.2l2.1-2.1,6.2,6.2c.4.4.8.9,1,1.5.2.5.3,1.1.3,1.7s0,1-.3,1.5c-.2.5-.5.9-.8,1.4l-3.5-3.5-2.3,2.3-1.8-1.8-8,8v3.5l-8.6,8.6c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1ZM8.9,33.6l7.6-7.6v-1.8h-1.8l-7.6,7.6,1.8,1.8ZM8.9,33.6l-1.8-1.8.9.9.9.9ZM31,33.6l1.8-1.8-1.8,1.8Z"/>
+</svg>
+`;
+const ICON_KPIS = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+  <path class="menu-svg" d="M27.9,15.1h2.7v-2.8h-2.7v2.8ZM27.9,21.4h2.7v-2.8h-2.7v2.8ZM27.9,27.7h2.7v-2.8h-2.7v2.8ZM26.9,33.3v-2.4h6.9V9h-14.2v2.8l-2.3-1.7v-3.5h18.7v26.7s-9.1,0-9.1,0ZM4,33.3v-14.5l9.9-7.3,9.9,7.3v14.5h-8.1v-7.5h-3.5v7.5H4ZM6.3,31h3.6v-7.5h8v7.5h3.6v-11l-7.7-5.5-7.7,5.5v11h0ZM18,31v-7.5h-8v7.5-7.5h8v7.5Z"/>
+</svg>
+`;
+const ICON_STATUS = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+
+  <path class="menu-svg" d="M7.4,33.9c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.3-.8-2.1V9c0-.8.3-1.5.8-2.1.6-.6,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v21.9c0,.8-.3,1.5-.8,2.1s-1.3.8-2.1.8H7.4ZM7.4,31.4h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.4c0,0-.3,0-.4.2,0,0-.2.2-.2.4v21.9c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM8.9,27.7h7.3v-2.4h-7.3v2.4ZM24.2,24.3l7.5-7.5-1.8-1.8-5.7,5.8-2.4-2.4-1.7,1.8s4.1,4.1,4.1,4.1ZM8.9,21.2h7.3v-2.4h-7.3v2.4ZM8.9,14.6h7.3v-2.4h-7.3s0,2.4,0,2.4ZM6.9,31.4V8.5v22.9Z"/>
+</svg>
+`;
+const ICON_INTEGRATION = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+    
+  <path class="menu-svg" d="M9.1,35.5c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.2-.8-2.1V10.9c0-.8.3-1.5.8-2.1.6-.6,1.2-.8,2.1-.8h2.3v-3.5h2.5v3.5h12.3v-3.5h2.4v3.5h2.3c.8,0,1.5.3,2.1.8.6.6.8,1.2.8,2.1v21.7c0,.8-.3,1.5-.8,2.1s-1.2.8-2.1.8c0,0-21.8,0-21.8,0ZM9.1,33.1h21.7c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4v-15.2H8.5v15.2c0,0,0,.3.2.4,0,0,.2.2.4.2ZM8.5,14.9h22.7v-4c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H9.1c0,0-.3,0-.4.2,0,0-.2.2-.2.4,0,0,0,4,0,4ZM8.5,14.9v-4.5,4.5ZM12.2,22.9v-2.4h15.4v2.4s-15.4,0-15.4,0ZM12.2,29.4v-2.4h10.5v2.4h-10.5Z"/>
+</svg>
+`;
+const ICON_SETTING = `
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40">
+  <defs>
+    <style>
+      .menu-svg {
+        fill: #fff;
+				stroke: {{strokecolor}};
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  
+  <path class="menu-svg" d="M13.1,24.2h2v-5.7h-2v1.9h-2.4v2h2.4v1.9h0ZM16.7,22.3h12.8v-2h-12.8v2ZM25,18.1h2v-1.9h2.4v-2h-2.4v-1.9h-2v5.7h0ZM10.6,16.2h12.8v-2h-12.8v2ZM14.3,34v-3.3h-6.9c-.8,0-1.5-.3-2.1-.8s-.8-1.3-.8-2.1V8.9c0-.8.3-1.6.8-2.1.6-.5,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v18.8c0,.8-.3,1.6-.8,2.1-.6.5-1.3.8-2.1.8h-6.9v3.3h-11.5,0ZM7.5,28.2h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V8.9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.5c0,0-.3,0-.4.2,0,0-.2.2-.2.4v18.8c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM6.9,28.2V8.4v19.8Z"/>
+</svg>
+`;
+function icons(template) {
+    return ['#ffffff', '#64A3D9'].map(color => 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(template.replace(/{{strokecolor}}/g, color)));
+}
+export const ICONS_HOME = icons(ICON_HOME);
+export const ICONS_KPIS = icons(ICON_KPIS);
+export const ICONS_STATUS = icons(ICON_STATUS);
+export const ICONS_INTEGRATION = icons(ICON_INTEGRATION);
+export const ICONS_SETTING = icons(ICON_SETTING);
+//# sourceMappingURL=menu-icons.js.map

package/dist-client/icons/menu-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-icons.js","sourceRoot":"","sources":["../../client/icons/menu-icons.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG;;;;;;;;;;;;;;CAcjB,CAAA;AAED,MAAM,SAAS,GAAG;;;;;;;;;;;;;;CAcjB,CAAA;AAED,MAAM,WAAW,GAAG;;;;;;;;;;;;;;CAcnB,CAAA;AAED,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;CAcxB,CAAA;AAED,MAAM,YAAY,GAAG;;;;;;;;;;;;;;CAcpB,CAAA;AAED,SAAS,KAAK,CAAC,QAAQ;IACrB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,GAAG,CAC/B,KAAK,CAAC,EAAE,CAAC,0CAA0C,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CACxG,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;AAC1C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAA;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAA;AACxD,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,CAAC,CAAA","sourcesContent":["const ICON_HOME = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n  \n    <path class=\"menu-svg\" d=\"M31,36.5c-.2,0-.4,0-.6,0-.2,0-.3-.2-.5-.3l-8.3-8.3c-.2-.2-.3-.3-.3-.5,0-.2,0-.4,0-.6s0-.4,0-.6c0-.2.2-.3.3-.5l3.1-3.1c.2-.2.3-.3.5-.3.2,0,.4,0,.6,0s.4,0,.6,0c.2,0,.3.2.5.3l8.3,8.3c.2.2.3.3.3.5,0,.2,0,.4,0,.6s0,.4,0,.6c0,.2-.2.3-.3.5l-3.1,3.1c-.2.2-.3.3-.5.3-.2,0-.4,0-.6,0ZM31,33.6l1.8-1.8-6.9-6.9-1.8,1.8,6.9,6.9ZM8.9,36.5c-.2,0-.4,0-.6-.1-.2,0-.3-.2-.5-.3l-3.1-3.1c-.2-.2-.3-.3-.3-.5,0-.2-.1-.4-.1-.6s0-.4.1-.6c0-.2.2-.3.3-.5l8.6-8.6h3.5l1.3-1.3-6.9-6.9h-2.4l-4.6-4.6,4.1-4.1,4.6,4.6v2.4l6.9,6.9,4.9-4.9-2.4-2.4,2.1-2.1h-4.2l-.9-.9,5.3-5.3.9.9v4.2l2.1-2.1,6.2,6.2c.4.4.8.9,1,1.5.2.5.3,1.1.3,1.7s0,1-.3,1.5c-.2.5-.5.9-.8,1.4l-3.5-3.5-2.3,2.3-1.8-1.8-8,8v3.5l-8.6,8.6c-.2.2-.3.3-.5.3-.2,0-.4.1-.6.1ZM8.9,33.6l7.6-7.6v-1.8h-1.8l-7.6,7.6,1.8,1.8ZM8.9,33.6l-1.8-1.8.9.9.9.9ZM31,33.6l1.8-1.8-1.8,1.8Z\"/>\n</svg>\n`\n\nconst ICON_KPIS = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n  \n  <path class=\"menu-svg\" d=\"M27.9,15.1h2.7v-2.8h-2.7v2.8ZM27.9,21.4h2.7v-2.8h-2.7v2.8ZM27.9,27.7h2.7v-2.8h-2.7v2.8ZM26.9,33.3v-2.4h6.9V9h-14.2v2.8l-2.3-1.7v-3.5h18.7v26.7s-9.1,0-9.1,0ZM4,33.3v-14.5l9.9-7.3,9.9,7.3v14.5h-8.1v-7.5h-3.5v7.5H4ZM6.3,31h3.6v-7.5h8v7.5h3.6v-11l-7.7-5.5-7.7,5.5v11h0ZM18,31v-7.5h-8v7.5-7.5h8v7.5Z\"/>\n</svg>\n`\n\nconst ICON_STATUS = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n\n  <path class=\"menu-svg\" d=\"M7.4,33.9c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.3-.8-2.1V9c0-.8.3-1.5.8-2.1.6-.6,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v21.9c0,.8-.3,1.5-.8,2.1s-1.3.8-2.1.8H7.4ZM7.4,31.4h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.4c0,0-.3,0-.4.2,0,0-.2.2-.2.4v21.9c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM8.9,27.7h7.3v-2.4h-7.3v2.4ZM24.2,24.3l7.5-7.5-1.8-1.8-5.7,5.8-2.4-2.4-1.7,1.8s4.1,4.1,4.1,4.1ZM8.9,21.2h7.3v-2.4h-7.3v2.4ZM8.9,14.6h7.3v-2.4h-7.3s0,2.4,0,2.4ZM6.9,31.4V8.5v22.9Z\"/>\n</svg>\n`\n\nconst ICON_INTEGRATION = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n    \n  <path class=\"menu-svg\" d=\"M9.1,35.5c-.8,0-1.5-.3-2.1-.8-.6-.6-.8-1.2-.8-2.1V10.9c0-.8.3-1.5.8-2.1.6-.6,1.2-.8,2.1-.8h2.3v-3.5h2.5v3.5h12.3v-3.5h2.4v3.5h2.3c.8,0,1.5.3,2.1.8.6.6.8,1.2.8,2.1v21.7c0,.8-.3,1.5-.8,2.1s-1.2.8-2.1.8c0,0-21.8,0-21.8,0ZM9.1,33.1h21.7c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4v-15.2H8.5v15.2c0,0,0,.3.2.4,0,0,.2.2.4.2ZM8.5,14.9h22.7v-4c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H9.1c0,0-.3,0-.4.2,0,0-.2.2-.2.4,0,0,0,4,0,4ZM8.5,14.9v-4.5,4.5ZM12.2,22.9v-2.4h15.4v2.4s-15.4,0-15.4,0ZM12.2,29.4v-2.4h10.5v2.4h-10.5Z\"/>\n</svg>\n`\n\nconst ICON_SETTING = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" viewBox=\"0 0 40 40\">\n  <defs>\n    <style>\n      .menu-svg {\n        fill: #fff;\n\t\t\t\tstroke: {{strokecolor}};\n        stroke-width: 0px;\n      }\n    </style>\n  </defs>\n  \n  <path class=\"menu-svg\" d=\"M13.1,24.2h2v-5.7h-2v1.9h-2.4v2h2.4v1.9h0ZM16.7,22.3h12.8v-2h-12.8v2ZM25,18.1h2v-1.9h2.4v-2h-2.4v-1.9h-2v5.7h0ZM10.6,16.2h12.8v-2h-12.8v2ZM14.3,34v-3.3h-6.9c-.8,0-1.5-.3-2.1-.8s-.8-1.3-.8-2.1V8.9c0-.8.3-1.6.8-2.1.6-.5,1.3-.8,2.1-.8h25.2c.8,0,1.5.3,2.1.8s.8,1.3.8,2.1v18.8c0,.8-.3,1.6-.8,2.1-.6.5-1.3.8-2.1.8h-6.9v3.3h-11.5,0ZM7.5,28.2h25.2c0,0,.3,0,.4-.2,0,0,.2-.2.2-.4V8.9c0,0,0-.3-.2-.4,0,0-.2-.2-.4-.2H7.5c0,0-.3,0-.4.2,0,0-.2.2-.2.4v18.8c0,0,0,.3.2.4,0,0,.2.2.4.2h0ZM6.9,28.2V8.4v19.8Z\"/>\n</svg>\n`\n\nfunction icons(template) {\n  return ['#ffffff', '#64A3D9'].map(\n    color => 'data:image/svg+xml;charset=UTF-8;base64,' + btoa(template.replace(/{{strokecolor}}/g, color))\n  )\n}\n\nexport const ICONS_HOME = icons(ICON_HOME)\nexport const ICONS_KPIS = icons(ICON_KPIS)\nexport const ICONS_STATUS = icons(ICON_STATUS)\nexport const ICONS_INTEGRATION = icons(ICON_INTEGRATION)\nexport const ICONS_SETTING = icons(ICON_SETTING)\n"]}

package/dist-client/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist-client/menu.d.ts

@@ -0,0 +1,23 @@
+export declare function getMenuTemplate(owner: boolean | undefined, dataSets: any[]): (false | {
+    name: string;
+    type: string;
+    icon?: undefined;
+    path?: undefined;
+    menus?: undefined;
+} | {
+    name: string;
+    icon: string;
+    path: string;
+    type?: undefined;
+    menus?: undefined;
+} | {
+    name: string;
+    icon: string;
+    path: string;
+    menus: {
+        name: any;
+        icon: string;
+        path: string;
+    }[];
+    type?: undefined;
+})[];

package/dist-client/menu.js

@@ -0,0 +1,59 @@
+import i18next from 'i18next';
+export function getMenuTemplate(owner = false, dataSets) {
+    return [
+        owner && {
+            name: 'DATASET',
+            type: 'group'
+        },
+        owner && {
+            name: i18next.t('title.data-set list'),
+            icon: 'dataset',
+            path: 'data-set-list'
+        },
+        owner && {
+            name: i18next.t('title.data-key-set list'),
+            icon: 'dataset_linked',
+            path: 'data-key-set-list'
+        },
+        {
+            name: 'DATA ENTRY',
+            type: 'group'
+        },
+        {
+            icon: 'edit_square',
+            name: i18next.t('title.data-entry list'),
+            path: 'data-entry-list'
+        },
+        {
+            name: 'DATA REPORT',
+            type: 'group'
+        },
+        owner && {
+            name: i18next.t('title.data-sample list'),
+            icon: 'rule',
+            path: 'data-sample-list',
+            menus: dataSets.map(item => {
+                return {
+                    name: item.name,
+                    icon: 'checklist_rtl',
+                    path: `data-sample-search/${item.id}`
+                };
+            }) || []
+        },
+        owner && {
+            name: i18next.t('title.data-summary list'),
+            icon: 'functions',
+            path: 'data-summary-list',
+            menus: dataSets
+                .filter(item => item.active && item.summaryPeriod)
+                .map(item => {
+                return {
+                    name: item.name,
+                    icon: 'checklist',
+                    path: `data-summary-period/${item.id}`
+                };
+            }) || []
+        }
+    ].filter(Boolean);
+}
+//# sourceMappingURL=menu.js.map

package/dist-client/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../client/menu.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,MAAM,UAAU,eAAe,CAAC,QAAiB,KAAK,EAAE,QAAe;IACrE,OAAO;QACL,KAAK,IAAI;YACP,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,OAAO;SACd;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;YACtC,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,eAAe;SACtB;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;YAC1C,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,mBAAmB;SAC1B;QACD;YACE,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,OAAO;SACd;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC;YACxC,IAAI,EAAE,iBAAiB;SACxB;QACD;YACE,IAAI,EAAE,aAAa;YACnB,IAAI,EAAE,OAAO;SACd;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YACzC,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,kBAAkB;YACxB,KAAK,EACH,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAClB,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,IAAI,EAAE,eAAe;oBACrB,IAAI,EAAE,sBAAsB,IAAI,CAAC,EAAE,EAAE;iBACtC,CAAA;YACH,CAAC,CAAC,IAAI,EAAE;SACX;QACD,KAAK,IAAI;YACP,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;YAC1C,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,mBAAmB;YACzB,KAAK,EACH,QAAQ;iBACL,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC;iBACjD,GAAG,CAAC,IAAI,CAAC,EAAE;gBACV,OAAO;oBACL,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,IAAI,EAAE,WAAW;oBACjB,IAAI,EAAE,uBAAuB,IAAI,CAAC,EAAE,EAAE;iBACvC,CAAA;YACH,CAAC,CAAC,IAAI,EAAE;SACb;KACF,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACnB,CAAC","sourcesContent":["import i18next from 'i18next'\n\nexport function getMenuTemplate(owner: boolean = false, dataSets: any[]) {\n  return [\n    owner && {\n      name: 'DATASET',\n      type: 'group'\n    },\n    owner && {\n      name: i18next.t('title.data-set list'),\n      icon: 'dataset',\n      path: 'data-set-list'\n    },\n    owner && {\n      name: i18next.t('title.data-key-set list'),\n      icon: 'dataset_linked',\n      path: 'data-key-set-list'\n    },\n    {\n      name: 'DATA ENTRY',\n      type: 'group'\n    },\n    {\n      icon: 'edit_square',\n      name: i18next.t('title.data-entry list'),\n      path: 'data-entry-list'\n    },\n    {\n      name: 'DATA REPORT',\n      type: 'group'\n    },\n    owner && {\n      name: i18next.t('title.data-sample list'),\n      icon: 'rule',\n      path: 'data-sample-list',\n      menus:\n        dataSets.map(item => {\n          return {\n            name: item.name,\n            icon: 'checklist_rtl',\n            path: `data-sample-search/${item.id}`\n          }\n        }) || []\n    },\n    owner && {\n      name: i18next.t('title.data-summary list'),\n      icon: 'functions',\n      path: 'data-summary-list',\n      menus:\n        dataSets\n          .filter(item => item.active && item.summaryPeriod)\n          .map(item => {\n            return {\n              name: item.name,\n              icon: 'checklist',\n              path: `data-summary-period/${item.id}`\n            }\n          }) || []\n    }\n  ].filter(Boolean)\n}\n"]}

package/dist-client/pages/sv-project-completed-list.d.ts

@@ -0,0 +1,18 @@
+import '@material/web/icon/icon.js';
+import { PageView } from '@operato/shell';
+declare const SvProjectCompletedListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class SvProjectCompletedListPage extends SvProjectCompletedListPage_base {
+    static styles: import("lit").CSSResult[];
+    get context(): {
+        title: string;
+    };
+    private projectName;
+    private projectList;
+    private projectCount;
+    render(): import("lit-html").TemplateResult<1>;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    getProjectList(): Promise<void>;
+    private _onInputChange;
+    private _onKeypress;
+}
+export {};