@fmsim/fmsim-restful 0.0.49

package/dist-client/pages/restful-attachment-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"restful-attachment-selector.js","sourceRoot":"","sources":["../../client/pages/restful-attachment-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/attachment-creation-card'\n\nimport { css, html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles, TooltipStyles } from '@operato/styles'\nimport { sleep } from '@operato/utils'\n\nimport {\n  fetchAttachmentList,\n  getRestServiceUrl,\n  getFreeServicePath,\n  createAttachment,\n  deleteAttachment,\n  deleteFile,\n  getRestServiceSecondaryUrl,\n  RestfulReturnType\n} from '@fmsim/api/restful.js'\n\nimport { AttachmentCreationCard } from '../viewparts/attachment-creation-card.js'\n\nconst btnOpenDropboxColor = require('../../assets/icons/group-bar/btn-open-dropbox-color.png')\nconst btnCloseDropbox = require('../../assets/icons/group-bar/btn-close-dropbox.png')\nconst btnAddList = require('../../assets/icons/group-bar/btn-add-list.png')\nconst btnZoom = require('../../assets/icons/attachment/btn-zoom.svg')\nconst btnZoomHover = require('../../assets/icons/attachment/btn-zoom-hover.svg')\nconst btnCopyLink = require('../../assets/icons/attachment/btn-copy-link.svg')\nconst btnCopyLinkHover = require('../../assets/icons/attachment/btn-copy-link-hover.svg')\nconst btnDelete = require('../../assets/icons/attachment/btn-delete.svg')\nconst btnDeleteHover = require('../../assets/icons/attachment/btn-delete-hover.svg')\nconst btnDownload = require('../../assets/icons/attachment/btn-download.svg')\nconst btnDownloadHover = require('../../assets/icons/attachment/btn-download-hover.svg')\nconst file = require('../../assets/icons/attachment/file.svg')\n\n@customElement('restful-attachment-selector')\nexport class RestfulAttachmentSelector extends localize(i18next)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    TooltipStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        background-color: #fff;\n        /* --card-list-create-color: var(--primary-color); */\n\n        position: relative;\n      }\n\n      :host(.candrop) {\n        background: orange;\n        cursor: pointer;\n      }\n\n      #main {\n        overflow: auto;\n        padding: var(--popup-content-padding);\n        display: grid;\n        grid-template-columns: var(--card-list-template);\n        grid-auto-rows: var(--card-list-rows-height);\n        grid-gap: 20px;\n        padding-top: 10px !important;\n      }\n\n      #main .card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        border-radius: var(--card-list-border-radius);\n        border: var(--attachment-selector-border);\n        background-color: var(--attachment-selector-background-color);\n\n        position: relative;\n      }\n\n      #main .card.create {\n        overflow: visible;\n        background-color: initial;\n      }\n\n      #main .card:hover {\n        cursor: pointer;\n      }\n\n      .name {\n        background-color: var(--primary-color);\n        opacity: 0.8;\n        position: absolute;\n        bottom: 0px;\n        width: 100%;\n        padding: 2px 5px;\n        font: var(--attachment-selector-name-font);\n        color: #fff;\n        text-indent: 7px;\n      }\n\n      [show] {\n        height: 100%;\n      }\n\n      .card img,\n      .card video {\n        max-height: 100%;\n        max-width: 100%;\n      }\n\n      mwc-icon {\n        position: absolute;\n        right: 0px;\n        text-align: center;\n\n        background-color: var(--attachment-selector-icon-background-color);\n        width: var(--attachment-selector-icon-size);\n        height: var(--attachment-selector-icon-size);\n        font: var(--attachment-selector-icon-font);\n        color: var(--attachment-selector-icon-color);\n      }\n\n      mwc-icon:hover,\n      mwc-icon:active,\n      span:hover,\n      span:active {\n        background-color: var(--primary-color);\n        color: #fff;\n      }\n\n      [open-in-new] {\n        top: 0px;\n      }\n\n      [delete] {\n        top: 35px;\n      }\n\n      [download] {\n        top: 70px;\n        border-bottom-left-radius: 12px;\n      }\n\n      #filter {\n        padding: 12px 12px 12px 20px;\n        background-color: var(--group-bar-background-color);\n        height: 28px;\n        z-index: 1;\n      }\n\n      select {\n        text-transform: capitalize;\n        float: right;\n      }\n\n      [etc] mwc-icon:hover,\n      [etc] mwc-icon:active {\n        background-color: initial;\n        color: initial;\n      }\n\n      [etc] {\n        margin: auto;\n        margin-top: 45px;\n        position: relative;\n      }\n\n      [etc] mwc-icon {\n        position: initial;\n        opacity: 0.2;\n        width: initial;\n        height: initial;\n\n        font: var(--attachment-selector-etc-icon-font);\n        color: var(--attachment-selector-etc-icon-color);\n      }\n\n      [etc] span {\n        position: absolute;\n        bottom: 25px;\n        right: 8px;\n        padding: 1px 2px;\n        color: #fff;\n        text-transform: uppercase;\n        opacity: 0.8;\n\n        background-color: var(--attachment-selector-etc-background-color);\n        font: var(--attachment-selector-etc-font);\n      }\n\n      ul {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        white-space: nowrap;\n        clear: both;\n      }\n\n      li {\n        padding: 0px 3px;\n      }\n\n      li:hover {\n        background-color: rgba(255, 180, 180, 1);\n      }\n\n      li a {\n        width: calc(100% - 24px);\n        padding: 5px 4px 1px 4px;\n        text-decoration: none;\n        font-size: 12px;\n        font-weight: bold;\n        color: rgb(233, 103, 128);\n        display: inline-block;\n      }\n\n      li span {\n        height: 16px;\n        margin-top: 4px;\n        border-radius: 2px;\n        float: right;\n        display: none;\n      }\n\n      li:hover span {\n        display: inline-block;\n      }\n\n      li span:hover {\n        background-color: #f8c2cc;\n      }\n\n      mwc-icon {\n        vertical-align: middle;\n      }\n\n      .group-select-box {\n        position: absolute;\n        width: 200px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .group-select-box span {\n        background-color: #fff !important;\n        color: #e96780 !important;\n      }\n\n      .group-select-box > span:nth-child(1) {\n        padding: 4px 0 0 6px;\n        float: left;\n      }\n\n      .group-select-box > span:nth-child(2) {\n        float: right;\n        margin-top: 1px;\n      }\n\n      .select-box {\n        display: none;\n      }\n\n      .select-box.on {\n        display: block;\n        padding-top: 2px;\n      }\n\n      .select-box.active {\n        background-color: #1344;\n      }\n\n      .add-group {\n        cursor: pointer;\n      }\n\n      .btn-open-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnOpenDropboxColor)}) no-repeat;\n      }\n\n      .btn-close-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCloseDropbox)}) no-repeat;\n      }\n\n      .btn-add-list-wrap {\n        margin: 5px 0 0 172px;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .btn-add-list {\n        width: 9px;\n        height: 9px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnAddList)}) no-repeat;\n      }\n\n      select {\n        position: absolute;\n        width: 150px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        z-index: 1;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .card > span,\n      .card > a > span {\n        position: absolute;\n        width: 35px;\n        height: 35px;\n        right: 0px;\n      }\n\n      .btn-zoom-cover {\n        top: 0px;\n      }\n      .btn-zoom {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(${unsafeCSS(btnZoom)}) no-repeat;\n        display: inline-block;\n      }\n      .btn-zoom-cover:hover > .btn-zoom {\n        background: url(${unsafeCSS(btnZoomHover)}) no-repeat;\n      }\n\n      .btn-copy-link {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(${unsafeCSS(btnCopyLink)}) no-repeat;\n        display: inline-block;\n      }\n      .card > span:hover > .btn-copy-link {\n        background: url(${unsafeCSS(btnCopyLinkHover)}) no-repeat;\n      }\n\n      .btn-delete {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(${unsafeCSS(btnDelete)}) no-repeat;\n        display: inline-block;\n      }\n      .card > span:hover > .btn-delete {\n        background: url(${unsafeCSS(btnDeleteHover)}) no-repeat;\n      }\n\n      .btn-download {\n        width: 20px;\n        height: 20px;\n        margin: 7px;\n        background: url(${unsafeCSS(btnDownload)}) no-repeat;\n        display: inline-block;\n      }\n      .btn-download-cover:hover > .btn-download {\n        background: url(${unsafeCSS(btnDownloadHover)}) no-repeat;\n      }\n\n      .file {\n        width: 52px;\n        height: 65px;\n        background: url(${unsafeCSS(file)}) no-repeat;\n        display: inline-block;\n      }\n    `\n  ]\n\n  @property({ type: Array }) categories: string[] = ['audio', 'video', 'image', 'text', 'application']\n  @property({ type: Array }) attachments: any[] = []\n  @property({ type: String }) category?: string\n  @property({ type: Number }) _page: number = 1\n  @property({ type: Number }) _total: number = 0\n  @property({ type: Boolean }) creatable?: boolean\n  @property({ type: String }) selectBoxToggle?: string | null\n  @property({ type: String }) btnDropBoxIcon: string = 'btn-open-dropbox'\n  @property({ type: String }) userName?: string = localStorage.getItem('FMB_userNM') || ''\n\n  @query('#main') main!: HTMLDivElement\n  @query('attachment-creation-card') creationCard!: AttachmentCreationCard\n\n  render() {\n    return html`\n      <div id=\"filter\">\n        <div class=\"group-select-box\" @click=${this.toggleSelectBox}>\n          ${this.category\n            ? html` <span>${this.category}</span> `\n            : html` <span>${i18next.t('text.please choose a category')}</span> `}\n          <span><i class=${this.btnDropBoxIcon}></i></span>\n          <ul class=${`select-box ${this.selectBoxToggle}`}>\n            <li\n              value=\"\"\n              @click=${e => {\n                this.category = ''\n                this.requestUpdate()\n              }}\n            >\n              <a>${i18next.t('text.please choose a category')}</a>\n            </li>\n            ${this.categories.map(\n              category => html` <li\n                value=${category}\n                @click=${e => {\n                  this.category = category\n                  this.requestUpdate()\n                }}\n              >\n                <a>${category}</a>\n              </li>`\n            )}\n          </ul>\n        </div>\n      </div>\n\n      <div id=\"main\">\n        ${this.creatable\n          ? html`\n              <attachment-creation-card\n                class=\"card create\"\n                .categories=${this.categories}\n                .defaultCategory=${this.category}\n                @create-attachment=${e => this.onCreateAttachment(e)}\n                @file-drop=${e => this.onAttachmentDropped(e)}\n              ></attachment-creation-card>\n            `\n          : html``}\n        ${this.attachments.map(attachment => {\n          var url = attachment.fullpath\n          return html`\n            <div class=\"card\" @click=${e => this.onClickSelect(attachment)}>\n              <div show>\n                ${attachment.category == 'image'\n                  ? html` <img src=${url} /> `\n                  : attachment.category == 'video'\n                  ? html` <video src=${url} controls></video> `\n                  : html`\n                      <div etc>\n                        <i class=\"file\"></i>\n                        <span>${attachment.path?.substr(attachment.path.lastIndexOf('.'))}</span>\n                      </div>\n                    `}\n              </div>\n              <a target=\"_blank\" href=${url}>\n                <span class=\"btn-zoom-cover\"><i class=\"btn-zoom\"></i></span>\n              </a>\n              <div class=\"name\">${attachment.name}</div>\n              <span @click=${e => this.onDeleteAttachment(attachment.id)} delete>\n                <i class=\"btn-delete\"></i>\n              </span>\n              <a href=${attachment.download + '/' + attachment.name} download=${attachment.name}>\n                <span class=\"btn-download-cover\" download><i class=\"btn-download\"></i></span>\n              </a>\n            </div>\n          `\n        })}\n      </div>\n    `\n  }\n\n  toggleSelectBox() {\n    if (this.selectBoxToggle === 'on') {\n      this.selectBoxToggle = null\n      this.btnDropBoxIcon = 'btn-close-dropbox'\n    } else {\n      this.selectBoxToggle = 'on'\n      this.btnDropBoxIcon = 'btn-open-dropbox'\n    }\n  }\n\n  async firstUpdated() {\n    this.renderRoot.addEventListener('click', async e => {\n      var target = e.target as HTMLElement\n      var url = target.getAttribute('data-clipboard-url')\n      if (url) {\n        var { protocol, hostname, port } = location\n        await this.copy(`${protocol}//${hostname}:${port}${url}`)\n\n        target.setAttribute('data-tooltip', 'url copied!')\n        await sleep(2000)\n        target.removeAttribute('data-tooltip')\n      }\n    })\n\n    this.refreshAttachments()\n  }\n\n  updated(changed) {\n    if (changed.has('category')) {\n      this.refreshAttachments()\n    }\n  }\n\n  onClickSelect(attachment) {\n    this.dispatchEvent(\n      new CustomEvent('attachment-selected', {\n        composed: true,\n        bubbles: true,\n        detail: {\n          attachment\n        }\n      })\n    )\n  }\n\n  async onAttachmentDropped(e) {\n    var files = e.detail\n\n    await this.createAttachments('', files)\n    this.refreshAttachments()\n  }\n\n  async onCreateAttachment(e) {\n    var { category, files, fileId } = e.detail\n\n    files = Array.from(files)\n    await this.createAttachments(category, files, fileId)\n    this.refreshAttachments()\n  }\n\n  async onDeleteAttachment(id) {\n    await this.deleteAttachment(id)\n\n    this.refreshAttachments()\n  }\n\n  async refreshAttachments() {\n    var attachments = await this.getAttachments()\n    this.attachments = [...attachments]\n\n    if (this.creationCard) {\n      this.creationCard.reset()\n    }\n  }\n\n  async appendAttachments() {\n    var attachments = await this.getAttachments({ page: this._page + 1 })\n    this.attachments = [...this.attachments, ...attachments]\n  }\n\n  async getAttachments({ page = 1, limit = 1000 } = {}) {\n    var filters = [] as any[]\n    var sortings = []\n    var pagination = {\n      limit,\n      page\n    }\n\n    if (this.category)\n      filters.push({\n        name: 'category',\n        operator: 'eq',\n        value: this.category\n      })\n\n    var params = {\n      filters,\n      sortings,\n      pagination\n    }\n\n    let response = (await fetchAttachmentList(params))?.data\n    if (!response || !response.status) {\n      throw new Error('Error : fetchAttachmentList')\n    }\n\n    let attachmentListResponse = response.attachments\n\n    if (!attachmentListResponse || !attachmentListResponse.items.length) return []\n    attachmentListResponse.items.forEach(attachment => {\n      attachment.fullpath = getRestServiceUrl() + getFreeServicePath() + '/images/' + attachment.path\n      attachment.download = getRestServiceUrl() + getFreeServicePath() + '/downloadFile/' + attachment.path\n    })\n    this._total = attachmentListResponse.total\n    this._page = page\n\n    return attachmentListResponse.items\n  }\n\n  async createAttachments(category, files, fileId?) {\n    try {\n      files[0].category = category\n      files[0].fileId = fileId\n      const body = {\n        category: files[0].category,\n        name: files[0].name,\n        size: files[0].size,\n        type: files[0].type,\n        fileId: files[0].fileId,\n        userName: this.userName\n      }\n      let result = (await createAttachment(body))?.data\n      if (!result || !result.status) throw new Error('Create Error')\n    } catch (ex) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: ex,\n            ex: ex\n          }\n        })\n      )\n    }\n  }\n\n  async deleteAttachment(id) {\n    let server = 'Primary'\n    try {\n      const result = (await deleteAttachment(id))?.data\n      if (!result || !result.status) throw new Error('DB Error')\n\n      const deleteFileResult = (await deleteFile(result.attachment.path, 'primary'))?.data\n      if (!deleteFileResult || !deleteFileResult.status) {\n        throw new Error('Primary Server File Delete Error')\n      }\n\n      if (getRestServiceSecondaryUrl()) {\n        server = 'Secondary'\n        const deleteFileResultSecond = (await deleteFile(result.attachment.path, 'secondary'))?.data\n        if (!deleteFileResultSecond || !deleteFileResultSecond.status) {\n          throw new Error('Secondary Server File Delete Error')\n        }\n      }\n    } catch (ex) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: server + ' Server File Delete Error // ' + ex,\n            ex: ex\n          }\n        })\n      )\n    }\n  }\n\n  async copy(copied) {\n    var textArea = document.createElement('textarea')\n    textArea.style.position = 'absolute'\n    textArea.style.opacity = '0'\n    textArea.value = copied\n    document.body.appendChild(textArea)\n\n    await sleep(100)\n\n    textArea.select()\n\n    document.execCommand('copy')\n    document.body.removeChild(textArea)\n  }\n}\n"]}

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

@@ -0,0 +1,6 @@
+import '@material/mwc-icon';
+import '../board-list/restful-board-tile-list';
+import '../board-list/restful-group-bar';
+import '../viewparts/board-info';
+import '../viewparts/group-info';
+import '../viewparts/board-creation-popup';

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

@@ -0,0 +1,405 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/mwc-icon';
+import '../board-list/restful-board-tile-list';
+import '../board-list/restful-group-bar';
+import '../viewparts/board-info';
+import '../viewparts/group-info';
+import '../viewparts/board-creation-popup';
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers/connect-mixin.js';
+import { PageView, store } from '@operato/shell';
+import InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js';
+import { UPDATE_FAVORITES } from '@things-factory/fav-base';
+import { ScrollbarStyles } from '@operato/styles';
+import { openPopup } from '@operato/layout';
+import { fetchGroupList, fetchBoardList, fetchFavoriteBoardList, createGroup, updateGroup, deleteGroup, createBoard, updateBoard, deleteBoard, refreshFavorites } from '@fmsim/api/restful.js';
+import mcsAutoConfig from '../mcs-config/mcs_auto_config.json';
+let BoardListPage = class BoardListPage extends connect(store)(InfiniteScrollable(PageView)) {
+    constructor() {
+        super(...arguments);
+        this.groups = [];
+        this.boards = [];
+        this.favorites = [];
+        this._page = 1;
+        this._total = 0;
+        this.userName = localStorage.getItem('FMB_userNM') || '';
+        this._infiniteScrollOptions = { limit: 30 };
+        this.types = [];
+    }
+    get context() {
+        var group = this.groups && this.groups.find(group => group.id === this.groupId);
+        return {
+            title: {
+                icon: 'dashboard',
+                text: group ? group.name : 'Board List'
+            },
+            board_topmenu: true
+        };
+    }
+    render() {
+        return html `
+      <restful-board-tile-list
+        id="list"
+        .boards=${this.boards}
+        .favorites=${this.favorites}
+        .groups=${this.groups}
+        .group=${this.groupId}
+        .creatable=${true}
+        .types=${this.types}
+        @info-board=${e => this.onInfoBoard(e.detail)}
+        @scroll=${e => {
+            this.onScroll(e);
+        }}
+        @create-board=${e => this.onCreateBoard(e.detail)}
+        @refresh-favorites=${e => this.refreshFavorites()}
+      ></restful-board-tile-list>
+
+      <restful-group-bar
+        .groups=${this.groups}
+        .groupId=${this.groupId}
+        targetPage="board-list"
+        @info-group=${e => this.onInfoGroup(e.detail)}
+      ></restful-group-bar>
+
+      <oops-spinner ?show=${this._showSpinner}></oops-spinner>
+    `;
+    }
+    get scrollTargetEl() {
+        return this.renderRoot.querySelector('restful-board-tile-list');
+    }
+    async refresh() {
+        var _a;
+        let response = (_a = (await fetchGroupList())) === null || _a === void 0 ? void 0 : _a.data;
+        if (!response || !response.status)
+            throw new Error('Error : fetchGroupList');
+        this.groups = response.groups;
+        // this.groups = (await fetchGroupList()).data
+        // this.groups = (await fetchGroupList()).groups.items
+        if (this.groups) {
+            await this.refreshBoards();
+        }
+    }
+    async getBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {
+        var _a;
+        if (this.groupId && this.groupId == 'favor')
+            return await this.getFavoriteBoards({
+                page,
+                limit
+            });
+        var listParam = {
+            filters: this.groupId
+                ? [
+                    {
+                        name: 'group_id',
+                        operator: 'eq',
+                        value: this.groupId
+                    }
+                ]
+                : [],
+            sortings: [
+                {
+                    name: 'name',
+                    desc: true
+                }
+            ],
+            pagination: {
+                page,
+                limit
+            }
+        };
+        let result = (_a = (await fetchBoardList(listParam))) === null || _a === void 0 ? void 0 : _a.data;
+        if (!result || !result.status) {
+            this._notify('error', 'FetchBoardList Error!', '');
+        }
+        return { items: (result === null || result === void 0 ? void 0 : result.boards) || [], total: (result === null || result === void 0 ? void 0 : result.boards.length) || 0 };
+    }
+    async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {
+        var _a;
+        var listParam = {
+            pagination: {
+                page,
+                limit
+            }
+        };
+        const boards = (_a = (await fetchFavoriteBoardList(listParam))) === null || _a === void 0 ? void 0 : _a.data.boards;
+        return {
+            items: boards,
+            total: boards.length
+        };
+    }
+    async refreshBoards() {
+        if (!this.groups) {
+            await this.refresh();
+            return;
+        }
+        this._showSpinner = true;
+        var { items: boards, total } = await this.getBoards();
+        this.boards = boards;
+        this._page = 1;
+        this._total = total;
+        this.updateContext();
+        var list = this.renderRoot.querySelector('restful-board-tile-list');
+        list.style.transition = '';
+        list.style.transform = `translate3d(0, 0, 0)`;
+        this._showSpinner = false;
+    }
+    async appendBoards() {
+        if (!this.groups) {
+            await this.refresh();
+            return;
+        }
+        var { items: boards, total } = await this.getBoards({ page: this._page + 1 });
+        this.boards = [...this.boards, ...boards];
+        this._page = this._page + 1;
+        this._total = total;
+    }
+    async scrollAction() {
+        return this.appendBoards();
+    }
+    async pageInitialized() {
+        this.refreshFavorites();
+        this.refresh();
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.groupId = lifecycle.resourceId;
+            await this.updateComplete;
+            this.refreshBoards();
+        }
+    }
+    stateChanged(state) {
+        this.favorites = state.favorite.favorites;
+    }
+    async onInfoBoard(boardId) {
+        if (this.popup) {
+            delete this.popup;
+        }
+        /*
+         * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.
+         * 주의. value는 object일 수도 있고, string일 수도 있다.
+         * string인 경우에는 해당 보드의 id로 해석한다.
+         */
+        var value = this.value || {};
+        var template = html `
+      <board-info
+        .boardId=${boardId}
+        .groupId=${this.groupId}
+        @update-board=${e => this.onUpdateBoard(e.detail)}
+        @delete-board=${e => this.onDeleteBoard(e.detail)}
+      ></board-info>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'medium',
+            title: 'Board infomation'
+        });
+    }
+    async onInfoGroup(groupId) {
+        if (this.popup) {
+            delete this.popup;
+        }
+        /*
+         * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.
+         * 주의. value는 object일 수도 있고, string일 수도 있다.
+         * string인 경우에는 해당 보드의 id로 해석한다.
+         */
+        var value = this.value || {};
+        var template = html `
+      <group-info
+        .groupId=${groupId}
+        @update-group=${e => this.onUpdateGroup(e.detail)}
+        @delete-group=${e => this.onDeleteGroup(e.detail)}
+        @create-group=${e => this.onCreateGroup(e.detail)}
+      ></group-info>
+    `;
+        let title;
+        if (groupId) {
+            title = 'Group Information';
+        }
+        else {
+            title = 'Create Group';
+        }
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'medium',
+            title
+        });
+    }
+    async onCreateGroup(group) {
+        try {
+            group.userName = this.userName;
+            await createGroup(group);
+            this._notify('info', 'new group created');
+        }
+        catch (ex) {
+            this._notify('error', ex, ex);
+        }
+        this.refresh();
+    }
+    async onUpdateGroup(group) {
+        try {
+            group.userName = this.userName;
+            await updateGroup(group);
+            this._notify('info', 'saved');
+        }
+        catch (ex) {
+            this._notify('error', ex, ex);
+        }
+        this.refresh();
+    }
+    async onDeleteGroup(groupId) {
+        try {
+            await deleteGroup(groupId);
+            this._notify('info', 'deleted');
+        }
+        catch (ex) {
+            this._notify('error', ex, ex);
+        }
+        this.refresh();
+    }
+    async onCreateBoard(board) {
+        try {
+            if (!board.model) {
+                board.model = {
+                    width: 800,
+                    height: 600
+                };
+            }
+            board.userName = this.userName;
+            board.header = JSON.stringify(board.header);
+            if (board.useMcsAutoConfig) {
+                let dataSubscriptions = [];
+                mcsAutoConfig.mcsAutoScenarios.forEach((scenario, index) => {
+                    ;
+                    (scenario.mcsAutoDataSub.id = scenario.id + '_dataSub'), dataSubscriptions.push(scenario.mcsAutoDataSub);
+                });
+                board.model.components = dataSubscriptions;
+            }
+            await createBoard(board);
+            this._notify('info', 'new board created');
+        }
+        catch (ex) {
+            this._notify('error', ex, ex);
+        }
+        this.refreshBoards();
+    }
+    async onUpdateBoard(board) {
+        try {
+            await updateBoard({
+                id: board.id,
+                name: board.name,
+                groupId: board.groupId,
+                description: board.description,
+                userName: this.userName
+            });
+            this._notify('info', 'saved');
+        }
+        catch (ex) {
+            this._notify('error', ex, ex);
+        }
+        this.refreshBoards();
+    }
+    async onDeleteBoard(boardId) {
+        try {
+            await deleteBoard(boardId);
+            this._notify('info', 'deleted');
+        }
+        catch (ex) {
+            this._notify('error', ex, ex);
+        }
+        this.refreshBoards();
+    }
+    async refreshFavorites() {
+        var _a;
+        const result = (_a = (await refreshFavorites())) === null || _a === void 0 ? void 0 : _a.data;
+        if (!result || !result.status) {
+            this._notify('error', 'RefreshFavorites Error!', '');
+        }
+        const response = { data: { myFavorites: (result === null || result === void 0 ? void 0 : result.favoriteList) || [] } };
+        store.dispatch({
+            type: UPDATE_FAVORITES,
+            favorites: response.data.myFavorites.map(favorite => favorite.routing)
+        });
+    }
+    _notify(level, message, ex) {
+        document.dispatchEvent(new CustomEvent('notify', {
+            detail: {
+                level,
+                message,
+                ex
+            }
+        }));
+    }
+};
+BoardListPage.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column-reverse;
+        position: relative;
+
+        overflow: hidden;
+      }
+
+      restful-board-tile-list {
+        flex: 1;
+        overflow-y: auto;
+      }
+
+      #create {
+        position: absolute;
+        bottom: 15px;
+        right: 16px;
+      }
+
+      oops-spinner {
+        display: none;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      oops-spinner[show] {
+        display: block;
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], BoardListPage.prototype, "groupId", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], BoardListPage.prototype, "groups", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], BoardListPage.prototype, "boards", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], BoardListPage.prototype, "favorites", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], BoardListPage.prototype, "_page", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], BoardListPage.prototype, "_total", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], BoardListPage.prototype, "_showSpinner", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], BoardListPage.prototype, "userName", void 0);
+BoardListPage = __decorate([
+    customElement('restful-board-list-page')
+], BoardListPage);
+//# sourceMappingURL=restful-board-list-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"restful-board-list-page.js","sourceRoot":"","sources":["../../client/pages/restful-board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport '../board-list/restful-board-tile-list'\nimport '../board-list/restful-group-bar'\n\nimport '../viewparts/board-info'\nimport '../viewparts/group-info'\nimport '../viewparts/board-creation-popup'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { PageView, store } from '@operato/shell'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { openPopup } from '@operato/layout'\n\nimport {\n  fetchGroupList,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  createGroup,\n  updateGroup,\n  deleteGroup,\n  createBoard,\n  updateBoard,\n  deleteBoard,\n  refreshFavorites\n} from '@fmsim/api/restful.js'\n\nimport mcsAutoConfig from '../mcs-config/mcs_auto_config.json'\n\n@customElement('restful-board-list-page')\nclass BoardListPage extends connect(store)(InfiniteScrollable(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column-reverse;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      restful-board-tile-list {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      #create {\n        position: absolute;\n        bottom: 15px;\n        right: 16px;\n      }\n\n      oops-spinner {\n        display: none;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      oops-spinner[show] {\n        display: block;\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n  @property({ type: Array }) groups: any[] = []\n  @property({ type: Array }) boards: any[] = []\n  @property({ type: Array }) favorites: any[] = []\n  @property({ type: Number }) _page: number = 1\n  @property({ type: Number }) _total: number = 0\n  @property({ type: Boolean }) _showSpinner?: boolean\n  @property({ type: String }) userName: string = localStorage.getItem('FMB_userNM') || ''\n\n  _infiniteScrollOptions: any = { limit: 30 }\n  types: any[] = []\n  popup\n  value\n\n  get context() {\n    var group = this.groups && this.groups.find(group => group.id === this.groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group ? group.name : 'Board List'\n      },\n      board_topmenu: true\n    }\n  }\n\n  render() {\n    return html`\n      <restful-board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        .creatable=${true}\n        .types=${this.types}\n        @info-board=${e => this.onInfoBoard(e.detail)}\n        @scroll=${e => {\n          this.onScroll(e)\n        }}\n        @create-board=${e => this.onCreateBoard(e.detail)}\n        @refresh-favorites=${e => this.refreshFavorites()}\n      ></restful-board-tile-list>\n\n      <restful-group-bar\n        .groups=${this.groups}\n        .groupId=${this.groupId}\n        targetPage=\"board-list\"\n        @info-group=${e => this.onInfoGroup(e.detail)}\n      ></restful-group-bar>\n\n      <oops-spinner ?show=${this._showSpinner}></oops-spinner>\n    `\n  }\n\n  get scrollTargetEl() {\n    return this.renderRoot.querySelector('restful-board-tile-list')\n  }\n\n  async refresh() {\n    let response = (await fetchGroupList())?.data\n    if (!response || !response.status) throw new Error('Error : fetchGroupList')\n    this.groups = response.groups\n\n    // this.groups = (await fetchGroupList()).data\n    // this.groups = (await fetchGroupList()).groups.items\n\n    if (this.groups) {\n      await this.refreshBoards()\n    }\n  }\n\n  async getBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    if (this.groupId && this.groupId == 'favor')\n      return await this.getFavoriteBoards({\n        page,\n        limit\n      })\n\n    var listParam = {\n      filters: this.groupId\n        ? [\n            {\n              name: 'group_id',\n              operator: 'eq',\n              value: this.groupId\n            }\n          ]\n        : [],\n      sortings: [\n        {\n          name: 'name',\n          desc: true\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    let result = (await fetchBoardList(listParam))?.data\n    if (!result || !result.status) {\n      this._notify('error', 'FetchBoardList Error!', '')\n    }\n\n    return { items: result?.boards || [], total: result?.boards.length || 0 }\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    var listParam = {\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    const boards = (await fetchFavoriteBoardList(listParam))?.data.boards\n\n    return {\n      items: boards,\n      total: boards.length\n    }\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    this._showSpinner = true\n\n    var { items: boards, total } = await this.getBoards()\n\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    var list = this.renderRoot.querySelector('restful-board-tile-list') as HTMLElement\n\n    list.style.transition = ''\n    list.style.transform = `translate3d(0, 0, 0)`\n\n    this._showSpinner = false\n  }\n\n  async appendBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards({ page: this._page + 1 })\n    this.boards = [...this.boards, ...boards]\n    this._page = this._page + 1\n    this._total = total\n  }\n\n  async scrollAction() {\n    return this.appendBoards()\n  }\n\n  async pageInitialized() {\n    this.refreshFavorites()\n    this.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.groupId = lifecycle.resourceId\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  async onInfoBoard(boardId) {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <board-info\n        .boardId=${boardId}\n        .groupId=${this.groupId}\n        @update-board=${e => this.onUpdateBoard(e.detail)}\n        @delete-board=${e => this.onDeleteBoard(e.detail)}\n      ></board-info>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'medium',\n      title: 'Board infomation'\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <group-info\n        .groupId=${groupId}\n        @update-group=${e => this.onUpdateGroup(e.detail)}\n        @delete-group=${e => this.onDeleteGroup(e.detail)}\n        @create-group=${e => this.onCreateGroup(e.detail)}\n      ></group-info>\n    `\n\n    let title\n    if (groupId) {\n      title = 'Group Information'\n    } else {\n      title = 'Create Group'\n    }\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'medium',\n      title\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      group.userName = this.userName\n      await createGroup(group)\n      this._notify('info', 'new group created')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      group.userName = this.userName\n      await updateGroup(group)\n      this._notify('info', 'saved')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(groupId) {\n    try {\n      await deleteGroup(groupId)\n      this._notify('info', 'deleted')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onCreateBoard(board) {\n    try {\n      if (!board.model) {\n        board.model = {\n          width: 800,\n          height: 600\n        }\n      }\n\n      board.userName = this.userName\n\n      board.header = JSON.stringify(board.header)\n\n      if (board.useMcsAutoConfig) {\n        let dataSubscriptions = [] as any[]\n        mcsAutoConfig.mcsAutoScenarios.forEach((scenario, index) => {\n          ;(scenario.mcsAutoDataSub.id = scenario.id + '_dataSub'), dataSubscriptions.push(scenario.mcsAutoDataSub)\n        })\n        board.model.components = dataSubscriptions\n      }\n\n      await createBoard(board)\n\n      this._notify('info', 'new board created')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      await updateBoard({\n        id: board.id,\n        name: board.name,\n        groupId: board.groupId,\n        description: board.description,\n        userName: this.userName\n      })\n      this._notify('info', 'saved')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(boardId) {\n    try {\n      await deleteBoard(boardId)\n      this._notify('info', 'deleted')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async refreshFavorites() {\n    const result = (await refreshFavorites())?.data\n    if (!result || !result.status) {\n      this._notify('error', 'RefreshFavorites Error!', '')\n    }\n    const response = { data: { myFavorites: result?.favoriteList || [] } }\n\n    store.dispatch({\n      type: UPDATE_FAVORITES,\n      favorites: response.data.myFavorites.map(favorite => favorite.routing)\n    })\n  }\n\n  _notify(level: string, message: any, ex?: any) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level,\n          message,\n          ex\n        }\n      })\n    )\n  }\n}\n"]}

package/dist-client/pages/restful-board-modeller-page.d.ts

@@ -0,0 +1,49 @@
+import './things-scene-components.import';
+import '@fmsim/board/ox-board-modeller.js';
+import { BoardModeller } from '@fmsim/board/ox-board-modeller.js';
+import { PageView } from '@operato/shell';
+declare const BoardModellerPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof PageView;
+export declare class BoardModellerPage extends BoardModellerPage_base {
+    constructor();
+    static styles: import("lit").CSSResult[];
+    boardId?: string | null;
+    boardName?: string;
+    model: any;
+    themes: any;
+    baseUrl?: string;
+    selected: any;
+    mode?: number;
+    hideProperty?: boolean;
+    overlay?: string | null;
+    scene: any;
+    componentGroupList?: any;
+    fonts: any;
+    propertyEditor: any;
+    preparing?: boolean;
+    board: any;
+    modeller?: BoardModeller;
+    get context(): {
+        title: string | undefined;
+        help: string;
+        widebleed: boolean;
+    };
+    get oopsNote(): {
+        icon: string;
+        title: string;
+        description: string;
+    };
+    refresh(): Promise<void>;
+    updated(changes: any): void;
+    pageUpdated(changes: any, lifecycle: any): void;
+    stateChanged(state: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+    updateBoard(): Promise<void>;
+    saveBoard(): Promise<void>;
+}
+export {};