@things-factory/dashboard 7.0.1-alpha.5 → 7.0.1-alpha.51

package/dist-client/pages/dashboard.js

@@ -0,0 +1,97 @@
+import { __decorate } from "tslib";
+import '@operato/board/ox-board-selector.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { store } from '@operato/shell';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+import { isMobileDevice } from '@operato/utils';
+import { BoardViewerPage } from '@things-factory/board-ui/dist-client';
+import { fetchBoardSettings, UPDATE_BOARD_SETTINGS } from '../actions/board-settings';
+import { DASHBOARD, DASHBOARD_MOBILE, FALLBACK_HOME_BOARD } from '../const';
+const HOME_DESCRIPTION = 'home dashboard';
+const FALLBACK_ORDER = isMobileDevice() ? [DASHBOARD_MOBILE, DASHBOARD, FALLBACK_HOME_BOARD] : [DASHBOARD, FALLBACK_HOME_BOARD];
+const HOME_BOARD = isMobileDevice() ? DASHBOARD_MOBILE : DASHBOARD;
+let DashboardHome = class DashboardHome extends BoardViewerPage {
+    stateChanged(state) {
+        super.stateChanged(state);
+        const dashboard = state === null || state === void 0 ? void 0 : state.boardSetting;
+        const homeBoard = dashboard && dashboard[FALLBACK_ORDER.find(name => dashboard[name]) || 'maybe notfound'];
+        this._boardId = homeBoard === null || homeBoard === void 0 ? void 0 : homeBoard.value;
+    }
+    get oopsNote() {
+        return {
+            icon: 'insert_chart',
+            title: 'HOME DASHBOARD',
+            description: 'There are no home dashboard setting. Pls, click to setting home dashboard.',
+            click: e => this.onClickDashboardSetting(HOME_BOARD, HOME_DESCRIPTION)
+        };
+    }
+    get context() {
+        return {
+            title: HOME_DESCRIPTION
+        };
+    }
+    onClickDashboardSetting(name, description) {
+        var popup = openPopup(html `
+        <ox-board-selector
+          .creatable=${true}
+          .value=${this._boardId}
+          @board-selected=${async (e) => {
+            var board = e.detail.board;
+            await this.saveSettings({
+                name,
+                value: board.id,
+                category: 'board',
+                description
+            });
+            var settings = await fetchBoardSettings([FALLBACK_HOME_BOARD, DASHBOARD, DASHBOARD_MOBILE]);
+            store.dispatch({
+                type: UPDATE_BOARD_SETTINGS,
+                settings: settings.reduce((settings, setting) => {
+                    settings[setting.name] = setting;
+                    return settings;
+                }, {})
+            });
+            popup.close();
+            this.requestUpdate();
+        }}
+        ></ox-board-selector>
+      `, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.dashboard setting')
+        });
+    }
+    async saveSettings({ name, value, category, description }) {
+        if (!(name && value)) {
+            return;
+        }
+        await client.query({
+            query: gql `
+        mutation UpdateSetting($patch: SettingPatch!, $name: String!) {
+          updateSetting(patch: $patch, name: $name) {
+            name
+            value
+          }
+        }
+      `,
+            variables: {
+                name,
+                patch: {
+                    name,
+                    description,
+                    category,
+                    value
+                }
+            }
+        });
+    }
+};
+DashboardHome = __decorate([
+    customElement('dashboard-home')
+], DashboardHome);
+export { DashboardHome };
+//# sourceMappingURL=dashboard.js.map

package/dist-client/pages/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../../client/pages/dashboard.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/board/ox-board-selector.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { isMobileDevice } from '@operato/utils'\nimport { BoardViewerPage } from '@things-factory/board-ui/dist-client'\n\nimport { fetchBoardSettings, UPDATE_BOARD_SETTINGS } from '../actions/board-settings'\nimport { DASHBOARD, DASHBOARD_MOBILE, FALLBACK_HOME_BOARD } from '../const'\n\nconst HOME_DESCRIPTION = 'home dashboard'\n\nconst FALLBACK_ORDER = isMobileDevice() ? [DASHBOARD_MOBILE, DASHBOARD, FALLBACK_HOME_BOARD] : [DASHBOARD, FALLBACK_HOME_BOARD]\nconst HOME_BOARD = isMobileDevice() ? DASHBOARD_MOBILE : DASHBOARD\n\n@customElement('dashboard-home')\nexport class DashboardHome extends BoardViewerPage {\n  stateChanged(state) {\n    super.stateChanged(state)\n\n    const dashboard = state?.boardSetting\n    const homeBoard = dashboard && dashboard[FALLBACK_ORDER.find(name => dashboard[name]) || 'maybe notfound']\n    this._boardId = homeBoard?.value\n  }\n\n  get oopsNote() {\n    return {\n      icon: 'insert_chart',\n      title: 'HOME DASHBOARD',\n      description: 'There are no home dashboard setting. Pls, click to setting home dashboard.',\n      click: e => this.onClickDashboardSetting(HOME_BOARD, HOME_DESCRIPTION)\n    }\n  }\n\n  get context() {\n    return {\n      title: HOME_DESCRIPTION\n    }\n  }\n\n  onClickDashboardSetting(name, description) {\n    var popup = openPopup(\n      html`\n        <ox-board-selector\n          .creatable=${true}\n          .value=${this._boardId}\n          @board-selected=${async e => {\n            var board = e.detail.board\n\n            await this.saveSettings({\n              name,\n              value: board.id,\n              category: 'board',\n              description\n            })\n\n            var settings = await fetchBoardSettings([FALLBACK_HOME_BOARD, DASHBOARD, DASHBOARD_MOBILE])\n            store.dispatch({\n              type: UPDATE_BOARD_SETTINGS,\n              settings: settings.reduce((settings, setting) => {\n                settings[setting.name] = setting\n                return settings\n              }, {})\n            })\n\n            popup.close()\n            this.requestUpdate()\n          }}\n        ></ox-board-selector>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: i18next.t('title.dashboard setting')\n      }\n    )\n  }\n\n  async saveSettings({ name, value, category, description }) {\n    if (!(name && value)) {\n      return\n    }\n\n    await client.query({\n      query: gql`\n        mutation UpdateSetting($patch: SettingPatch!, $name: String!) {\n          updateSetting(patch: $patch, name: $name) {\n            name\n            value\n          }\n        }\n      `,\n      variables: {\n        name,\n        patch: {\n          name,\n          description,\n          category,\n          value\n        }\n      }\n    })\n  }\n}\n"]}

package/dist-client/reducers/board-settings.d.ts

@@ -0,0 +1,2 @@
+declare const boardSetting: (state: {} | undefined, action: any) => any;
+export default boardSetting;

package/dist-client/reducers/board-settings.js

@@ -0,0 +1,14 @@
+import { UPDATE_BOARD_SETTINGS, CLEAR_BOARD_SETTINGS } from '../actions/board-settings';
+const INITIAL_STATE = {};
+const boardSetting = (state = INITIAL_STATE, action) => {
+    switch (action.type) {
+        case UPDATE_BOARD_SETTINGS:
+            return Object.assign(Object.assign({}, state), action.settings);
+        case CLEAR_BOARD_SETTINGS:
+            return {};
+        default:
+            return state;
+    }
+};
+export default boardSetting;
+//# sourceMappingURL=board-settings.js.map

package/dist-client/reducers/board-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-settings.js","sourceRoot":"","sources":["../../client/reducers/board-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEvF,MAAM,aAAa,GAAG,EAAE,CAAA;AAExB,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,aAAa,EAAE,MAAM,EAAE,EAAE;IACrD,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,qBAAqB;YACxB,uCACK,KAAK,GACL,MAAM,CAAC,QAAQ,EACnB;QAEH,KAAK,oBAAoB;YACvB,OAAO,EAAE,CAAA;QAEX;YACE,OAAO,KAAK,CAAA;KACf;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA","sourcesContent":["import { UPDATE_BOARD_SETTINGS, CLEAR_BOARD_SETTINGS } from '../actions/board-settings'\n\nconst INITIAL_STATE = {}\n\nconst boardSetting = (state = INITIAL_STATE, action) => {\n  switch (action.type) {\n    case UPDATE_BOARD_SETTINGS:\n      return {\n        ...state,\n        ...action.settings\n      }\n\n    case CLEAR_BOARD_SETTINGS:\n      return {}\n\n    default:\n      return state\n  }\n}\n\nexport default boardSetting\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,10 @@
+export default function route(page) {
+    switch (page) {
+        case '':
+            return '/dashboard';
+        case 'dashboard':
+            import('./pages/dashboard');
+            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;QACZ,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;QAErB,KAAK,WAAW;YACd,MAAM,CAAC,mBAAmB,CAAC,CAAA;YAC3B,OAAO,IAAI,CAAA;KACd;AACH,CAAC","sourcesContent":["export default function route(page) {\n  switch (page) {\n    case '':\n      return '/dashboard'\n\n    case 'dashboard':\n      import('./pages/dashboard')\n      return page\n  }\n}\n"]}