@fmsim/fmsim-restful 0.0.49

package/dist-client/pages/restful-connection.js

@@ -0,0 +1,480 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/form/ox-search-form.js';
+import { css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { DataGrist } from '@operato/data-grist';
+import { SearchForm } from '@operato/form';
+import { i18next, localize } from '@operato/i18n';
+import { PageView, store } from '@operato/shell';
+import { isMobileDevice } from '@operato/utils';
+import { ScrollbarStyles, CommonButtonStyles } from '@operato/styles';
+import { HelpDecoratedRenderer } from '@operato/help';
+import { connect } from 'pwa-helpers/connect-mixin';
+import { getConnections, deleteConnetcionByName, updateConnections, connect as connectConnection, disconnect as disconnectConnection } from '@fmsim/api/restful.js';
+let Connection = class Connection extends connect(store)(localize(i18next)(PageView)) {
+    get context() {
+        return {
+            title: i18next.t('text.connection list'),
+            help: 'integration/ui/connection',
+            actions: [
+                Object.assign({ title: i18next.t('button.save'), action: this._updateConnectionManager.bind(this) }, CommonButtonStyles.save),
+                Object.assign({ title: i18next.t('button.delete'), action: this._deleteConnectionManager.bind(this) }, CommonButtonStyles.delete)
+            ]
+        };
+    }
+    render() {
+        return html `
+      <ox-search-form
+        id="ox-search-form"
+        .fields=${this.searchConfig}
+        @submit=${async () => this.dataGrist.fetch()}
+      ></ox-search-form>
+
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+      ></ox-grist>
+    `;
+    }
+    async pageInitialized() {
+        this.fetchConnectors();
+        this.searchConfig = [
+            {
+                name: 'name',
+                type: 'text',
+                props: {
+                    placeholder: i18next.t('field.name'),
+                    searchOper: 'like'
+                }
+            },
+            {
+                name: 'description',
+                type: 'text',
+                props: {
+                    placeholder: i18next.t('field.description'),
+                    searchOper: 'like'
+                }
+            },
+            {
+                name: 'type',
+                type: 'text',
+                props: {
+                    placeholder: i18next.t('field.type'),
+                    searchOper: 'like'
+                }
+            },
+            {
+                name: 'endpoint',
+                type: 'text',
+                props: {
+                    placeholder: i18next.t('field.endpoint'),
+                    searchOper: 'like'
+                }
+            }
+        ];
+        this.gristConfig = {
+            list: { fields: ['name', 'description', 'type'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    name: 'state',
+                    icon: record => (!record ? 'link' : record.state == 'CONNECTED' ? 'link_off' : 'link'),
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            if (!record || !record.name || record.__dirty__ == '+') {
+                                return;
+                            }
+                            if (record.state == 'CONNECTED') {
+                                this.disconnect(record);
+                            }
+                            else {
+                                this.connect(record);
+                            }
+                        }
+                    }
+                },
+                {
+                    type: 'object',
+                    name: 'domain',
+                    hidden: true
+                },
+                {
+                    type: 'string',
+                    name: 'name',
+                    header: i18next.t('field.name'),
+                    record: {
+                        editable: true
+                    },
+                    sortable: true,
+                    width: 150,
+                    validation: function (after, before, record, column) {
+                        /* connected 상태에서는 이름을 바꿀 수 없다. */
+                        if (record.state == 'CONNECTED') {
+                            document.dispatchEvent(new CustomEvent('notify', {
+                                detail: {
+                                    level: 'warn',
+                                    message: 'connection name cannot be changed during connected.'
+                                }
+                            }));
+                            return false;
+                        }
+                        return true;
+                    }
+                },
+                {
+                    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: 'connector',
+                    name: 'type',
+                    header: i18next.t('field.type'),
+                    record: {
+                        renderer: HelpDecoratedRenderer,
+                        editable: true,
+                        help: value => (this.connectors ? this.connectors[value] : null)
+                            ? (this.connectors ? this.connectors[value] : null).help
+                            : null
+                    },
+                    sortable: true,
+                    width: 200
+                },
+                {
+                    type: 'string',
+                    name: 'endpoint',
+                    header: i18next.t('field.endpoint'),
+                    record: {
+                        editable: true
+                    },
+                    sortable: true,
+                    width: 200
+                },
+                {
+                    type: 'parameters',
+                    name: 'params',
+                    header: i18next.t('field.params'),
+                    record: {
+                        editable: true,
+                        options: async (value, column, record, row, field) => {
+                            const { name, help, parameterSpec: spec } = record.type ? (this.connectors ? this.connectors[record.type] : null) : {};
+                            return { name, help, spec };
+                        }
+                    },
+                    width: 100
+                },
+                {
+                    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) {
+            await this.updateComplete;
+            this.dataGrist.fetch();
+        }
+    }
+    async fetchHandler({ page, limit, sorters = [] }) {
+        var _a;
+        const response = (_a = (await getConnections({ page, limit, sorters }))) === null || _a === void 0 ? void 0 : _a.data;
+        if (!response || !response.status) {
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'info',
+                    message: `Fetch Connection List Error!`
+                }
+            }));
+        }
+        const connectionList = response.connectionList || {};
+        return {
+            total: connectionList.total || 0,
+            records: connectionList.items || []
+        };
+    }
+    async fetchConnectors() {
+        this.connectors = {
+            'echo-back': { name: 'echo-back', help: null, parameterSpec: [] },
+            'echo-back-server': { name: 'echo-back-server', help: null, parameterSpec: [] },
+            'graphql-connector': { name: 'graphql-connector', help: null, parameterSpec: [] },
+            'http-connector': {
+                name: 'http-connector',
+                help: null,
+                parameterSpec: [
+                    {
+                        type: 'select',
+                        name: 'authtype',
+                        label: 'authtype',
+                        placeholder: null,
+                        property: { options: ['', 'basic'] }
+                    },
+                    { type: 'string', name: 'username', label: 'username', placeholder: null, property: null },
+                    { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },
+                    {
+                        type: 'select',
+                        name: 'rejectUnauthorized',
+                        label: 'reject-unauthorized',
+                        placeholder: null,
+                        property: { options: ['Y', 'N'] }
+                    }
+                ]
+            },
+            'mqtt-connector': { name: 'mqtt-connector', help: 'integration/connector/mqtt-connector', parameterSpec: [] },
+            'mssql-connector': {
+                name: 'mssql-connector',
+                help: 'integration/connector/mssql-connector',
+                parameterSpec: [
+                    { type: 'string', name: 'user', label: 'user', placeholder: null, property: null },
+                    { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },
+                    { type: 'string', name: 'database', label: 'database', placeholder: 'SID', property: null },
+                    { type: 'select', name: 'encrypt', label: 'encrypt', placeholder: null, property: { options: ['Y', 'N'] } }
+                ]
+            },
+            'oracle-connector': {
+                name: 'oracle-connector',
+                help: 'integration/connector/oracle-connector',
+                parameterSpec: [
+                    { type: 'string', name: 'user', label: 'user', placeholder: null, property: null },
+                    { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },
+                    { type: 'string', name: 'database', label: 'database', placeholder: 'SID', property: null }
+                ]
+            },
+            'postgresql-connector': {
+                name: 'postgresql-connector',
+                help: 'integration/connector/postgresql-connector',
+                parameterSpec: [
+                    { type: 'string', name: 'user', label: 'user', placeholder: null, property: null },
+                    { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },
+                    { type: 'string', name: 'database', label: 'database', placeholder: null, property: null }
+                ]
+            },
+            'socket-server': { name: 'socket-server', help: null, parameterSpec: [] },
+            'sqlite-connector': {
+                name: 'sqlite-connector',
+                help: 'integration/connector/sqlite-connector',
+                parameterSpec: []
+            }
+        };
+    }
+    _conditionParser() {
+        return this.searchForm.getQueryFilters();
+        // return this.searchForm
+        //   .getFields()
+        //   .filter(field => (field.type !== 'checkbox' && field.value && field.value !== '') || field.type === 'checkbox')
+        //   .map(field => {
+        //     return {
+        //       name: field.name,
+        //       value:
+        //         field.type === 'text'
+        //           ? field.value
+        //           : field.type === 'checkbox'
+        //           ? field.checked
+        //           : field.type === 'number'
+        //           ? parseFloat(field.value)
+        //           : field.value,
+        //       operator: field.getAttribute('searchOper')
+        //     }
+        //   })
+    }
+    // footer 버튼 삭제
+    async _deleteConnectionManager(name) {
+        var _a;
+        if (confirm(i18next.t('text.sure_to_x', {
+            x: i18next.t('text.delete')
+        }))) {
+            const names = this.dataGrist.selected.map(record => record.name).filter(Boolean);
+            if (names && names.length > 0) {
+                const response = (_a = (await deleteConnetcionByName(names))) === null || _a === void 0 ? void 0 : _a.data;
+                if (!response || !response.status) {
+                    document.dispatchEvent(new CustomEvent('notify', {
+                        detail: {
+                            level: 'info',
+                            message: 'Delete Connections Error'
+                        }
+                    }));
+                }
+                else {
+                    this.dataGrist.fetch();
+                    await document.dispatchEvent(new CustomEvent('notify', {
+                        detail: {
+                            message: i18next.t('text.info_x_successfully', {
+                                x: i18next.t('text.delete')
+                            })
+                        }
+                    }));
+                }
+            }
+        }
+    }
+    async stateChanged(state) {
+        if (this.active && this._currentPopupName && !state.layout.viewparts[this._currentPopupName]) {
+            this.dataGrist.fetch();
+            this._currentPopupName = null;
+        }
+    }
+    async _updateConnectionManager() {
+        var _a;
+        let patches = this.dataGrist.dirtyRecords;
+        if (patches && patches.length) {
+            patches = patches.map(connection => {
+                let patchField = connection.id ? { id: connection.id } : {};
+                const dirtyFields = connection.__dirtyfields__;
+                for (let key in dirtyFields) {
+                    patchField[key] = dirtyFields[key].after;
+                }
+                patchField.cuFlag = connection.__dirty__;
+                patchField.updaterId = localStorage.getItem('FMB_userNM') || '';
+                return patchField;
+            });
+            const response = (_a = (await updateConnections(patches))) === null || _a === void 0 ? void 0 : _a.data;
+            if (!response || !response.status) {
+                document.dispatchEvent(new CustomEvent('notify', {
+                    detail: {
+                        level: 'info',
+                        message: 'Update Connections Error'
+                    }
+                }));
+            }
+            else {
+                this.dataGrist.fetch();
+            }
+        }
+    }
+    async connect(record) {
+        var _a;
+        const result = (_a = (await connectConnection(record.name))) === null || _a === void 0 ? void 0 : _a.data;
+        if (!result || !result.status) {
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'info',
+                    message: `Connect Error`
+                }
+            }));
+            return;
+        }
+        var state = result.connect.state;
+        record.state = state;
+        this.dataGrist.refresh();
+        document.dispatchEvent(new CustomEvent('notify', {
+            detail: {
+                level: 'info',
+                message: `${state == 'CONNECTED' ? 'success' : 'fail'} to connect : ${record.name}`
+            }
+        }));
+    }
+    async disconnect(record) {
+        var _a;
+        const result = (_a = (await disconnectConnection(record.name))) === null || _a === void 0 ? void 0 : _a.data;
+        if (!result || !result.status) {
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'info',
+                    message: `Disconnect Error`
+                }
+            }));
+            return;
+        }
+        var state = result.disconnect.state;
+        record.state = state;
+        this.dataGrist.refresh();
+        document.dispatchEvent(new CustomEvent('notify', {
+            detail: {
+                level: 'info',
+                message: `${state == 'CONNECTED' ? 'fail' : 'success'} to disconnect : ${record.name}`
+            }
+        }));
+    }
+};
+Connection.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        overflow: hidden;
+      }
+
+      ox-search-form {
+        overflow: visible;
+      }
+
+      ox-grist {
+        overflow-y: auto;
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], Connection.prototype, "searchConfig", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], Connection.prototype, "gristConfig", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], Connection.prototype, "connectors", void 0);
+__decorate([
+    query('ox-search-form'),
+    __metadata("design:type", SearchForm)
+], Connection.prototype, "searchForm", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], Connection.prototype, "dataGrist", void 0);
+Connection = __decorate([
+    customElement('restful-connection-page')
+], Connection);
+export { Connection };
+//# sourceMappingURL=restful-connection.js.map

package/dist-client/pages/restful-connection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restful-connection.js","sourceRoot":"","sources":["../../client/pages/restful-connection.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/form/ox-search-form.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { DataGrist } from '@operato/data-grist'\nimport { SearchForm } from '@operato/form'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { isMobileDevice } from '@operato/utils'\nimport { ScrollbarStyles, CommonButtonStyles } from '@operato/styles'\nimport { HelpDecoratedRenderer } from '@operato/help'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport {\n  getConnections,\n  deleteConnetcionByName,\n  updateConnections,\n  connect as connectConnection,\n  disconnect as disconnectConnection\n} from '@fmsim/api/restful.js'\n\n@customElement('restful-connection-page')\nexport class Connection extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n      }\n\n      ox-search-form {\n        overflow: visible;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) searchConfig?: any[]\n  @property({ type: Object }) gristConfig: any\n  @property({ type: Object }) connectors: any\n\n  @query('ox-search-form') searchForm!: SearchForm\n  @query('ox-grist') dataGrist!: DataGrist\n\n  _currentPopupName?: string | null\n\n  get context() {\n    return {\n      title: i18next.t('text.connection list'),\n      help: 'integration/ui/connection',\n      actions: [\n        {\n          title: i18next.t('button.save'),\n          action: this._updateConnectionManager.bind(this),\n          ...CommonButtonStyles.save\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: this._deleteConnectionManager.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <ox-search-form\n        id=\"ox-search-form\"\n        .fields=${this.searchConfig}\n        @submit=${async () => this.dataGrist.fetch()}\n      ></ox-search-form>\n\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      ></ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.fetchConnectors()\n\n    this.searchConfig = [\n      {\n        name: 'name',\n        type: 'text',\n        props: {\n          placeholder: i18next.t('field.name'),\n          searchOper: 'like'\n        }\n      },\n      {\n        name: 'description',\n        type: 'text',\n        props: {\n          placeholder: i18next.t('field.description'),\n          searchOper: 'like'\n        }\n      },\n      {\n        name: 'type',\n        type: 'text',\n        props: {\n          placeholder: i18next.t('field.type'),\n          searchOper: 'like'\n        }\n      },\n      {\n        name: 'endpoint',\n        type: 'text',\n        props: {\n          placeholder: i18next.t('field.endpoint'),\n          searchOper: 'like'\n        }\n      }\n    ]\n\n    this.gristConfig = {\n      list: { fields: ['name', 'description', 'type'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          name: 'state',\n          icon: record => (!record ? 'link' : record.state == 'CONNECTED' ? 'link_off' : 'link'),\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record || !record.name || record.__dirty__ == '+') {\n                return\n              }\n              if (record.state == 'CONNECTED') {\n                this.disconnect(record)\n              } else {\n                this.connect(record)\n              }\n            }\n          }\n        },\n        {\n          type: 'object',\n          name: 'domain',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 150,\n          validation: function (after, before, record, column) {\n            /* connected 상태에서는 이름을 바꿀 수 없다. */\n            if (record.state == 'CONNECTED') {\n              document.dispatchEvent(\n                new CustomEvent('notify', {\n                  detail: {\n                    level: 'warn',\n                    message: 'connection name cannot be changed during connected.'\n                  }\n                })\n              )\n              return false\n            }\n            return true\n          }\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {\n            editable: true\n          },\n          width: 200\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          header: i18next.t('field.active'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'connector',\n          name: 'type',\n          header: i18next.t('field.type'),\n          record: {\n            renderer: HelpDecoratedRenderer,\n            editable: true,\n            help: value =>\n              (this.connectors ? this.connectors[value] : null)\n                ? (this.connectors ? this.connectors[value] : null).help\n                : null\n          },\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'endpoint',\n          header: i18next.t('field.endpoint'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'parameters',\n          name: 'params',\n          header: i18next.t('field.params'),\n          record: {\n            editable: true,\n            options: async (value, column, record, row, field) => {\n              const {\n                name,\n                help,\n                parameterSpec: spec\n              } = record.type ? (this.connectors ? this.connectors[record.type] : null) : ({} as any)\n              return { name, help, spec }\n            }\n          },\n          width: 100\n        },\n        {\n          type: 'object',\n          name: 'updater',\n          header: i18next.t('field.updater'),\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [\n        {\n          name: 'name'\n        }\n      ]\n    }\n\n    await this.updateComplete\n\n    this.dataGrist.fetch()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      await this.updateComplete\n\n      this.dataGrist.fetch()\n    }\n  }\n\n  async fetchHandler({ page, limit, sorters = [] }) {\n    const response = (await getConnections({ page, limit, sorters }))?.data\n    if (!response || !response.status) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'info',\n            message: `Fetch Connection List Error!`\n          }\n        })\n      )\n    }\n\n    const connectionList = response!.connectionList || {}\n\n    return {\n      total: connectionList.total || 0,\n      records: connectionList.items || []\n    }\n  }\n\n  async fetchConnectors() {\n    this.connectors = {\n      'echo-back': { name: 'echo-back', help: null, parameterSpec: [] },\n      'echo-back-server': { name: 'echo-back-server', help: null, parameterSpec: [] },\n      'graphql-connector': { name: 'graphql-connector', help: null, parameterSpec: [] },\n      'http-connector': {\n        name: 'http-connector',\n        help: null,\n        parameterSpec: [\n          {\n            type: 'select',\n            name: 'authtype',\n            label: 'authtype',\n            placeholder: null,\n            property: { options: ['', 'basic'] }\n          },\n          { type: 'string', name: 'username', label: 'username', placeholder: null, property: null },\n          { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },\n          {\n            type: 'select',\n            name: 'rejectUnauthorized',\n            label: 'reject-unauthorized',\n            placeholder: null,\n            property: { options: ['Y', 'N'] }\n          }\n        ]\n      },\n      'mqtt-connector': { name: 'mqtt-connector', help: 'integration/connector/mqtt-connector', parameterSpec: [] },\n      'mssql-connector': {\n        name: 'mssql-connector',\n        help: 'integration/connector/mssql-connector',\n        parameterSpec: [\n          { type: 'string', name: 'user', label: 'user', placeholder: null, property: null },\n          { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },\n          { type: 'string', name: 'database', label: 'database', placeholder: 'SID', property: null },\n          { type: 'select', name: 'encrypt', label: 'encrypt', placeholder: null, property: { options: ['Y', 'N'] } }\n        ]\n      },\n      'oracle-connector': {\n        name: 'oracle-connector',\n        help: 'integration/connector/oracle-connector',\n        parameterSpec: [\n          { type: 'string', name: 'user', label: 'user', placeholder: null, property: null },\n          { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },\n          { type: 'string', name: 'database', label: 'database', placeholder: 'SID', property: null }\n        ]\n      },\n      'postgresql-connector': {\n        name: 'postgresql-connector',\n        help: 'integration/connector/postgresql-connector',\n        parameterSpec: [\n          { type: 'string', name: 'user', label: 'user', placeholder: null, property: null },\n          { type: 'password', name: 'password', label: 'password', placeholder: null, property: null },\n          { type: 'string', name: 'database', label: 'database', placeholder: null, property: null }\n        ]\n      },\n      'socket-server': { name: 'socket-server', help: null, parameterSpec: [] },\n      'sqlite-connector': {\n        name: 'sqlite-connector',\n        help: 'integration/connector/sqlite-connector',\n        parameterSpec: []\n      }\n    }\n  }\n\n  _conditionParser() {\n    return this.searchForm.getQueryFilters()\n\n    // return this.searchForm\n    //   .getFields()\n    //   .filter(field => (field.type !== 'checkbox' && field.value && field.value !== '') || field.type === 'checkbox')\n    //   .map(field => {\n    //     return {\n    //       name: field.name,\n    //       value:\n    //         field.type === 'text'\n    //           ? field.value\n    //           : field.type === 'checkbox'\n    //           ? field.checked\n    //           : field.type === 'number'\n    //           ? parseFloat(field.value)\n    //           : field.value,\n    //       operator: field.getAttribute('searchOper')\n    //     }\n    //   })\n  }\n\n  // footer 버튼 삭제\n  async _deleteConnectionManager(name) {\n    if (\n      confirm(\n        i18next.t('text.sure_to_x', {\n          x: i18next.t('text.delete')\n        })\n      )\n    ) {\n      const names = this.dataGrist.selected.map(record => record.name).filter(Boolean) as string[]\n\n      if (names && names.length > 0) {\n        const response = (await deleteConnetcionByName(names))?.data\n        if (!response || !response.status) {\n          document.dispatchEvent(\n            new CustomEvent('notify', {\n              detail: {\n                level: 'info',\n                message: 'Delete Connections Error'\n              }\n            })\n          )\n        } else {\n          this.dataGrist.fetch()\n          await document.dispatchEvent(\n            new CustomEvent('notify', {\n              detail: {\n                message: i18next.t('text.info_x_successfully', {\n                  x: i18next.t('text.delete')\n                })\n              }\n            })\n          )\n        }\n      }\n    }\n  }\n\n  async stateChanged(state) {\n    if (this.active && this._currentPopupName && !state.layout.viewparts[this._currentPopupName]) {\n      this.dataGrist.fetch()\n      this._currentPopupName = null\n    }\n  }\n\n  async _updateConnectionManager() {\n    let patches = this.dataGrist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(connection => {\n        let patchField = connection.id ? { id: connection.id } : ({} as any)\n        const dirtyFields = connection.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = connection.__dirty__\n\n        patchField.updaterId = localStorage.getItem('FMB_userNM') || ''\n\n        return patchField\n      })\n\n      const response = (await updateConnections(patches))?.data\n      if (!response || !response.status) {\n        document.dispatchEvent(\n          new CustomEvent('notify', {\n            detail: {\n              level: 'info',\n              message: 'Update Connections Error'\n            }\n          })\n        )\n      } else {\n        this.dataGrist.fetch()\n      }\n    }\n  }\n\n  async connect(record) {\n    const result = (await connectConnection(record.name))?.data\n    if (!result || !result.status) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'info',\n            message: `Connect Error`\n          }\n        })\n      )\n      return\n    }\n\n    var state = result.connect.state\n\n    record.state = state\n\n    this.dataGrist.refresh()\n\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'info',\n          message: `${state == 'CONNECTED' ? 'success' : 'fail'} to connect : ${record.name}`\n        }\n      })\n    )\n  }\n\n  async disconnect(record) {\n    const result = (await disconnectConnection(record.name))?.data\n    if (!result || !result.status) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'info',\n            message: `Disconnect Error`\n          }\n        })\n      )\n      return\n    }\n\n    var state = result.disconnect.state\n\n    record.state = state\n\n    this.dataGrist.refresh()\n\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level: 'info',\n          message: `${state == 'CONNECTED' ? 'fail' : 'success'} to disconnect : ${record.name}`\n        }\n      })\n    )\n  }\n}\n"]}

package/dist-client/pages/restful-font-list-page.d.ts

@@ -0,0 +1,11 @@
+import './restful-font-selector';
+import { PageView } from '@operato/shell';
+export declare class FontListPage extends PageView {
+    static get styles(): import("lit").CSSResult[];
+    static get properties(): {};
+    get context(): {
+        title: string;
+        board_topmenu: boolean;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/restful-font-list-page.js

@@ -0,0 +1,38 @@
+import { __decorate } from "tslib";
+// import '@operato/font'
+import './restful-font-selector';
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { PageView } from '@operato/shell';
+let FontListPage = class FontListPage extends PageView {
+    static get styles() {
+        return [
+            css `
+        :host {
+          display: flex;
+        }
+
+        restful-font-selector {
+          flex: 1;
+        }
+      `
+        ];
+    }
+    static get properties() {
+        return {};
+    }
+    get context() {
+        return {
+            title: 'font list',
+            board_topmenu: true
+        };
+    }
+    render() {
+        return html ` <restful-font-selector .creatable=${true}></restful-font-selector> `;
+    }
+};
+FontListPage = __decorate([
+    customElement('restful-font-list-page')
+], FontListPage);
+export { FontListPage };
+//# sourceMappingURL=restful-font-list-page.js.map

package/dist-client/pages/restful-font-list-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restful-font-list-page.js","sourceRoot":"","sources":["../../client/pages/restful-font-list-page.ts"],"names":[],"mappings":";AAAA,yBAAyB;AACzB,OAAO,yBAAyB,CAAA;AAEhC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,QAAQ;IACxC,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,CAAA;;;;;;;;OAQF;SACF,CAAA;IACH,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,WAAW;YAClB,aAAa,EAAE,IAAI;SACpB,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,sCAAsC,IAAI,4BAA4B,CAAA;IACnF,CAAC;CACF,CAAA;AA7BY,YAAY;IADxB,aAAa,CAAC,wBAAwB,CAAC;GAC3B,YAAY,CA6BxB;SA7BY,YAAY","sourcesContent":["// import '@operato/font'\nimport './restful-font-selector'\n\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\n\n@customElement('restful-font-list-page')\nexport class FontListPage extends PageView {\n  static get styles() {\n    return [\n      css`\n        :host {\n          display: flex;\n        }\n\n        restful-font-selector {\n          flex: 1;\n        }\n      `\n    ]\n  }\n\n  static get properties() {\n    return {}\n  }\n\n  get context() {\n    return {\n      title: 'font list',\n      board_topmenu: true\n    }\n  }\n\n  render() {\n    return html` <restful-font-selector .creatable=${true}></restful-font-selector> `\n  }\n}\n"]}

package/dist-client/pages/restful-font-selector.d.ts

@@ -0,0 +1,51 @@
+import '../viewparts/font-creation-card-new';
+import { LitElement } from 'lit';
+import { FontCreationCard } from '../viewparts/font-creation-card-new';
+declare const FontSelector_base: (new (...args: any[]) => LitElement) & (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class FontSelector extends FontSelector_base {
+    static styles: import("lit").CSSResult[];
+    fonts: any[];
+    _page?: number;
+    _total?: number;
+    creatable?: boolean;
+    selectBoxToggle?: string | null;
+    btnDropBoxIcon?: string;
+    provider?: string;
+    main: HTMLDivElement;
+    filter: HTMLDivElement;
+    creationCard: FontCreationCard;
+    showGotoTop: any;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    toggleSelectBox(): void;
+    updated(changes: any): void;
+    stateChanged(state: any): void;
+    refresh(): any;
+    toggleActive(font: any): void;
+    onCreateFont(e: any): void;
+    createFont(font: any): Promise<void>;
+    onAttachmentDropped(e: any): Promise<void>;
+    /**
+     * attach a file
+     *
+     * @param { File } file file
+     * @param { Array<String> } fields fields to select from return
+     */
+    attachFile(file: any, fields?: string[]): Promise<any>;
+    /**
+     * attach multiple files
+     *
+     * @param { Array<File> } files files
+     * @param { Array<String> } fields fields to select from return
+     */
+    attachFiles(files: any, fields?: string[]): Promise<any>;
+    deleteFont(font: any): Promise<void>;
+    onClickSelect(font: any): void;
+}
+export {};