@things-factory/operato-ecs 7.0.2 → 7.0.4

package/dist-client/pages/resource-gantt/resource-gantt.d.ts

@@ -0,0 +1,29 @@
+import { PropertyValues } from 'lit';
+import { PageView } from '@operato/shell';
+declare const ResourceGantt_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof PageView;
+export declare class ResourceGantt extends ResourceGantt_base {
+    static styles: import("lit").CSSResult[];
+    itemId?: string;
+    params: any;
+    container: HTMLDivElement;
+    get context(): {
+        title: string;
+        help: string;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changes: PropertyValues<this>): void;
+    stateChanged(state: any): void;
+    pageInitialized(lifecycle: any): void;
+    loadScript(src: string): Promise<void>;
+    initializeGantt(): void;
+    pageUpdated(changes: any, lifecycle: any, before: any): void;
+    pageDisposed(lifecycle: any): void;
+    save(): void;
+}
+export {};

package/dist-client/pages/resource-gantt/resource-gantt.js

@@ -0,0 +1,192 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers/connect-mixin.js';
+import { store, PageView } from '@operato/shell';
+import { i18next } from '@operato/i18n';
+import { ScrollbarStyles } from '@operato/styles';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+import { data } from './data';
+const wellstekGantt = new URL('/assets/javascript/wellstek-gantt.js', import.meta.url).href;
+let ResourceGantt = class ResourceGantt extends connect(store)(PageView) {
+    get context() {
+        return {
+            title: i18next.t('title.resource-gantt'),
+            help: 'operato-ecs/resource-gantt'
+            // actions: [
+            //   {
+            //     title: i18next.t('button.back'),
+            //     action: () => {
+            //       history.back()
+            //     },
+            //     ...CommonButtonStyles.back
+            //   }
+            // ]
+        };
+    }
+    render() {
+        return html ` <div id="gantt"></div> `;
+    }
+    updated(changes) {
+        /*
+         * If this page properties are changed, this callback will be invoked.
+         * This callback will be called back only when this page is activated.
+         */
+        if (changes.has('itemId') || changes.has('params')) {
+            /* do something */
+        }
+    }
+    stateChanged(state) {
+        /*
+         * application wide state changed
+         *
+         */
+    }
+    /*
+     * page lifecycle
+     *
+     * - pageInitialized(lifecycle)
+     * - pageUpdated(changes, lifecycle, changedBefore)
+     * - pageDisposed(lifecycle)
+     *
+     * lifecycle value has
+     * - active : this page is activated
+     * - page : first path of href
+     * - resourceId : second path of href
+     * - params : search params object of href
+     * - initialized : initialized state of this page
+     *
+     * you can update lifecycle values, or add custom values
+     * by calling this.pageUpdate({ ...values }, force)
+     * If lifecycle values changed by this.pageUpdate(...),
+     * this.pageUpdated(...) will be called back right after.
+     * If you want to invoke this.pageUpdated(...) callback,
+     * set force argument to true.
+     *
+     * you can re-initialize this page
+     * by calling this.pageReset().
+     * this.pageInitialized(...) followed by this.pageDisposed(...) will be invoked
+     * by calling this.pageReset().
+     *
+     * you can invoke this.pageDisposed()
+     * by calling this.pageDispose()
+     */
+    pageInitialized(lifecycle) {
+        this.loadScript(wellstekGantt).then(() => {
+            this.initializeGantt();
+            // this.loadScript('./colors.js').then(() => {})
+        });
+        /*
+         * This page is initialized.
+         * It's right time to configure of this page.
+         *
+         * - called before when this page activated first
+         * - called when i18next resource is updated (loaded, changed, ..)
+         * - called right after this.pageReset()
+         */
+    }
+    loadScript(src) {
+        return new Promise((resolve, reject) => {
+            const script = document.createElement('script');
+            script.src = src;
+            script.onload = () => resolve();
+            script.onerror = () => reject(new Error(`Script load error for ${src}`));
+            this.renderRoot.appendChild(script);
+        });
+    }
+    initializeGantt() {
+        const options = {
+            //dateAdapter: new MomentWellstekGanttDateAdapter(moment),
+            data,
+            //rows: data.rows,
+            //tasks: data.tasks,
+            //from: data.fromDate,
+            //to: data.toDate,
+            //ganttTableModules: [WellstekGanttTable],
+            //ganttBodyModules: [WellstekGanttDependencies],
+            columnOffset: 15,
+            magnetOffset: 15,
+            rowHeight: 35,
+            rowPadding: 5,
+            headers: [
+                { unit: 'day', format: 'MM-DD' },
+                { unit: 'hour', format: 'HH:mm', offset: 12 }
+            ],
+            fitWidth: false,
+            minWidth: 1500,
+            tableHeader: {
+                title: '필터',
+                property: 'label',
+                type: 'tree',
+                isFilter: true
+            },
+            tableWidth: 140,
+            columnUnit: 'hour'
+        };
+        window.gantt = new window.WellstekGantt({
+            target: this.container,
+            props: options
+        });
+    }
+    pageUpdated(changes, lifecycle, before) {
+        if (this.active) {
+            /*
+             * this page is activated
+             */
+            this.itemId = lifecycle.resourceId;
+            this.params = lifecycle.params;
+        }
+        else {
+            /* this page is deactivated */
+        }
+    }
+    pageDisposed(lifecycle) {
+        /*
+         * This page is disposed.
+         * It's right time to release system resources.
+         *
+         * - called just before (re)pageInitialized
+         * - called right after when i18next resource updated (loaded, changed, ..)
+         * - called right after this.pageReset()
+         * - called right after this.pageDispose()
+         */
+    }
+    save() {
+        OxPrompt.open({
+            type: 'success',
+            title: i18next.t('text.completed'),
+            text: i18next.t('text.data_saved_successfully'),
+            confirmButton: { text: i18next.t('button.confirm') }
+        });
+    }
+};
+ResourceGantt.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: block;
+      }
+
+      #gantt {
+        border: 1px solid #eee;
+        height: 100%;
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], ResourceGantt.prototype, "itemId", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], ResourceGantt.prototype, "params", void 0);
+__decorate([
+    query('#gantt'),
+    __metadata("design:type", HTMLDivElement)
+], ResourceGantt.prototype, "container", void 0);
+ResourceGantt = __decorate([
+    customElement('resource-gantt')
+], ResourceGantt);
+export { ResourceGantt };
+//# sourceMappingURL=resource-gantt.js.map

package/dist-client/pages/resource-gantt/resource-gantt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-gantt.js","sourceRoot":"","sources":["../../../client/pages/resource-gantt/resource-gantt.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues, html, css } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { store, PageView } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\nimport { data } from './data'\n\nconst wellstekGantt = new URL('/assets/javascript/wellstek-gantt.js', import.meta.url).href\n\n@customElement('resource-gantt')\nexport class ResourceGantt extends connect(store)(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n      }\n\n      #gantt {\n        border: 1px solid #eee;\n        height: 100%;\n      }\n    `\n  ]\n\n  @property({ type: String }) itemId?: string\n  @property({ type: Object }) params: any\n\n  @query('#gantt') container!: HTMLDivElement\n\n  get context() {\n    return {\n      title: i18next.t('title.resource-gantt'),\n      help: 'operato-ecs/resource-gantt'\n      // actions: [\n      //   {\n      //     title: i18next.t('button.back'),\n      //     action: () => {\n      //       history.back()\n      //     },\n      //     ...CommonButtonStyles.back\n      //   }\n      // ]\n    }\n  }\n\n  render() {\n    return html` <div id=\"gantt\"></div> `\n  }\n\n  updated(changes: PropertyValues<this>) {\n    /*\n     * If this page properties are changed, this callback will be invoked.\n     * This callback will be called back only when this page is activated.\n     */\n    if (changes.has('itemId') || changes.has('params')) {\n      /* do something */\n    }\n  }\n\n  stateChanged(state: any) {\n    /*\n     * application wide state changed\n     *\n     */\n  }\n\n  /*\n   * page lifecycle\n   *\n   * - pageInitialized(lifecycle)\n   * - pageUpdated(changes, lifecycle, changedBefore)\n   * - pageDisposed(lifecycle)\n   *\n   * lifecycle value has\n   * - active : this page is activated\n   * - page : first path of href\n   * - resourceId : second path of href\n   * - params : search params object of href\n   * - initialized : initialized state of this page\n   *\n   * you can update lifecycle values, or add custom values\n   * by calling this.pageUpdate({ ...values }, force)\n   * If lifecycle values changed by this.pageUpdate(...),\n   * this.pageUpdated(...) will be called back right after.\n   * If you want to invoke this.pageUpdated(...) callback,\n   * set force argument to true.\n   *\n   * you can re-initialize this page\n   * by calling this.pageReset().\n   * this.pageInitialized(...) followed by this.pageDisposed(...) will be invoked\n   * by calling this.pageReset().\n   *\n   * you can invoke this.pageDisposed()\n   * by calling this.pageDispose()\n   */\n\n  pageInitialized(lifecycle: any) {\n    this.loadScript(wellstekGantt).then(() => {\n      this.initializeGantt()\n\n      // this.loadScript('./colors.js').then(() => {})\n    })\n\n    /*\n     * This page is initialized.\n     * It's right time to configure of this page.\n     *\n     * - called before when this page activated first\n     * - called when i18next resource is updated (loaded, changed, ..)\n     * - called right after this.pageReset()\n     */\n  }\n\n  loadScript(src: string): Promise<void> {\n    return new Promise((resolve, reject) => {\n      const script = document.createElement('script')\n      script.src = src\n      script.onload = () => resolve()\n      script.onerror = () => reject(new Error(`Script load error for ${src}`))\n      this.renderRoot.appendChild(script)\n    })\n  }\n\n  initializeGantt() {\n    const options = {\n      //dateAdapter: new MomentWellstekGanttDateAdapter(moment),\n      data,\n      //rows: data.rows,\n      //tasks: data.tasks,\n      //from: data.fromDate,\n      //to: data.toDate,\n      //ganttTableModules: [WellstekGanttTable],\n      //ganttBodyModules: [WellstekGanttDependencies],\n      columnOffset: 15,\n      magnetOffset: 15,\n      rowHeight: 35,\n      rowPadding: 5,\n      headers: [\n        { unit: 'day', format: 'MM-DD' },\n        { unit: 'hour', format: 'HH:mm', offset: 12 }\n      ],\n      fitWidth: false,\n      minWidth: 1500,\n      tableHeader: {\n        title: '필터',\n        property: 'label',\n        type: 'tree',\n        isFilter: true\n      },\n      tableWidth: 140,\n      columnUnit: 'hour'\n    }\n\n    ;(window as any).gantt = new (window as any).WellstekGantt({\n      target: this.container,\n      props: options\n    })\n  }\n\n  pageUpdated(changes: any, lifecycle: any, before: any) {\n    if (this.active) {\n      /*\n       * this page is activated\n       */\n      this.itemId = lifecycle.resourceId\n      this.params = lifecycle.params\n    } else {\n      /* this page is deactivated */\n    }\n  }\n\n  pageDisposed(lifecycle: any) {\n    /*\n     * This page is disposed.\n     * It's right time to release system resources.\n     *\n     * - called just before (re)pageInitialized\n     * - called right after when i18next resource updated (loaded, changed, ..)\n     * - called right after this.pageReset()\n     * - called right after this.pageDispose()\n     */\n  }\n\n  save() {\n    OxPrompt.open({\n      type: 'success',\n      title: i18next.t('text.completed'),\n      text: i18next.t('text.data_saved_successfully'),\n      confirmButton: { text: i18next.t('button.confirm') }\n    })\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: any): any;

package/dist-client/route.js

@@ -0,0 +1,13 @@
+export default function route(page) {
+    switch (page) {
+        case '':
+            return '/dashboard';
+        case 'api-sandbox':
+            import('./pages/api/api-sandbox');
+            return page;
+        case 'resource-gantt':
+            import('./pages/resource-gantt/resource-gantt');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAI;IAChC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;QAErB,KAAK,aAAa;YAChB,MAAM,CAAC,yBAAyB,CAAC,CAAA;YACjC,OAAO,IAAI,CAAA;QAEb,KAAK,gBAAgB;YACnB,MAAM,CAAC,uCAAuC,CAAC,CAAA;YAC/C,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page) {\n  switch (page) {\n    case '':\n      return '/dashboard'\n\n    case 'api-sandbox':\n      import('./pages/api/api-sandbox')\n      return page\n\n    case 'resource-gantt':\n      import('./pages/resource-gantt/resource-gantt')\n      return page\n  }\n}\n"]}