@things-factory/board-ui 9.0.0-beta.70 → 9.0.0-beta.72

package/dist-client/board-list/group-bar-styles.js

@@ -25,6 +25,7 @@ export const GroupBarStyles = css `
     align-self: auto;
     min-height: 43px;
     padding: 4px 8px;
+    color: var(--md-sys-color-on-secondary-container);
 
     * {
       vertical-align: middle;

package/dist-client/board-list/group-bar-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-bar-styles.js","sourceRoot":"","sources":["../../client/board-list/group-bar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DhC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const GroupBarStyles = css`\n  :host {\n    background-color: var(--group-bar-background-color);\n\n    overflow-x: hidden;\n  }\n\n  ul {\n    display: flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    white-space: nowrap;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    box-sizing: border-box;\n    border-bottom: var(--group-bar-line);\n    align-self: auto;\n    min-height: 43px;\n    padding: 4px 8px;\n\n    * {\n      vertical-align: middle;\n    }\n\n    a {\n      display: block;\n      text-decoration: none;\n      font: var(--group-bar-textbutton);\n      color: var(--md-sys-color-on-secondary-container);\n      opacity: 0.8;\n    }\n\n    a md-icon {\n      font-variation-settings: 'FILL' 1;\n    }\n\n    &[active] {\n      border-color: var(--group-bar-active-line-color);\n\n      a {\n        font: var(--group-bar-textbutton-active);\n        opacity: 1;\n      }\n    }\n\n    &[padding] {\n      flex: 1;\n    }\n\n    &[add] * {\n      color: var(--md-sys-color-on-secondary-container);\n    }\n  }\n`\n"]}
+{"version":3,"file":"group-bar-styles.js","sourceRoot":"","sources":["../../client/board-list/group-bar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DhC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const GroupBarStyles = css`\n  :host {\n    background-color: var(--group-bar-background-color);\n\n    overflow-x: hidden;\n  }\n\n  ul {\n    display: flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    white-space: nowrap;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n\n    box-sizing: border-box;\n    border-bottom: var(--group-bar-line);\n    align-self: auto;\n    min-height: 43px;\n    padding: 4px 8px;\n    color: var(--md-sys-color-on-secondary-container);\n\n    * {\n      vertical-align: middle;\n    }\n\n    a {\n      display: block;\n      text-decoration: none;\n      font: var(--group-bar-textbutton);\n      color: var(--md-sys-color-on-secondary-container);\n      opacity: 0.8;\n    }\n\n    a md-icon {\n      font-variation-settings: 'FILL' 1;\n    }\n\n    &[active] {\n      border-color: var(--group-bar-active-line-color);\n\n      a {\n        font: var(--group-bar-textbutton-active);\n        opacity: 1;\n      }\n    }\n\n    &[padding] {\n      flex: 1;\n    }\n\n    &[add] * {\n      color: var(--md-sys-color-on-secondary-container);\n    }\n  }\n`\n"]}

package/dist-client/board-list/group-bar.d.ts

@@ -5,10 +5,12 @@ export default class GroupBar extends LitElement {
     groups?: any[];
     groupId?: string;
     targetPage?: string;
+    showAll?: boolean;
     private __sb?;
     render(): import("lit-html").TemplateResult<1>;
     infoGroup(groupId?: string): void;
     onWheelEvent(e: any): void;
+    showAllBoardType(e: any): void;
     updated(change: any): void;
     firstUpdated(): void;
 }

package/dist-client/board-list/group-bar.js

@@ -1,12 +1,17 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import i18next from 'i18next';
 import ScrollBooster from 'scrollbooster';
-import { longpressable } from '@operato/utils';
+import { longpressable, isMobileDevice } from '@operato/utils';
 import { privileged } from '@things-factory/auth-base/dist-client/index.js';
 import { GroupBarStyles } from './group-bar-styles';
 let GroupBar = class GroupBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.showAll = false;
+    }
     render() {
         return html `
       <ul>
@@ -29,6 +34,19 @@ let GroupBar = class GroupBar extends LitElement {
 
         <li padding></li>
 
+        ${isMobileDevice()
+            ? nothing
+            : html `
+              <li>
+                <label for="show-all">${i18next.t('label.show-all-board-type')}&nbsp;</label>
+                <md-checkbox
+                  id="show-all"
+                  ?checked=${this.showAll}
+                  @change=${e => this.showAllBoardType(e)}
+                ></md-checkbox>
+              </li>
+            `}
+
         <li add>
           <md-icon @click=${e => this.infoGroup()}>add</md-icon>
         </li>
@@ -45,6 +63,12 @@ let GroupBar = class GroupBar extends LitElement {
         this.scrollLeft -= delta * 40;
         e.preventDefault();
     }
+    showAllBoardType(e) {
+        this.showAll = e.target.checked;
+        this.dispatchEvent(new CustomEvent('show-all-board-type', {
+            detail: this.showAll
+        }));
+    }
     updated(change) {
         if (change.has('groups')) {
             /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */
@@ -83,6 +107,10 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], GroupBar.prototype, "targetPage", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], GroupBar.prototype, "showAll", void 0);
 GroupBar = __decorate([
     customElement('group-bar')
 ], GroupBar);

package/dist-client/board-list/group-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-bar.js","sourceRoot":"","sources":["../../client/board-list/group-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport ScrollBooster from 'scrollbooster'\n\nimport { longpressable } from '@operato/utils'\nimport { privileged } from '@things-factory/auth-base/dist-client/index.js'\nimport { GroupBarStyles } from './group-bar-styles'\n\n@customElement('group-bar')\nexport default class GroupBar extends LitElement {\n  static styles = [GroupBarStyles]\n\n  @property({ type: Array }) groups?: any[]\n  @property({ type: String }) groupId?: string\n  @property({ type: String }) targetPage?: string\n\n  private __sb?: ScrollBooster\n\n  render() {\n    return html`\n      <ul>\n        <li ?active=${!this.groupId}>\n          <a href=${this.targetPage || ''}><md-icon>dashboard</md-icon></a>\n        </li>\n\n        <li ?active=${this.groupId === 'favor'}>\n          <a href=\"${this.targetPage}/favor\"><md-icon>star</md-icon></a>\n        </li>\n\n        ${privileged(\n          { privilege: 'mutation', category: 'board' },\n          html`<li ?active=${this.groupId === 'mywork'}>\n            <a href=\"${this.targetPage}/mywork\"><md-icon>engineering</md-icon></a>\n          </li>`\n        )}\n        ${(this.groups || []).map(\n          group => html`\n            <li ?active=${this.groupId === group.id} @long-press=${e => this.infoGroup(group.id)}>\n              <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n            </li>\n          `\n        )}\n\n        <li padding></li>\n\n        <li add>\n          <md-icon @click=${e => this.infoGroup()}>add</md-icon>\n        </li>\n      </ul>\n    `\n  }\n\n  infoGroup(groupId?: string) {\n    this.dispatchEvent(\n      new CustomEvent('info-group', {\n        detail: groupId\n      })\n    )\n  }\n\n  onWheelEvent(e) {\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  updated(change) {\n    if (change.has('groups')) {\n      /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n      this.__sb && this.__sb.updateMetrics()\n    }\n\n    if (change.has('groupId')) {\n      var active = this.renderRoot.querySelector('li[active]')\n      active && active.scrollIntoView()\n    }\n  }\n\n  firstUpdated() {\n    var scrollTarget = this.renderRoot.querySelector('ul')\n\n    /* long-press */\n    longpressable(scrollTarget!)\n\n    scrollTarget!.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n\n    this.__sb = new ScrollBooster({\n      viewport: this,\n      content: scrollTarget,\n      mode: 'x',\n      onUpdate: data => {\n        this.scrollLeft = data.position.x\n      }\n    })\n  }\n}\n"]}
+{"version":3,"file":"group-bar.js","sourceRoot":"","sources":["../../client/board-list/group-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport i18next from 'i18next'\nimport ScrollBooster from 'scrollbooster'\n\nimport { longpressable, isMobileDevice } from '@operato/utils'\nimport { privileged } from '@things-factory/auth-base/dist-client/index.js'\nimport { GroupBarStyles } from './group-bar-styles'\n@customElement('group-bar')\nexport default class GroupBar extends LitElement {\n  static styles = [GroupBarStyles]\n\n  @property({ type: Array }) groups?: any[]\n  @property({ type: String }) groupId?: string\n  @property({ type: String }) targetPage?: string\n\n  @state() showAll?: boolean = false\n\n  private __sb?: ScrollBooster\n\n  render() {\n    return html`\n      <ul>\n        <li ?active=${!this.groupId}>\n          <a href=${this.targetPage || ''}><md-icon>dashboard</md-icon></a>\n        </li>\n\n        <li ?active=${this.groupId === 'favor'}>\n          <a href=\"${this.targetPage}/favor\"><md-icon>star</md-icon></a>\n        </li>\n\n        ${privileged(\n          { privilege: 'mutation', category: 'board' },\n          html`<li ?active=${this.groupId === 'mywork'}>\n            <a href=\"${this.targetPage}/mywork\"><md-icon>engineering</md-icon></a>\n          </li>`\n        )}\n        ${(this.groups || []).map(\n          group => html`\n            <li ?active=${this.groupId === group.id} @long-press=${e => this.infoGroup(group.id)}>\n              <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n            </li>\n          `\n        )}\n\n        <li padding></li>\n\n        ${isMobileDevice()\n          ? nothing\n          : html`\n              <li>\n                <label for=\"show-all\">${i18next.t('label.show-all-board-type')}&nbsp;</label>\n                <md-checkbox\n                  id=\"show-all\"\n                  ?checked=${this.showAll}\n                  @change=${e => this.showAllBoardType(e)}\n                ></md-checkbox>\n              </li>\n            `}\n\n        <li add>\n          <md-icon @click=${e => this.infoGroup()}>add</md-icon>\n        </li>\n      </ul>\n    `\n  }\n\n  infoGroup(groupId?: string) {\n    this.dispatchEvent(\n      new CustomEvent('info-group', {\n        detail: groupId\n      })\n    )\n  }\n\n  onWheelEvent(e) {\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  showAllBoardType(e) {\n    this.showAll = e.target.checked\n\n    this.dispatchEvent(\n      new CustomEvent('show-all-board-type', {\n        detail: this.showAll\n      })\n    )\n  }\n\n  updated(change) {\n    if (change.has('groups')) {\n      /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n      this.__sb && this.__sb.updateMetrics()\n    }\n\n    if (change.has('groupId')) {\n      var active = this.renderRoot.querySelector('li[active]')\n      active && active.scrollIntoView()\n    }\n  }\n\n  firstUpdated() {\n    var scrollTarget = this.renderRoot.querySelector('ul')\n\n    /* long-press */\n    longpressable(scrollTarget!)\n\n    scrollTarget!.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n\n    this.__sb = new ScrollBooster({\n      viewport: this,\n      content: scrollTarget,\n      mode: 'x',\n      onUpdate: data => {\n        this.scrollLeft = data.position.x\n      }\n    })\n  }\n}\n"]}

package/dist-client/graphql/board.js

@@ -62,6 +62,7 @@ export async function createBoard(board) {
         name        : String!
         description : String
         model       : String!
+        type        : String!
         groupId     : String!
       }
     */
@@ -73,6 +74,7 @@ export async function createBoard(board) {
           id
           name
           description
+          type
           model
           state
           version
@@ -95,6 +97,7 @@ export async function cloneBoard({ id, name, description, targetSubdomain, targe
           id
           name
           description
+          type
           model
           group {
             id
@@ -125,6 +128,7 @@ export async function releaseBoard(board) {
           id
           name
           description
+          type
           model
           group {
             id
@@ -165,9 +169,11 @@ export async function updateBoard(board) {
         name        : String
         description : String
         model       : String
+        groupId     : String
+        type        : String
       }
       */
-    var { id, name, description, model, groupId } = board;
+    var { id, name, description, model, groupId, type } = board;
     model = JSON.stringify(model);
     const response = await client.mutate({
         mutation: gql `
@@ -181,6 +187,7 @@ export async function updateBoard(board) {
             id
             name
           }
+          type
           state
           version
           createdAt
@@ -190,7 +197,7 @@ export async function updateBoard(board) {
     `,
         variables: {
             id,
-            patch: { name, description, model, groupId }
+            patch: { name, description, model, groupId, type }
         }
     });
     return response.data;

package/dist-client/graphql/board.js.map

@@ -1 +1 @@
-{"version":3,"file":"board.js","sourceRoot":"","sources":["../../client/graphql/board.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { gqlBuilder } from '@things-factory/utils'\n\nexport async function fetchBoardList(listParam = {}) {\n  const response = await client.query({\n    query: gql`\n      {\n        boards(${gqlBuilder.buildArgs(listParam)}) {\n          items {\n            id\n            name\n            description\n            thumbnail\n            state\n            version\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n\nexport async function fetchBoard(id) {\n  const response = await client.query({\n    query: gql`\n      query FetchBoardById($id: String!) {\n        board(id: $id) {\n          id\n          name\n          description\n          group {\n            id\n            name\n          }\n          thumbnail\n          model\n          createdAt\n          creator {\n            id\n            name\n          }\n          state\n          version\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    `,\n    variables: { id }\n  })\n\n  return response.data\n}\n\nexport async function createBoard(board) {\n  /*\n    input NewBoard {\n      name        : String!\n      description : String\n      model       : String!\n      groupId     : String!\n    }\n  */\n\n  board.model = JSON.stringify(board.model)\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CreateBoard($board: NewBoard!) {\n        createBoard(board: $board) {\n          id\n          name\n          description\n          model\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      board\n    }\n  })\n\n  return response.data\n}\n\nexport async function cloneBoard({\n  id,\n  name,\n  description,\n  targetSubdomain,\n  targetGroupId\n}: {\n  id: string\n  name: string\n  description: string\n  targetSubdomain: string\n  targetGroupId: string\n}) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CloneBoard($id: String!, $patch: BoardPatch!, $targetSubdomain: String!, $targetGroupId: String) {\n        cloneBoard(id: $id, patch: $patch, targetSubdomain: $targetSubdomain, targetGroupId: $targetGroupId) {\n          id\n          name\n          description\n          model\n          group {\n            id\n            name\n          }\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description },\n      targetSubdomain,\n      targetGroupId\n    }\n  })\n\n  return response.data\n}\n\nexport async function releaseBoard(board) {\n  var { id } = board\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ReleaseBoard($id: String!) {\n        releaseBoard(id: $id) {\n          id\n          name\n          description\n          model\n          group {\n            id\n            name\n          }\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n\nexport async function revertBoardVersion(id, version) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation RevertBoardVersion($id: String!, $version: Float!) {\n        revertBoardVersion(id: $id, version: $version) {\n          name\n        }\n      }\n    `,\n    variables: {\n      id,\n      version\n    }\n  })\n\n  return response.data.revertBoardVersion\n}\n\nexport async function updateBoard(board) {\n  /*\n    input BoardPatch {\n      name        : String\n      description : String\n      model       : String\n    }\n    */\n  var { id, name, description, model, groupId } = board\n  model = JSON.stringify(model)\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdateBoard($id: String!, $patch: BoardPatch!) {\n        updateBoard(id: $id, patch: $patch) {\n          id\n          name\n          description\n          model\n          group {\n            id\n            name\n          }\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description, model, groupId }\n    }\n  })\n\n  return response.data\n}\n\nexport async function deleteBoard(id) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!) {\n        deleteBoard(id: $id)\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n\nexport async function importBoards({\n  groupId,\n  files,\n  overwrite\n}: {\n  groupId: string\n  files: File[]\n  overwrite: boolean\n}) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation importBoards($groupId: String!, $files: [Upload!]!, $overwrite: Boolean!) {\n        importBoards(groupId: $groupId, files: $files, overwrite: $overwrite) {\n          id\n          name\n          description\n        }\n      }\n    `,\n    variables: {\n      groupId,\n      files,\n      overwrite\n    },\n    context: { hasUpload: true }\n  })\n\n  return response.data\n}\n"]}
+{"version":3,"file":"board.js","sourceRoot":"","sources":["../../client/graphql/board.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { gqlBuilder } from '@things-factory/utils'\n\nexport async function fetchBoardList(listParam = {}) {\n  const response = await client.query({\n    query: gql`\n      {\n        boards(${gqlBuilder.buildArgs(listParam)}) {\n          items {\n            id\n            name\n            description\n            thumbnail\n            state\n            version\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n\nexport async function fetchBoard(id) {\n  const response = await client.query({\n    query: gql`\n      query FetchBoardById($id: String!) {\n        board(id: $id) {\n          id\n          name\n          description\n          group {\n            id\n            name\n          }\n          thumbnail\n          model\n          createdAt\n          creator {\n            id\n            name\n          }\n          state\n          version\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    `,\n    variables: { id }\n  })\n\n  return response.data\n}\n\nexport async function createBoard(board) {\n  /*\n    input NewBoard {\n      name        : String!\n      description : String\n      model       : String!\n      type        : String!\n      groupId     : String!\n    }\n  */\n\n  board.model = JSON.stringify(board.model)\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CreateBoard($board: NewBoard!) {\n        createBoard(board: $board) {\n          id\n          name\n          description\n          type\n          model\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      board\n    }\n  })\n\n  return response.data\n}\n\nexport async function cloneBoard({\n  id,\n  name,\n  description,\n  targetSubdomain,\n  targetGroupId\n}: {\n  id: string\n  name: string\n  description: string\n  targetSubdomain: string\n  targetGroupId: string\n}) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CloneBoard($id: String!, $patch: BoardPatch!, $targetSubdomain: String!, $targetGroupId: String) {\n        cloneBoard(id: $id, patch: $patch, targetSubdomain: $targetSubdomain, targetGroupId: $targetGroupId) {\n          id\n          name\n          description\n          type\n          model\n          group {\n            id\n            name\n          }\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description },\n      targetSubdomain,\n      targetGroupId\n    }\n  })\n\n  return response.data\n}\n\nexport async function releaseBoard(board) {\n  var { id } = board\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ReleaseBoard($id: String!) {\n        releaseBoard(id: $id) {\n          id\n          name\n          description\n          type\n          model\n          group {\n            id\n            name\n          }\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n\nexport async function revertBoardVersion(id, version) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation RevertBoardVersion($id: String!, $version: Float!) {\n        revertBoardVersion(id: $id, version: $version) {\n          name\n        }\n      }\n    `,\n    variables: {\n      id,\n      version\n    }\n  })\n\n  return response.data.revertBoardVersion\n}\n\nexport async function updateBoard(board) {\n  /*\n    input BoardPatch {\n      name        : String\n      description : String\n      model       : String\n      groupId     : String\n      type        : String\n    }\n    */\n  var { id, name, description, model, groupId, type } = board\n  model = JSON.stringify(model)\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdateBoard($id: String!, $patch: BoardPatch!) {\n        updateBoard(id: $id, patch: $patch) {\n          id\n          name\n          description\n          model\n          group {\n            id\n            name\n          }\n          type\n          state\n          version\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description, model, groupId, type }\n    }\n  })\n\n  return response.data\n}\n\nexport async function deleteBoard(id) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!) {\n        deleteBoard(id: $id)\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n\nexport async function importBoards({\n  groupId,\n  files,\n  overwrite\n}: {\n  groupId: string\n  files: File[]\n  overwrite: boolean\n}) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation importBoards($groupId: String!, $files: [Upload!]!, $overwrite: Boolean!) {\n        importBoards(groupId: $groupId, files: $files, overwrite: $overwrite) {\n          id\n          name\n          description\n        }\n      }\n    `,\n    variables: {\n      groupId,\n      files,\n      overwrite\n    },\n    context: { hasUpload: true }\n  })\n\n  return response.data\n}\n"]}

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

@@ -25,6 +25,7 @@ export declare class BoardListPage extends BoardListPage_base {
     groups: any[];
     boards: any[];
     favorites: any[];
+    showMainBoardOnly: boolean;
     searchText: string;
     scrollTargetEl: HTMLElement;
     private _page;
@@ -44,6 +45,7 @@ export declare class BoardListPage extends BoardListPage_base {
     constructor();
     render(): import("lit-html").TemplateResult<1>;
     refresh(): Promise<void>;
+    showAllBoardType(e: any): void;
     getBoards({ page, limit }?: {
         page?: number | undefined;
         limit?: number | undefined;

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

@@ -47,6 +47,7 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
         this.groups = [];
         this.boards = [];
         this.favorites = [];
+        this.showMainBoardOnly = true;
         this.searchText = '';
         this._page = 1;
         this._total = 0; /* required for infinite-scrolling */
@@ -59,6 +60,7 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
         .groupId=${this.groupId}
         targetPage="board-list"
         @info-group=${e => this.onInfoGroup(e.detail)}
+        @show-all-board-type=${e => this.showAllBoardType(e)}
       ></group-bar>
 
       <board-tile-list
@@ -84,6 +86,10 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
             await this.refreshBoards();
         }
     }
+    showAllBoardType(e) {
+        this.showMainBoardOnly = !e.detail;
+        this.refreshBoards();
+    }
     async getBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {
         if (this.groupId && this.groupId == 'favor') {
             return await this.getFavoriteBoards({
@@ -112,6 +118,13 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
                 value: '%' + this.searchText + '%'
             });
         }
+        if (this.showMainBoardOnly) {
+            filters.push({
+                name: 'type',
+                operator: 'eq',
+                value: 'main'
+            });
+        }
         var listParam = {
             filters,
             sortings: [
@@ -528,6 +541,10 @@ __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)
 ], BoardListPage.prototype, "favorites", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], BoardListPage.prototype, "showMainBoardOnly", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)

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

@@ -1 +1 @@
-{"version":3,"file":"board-list-page.js","sourceRoot":"","sources":["../../client/pages/board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/board-info.js'\nimport '../viewparts/group-info.js'\nimport '../board-list/board-tile-list.js'\nimport '../board-list/group-bar.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openOverlay } from '@operato/layout'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { navigate, PageView, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base/client/index.js'\nimport { swipe } from '@things-factory/utils/src/index.js'\n\nimport {\n  cloneBoard,\n  releaseBoard,\n  revertBoardVersion,\n  createBoard,\n  createGroup,\n  deleteBoard,\n  deleteGroup,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  fetchMyBoardList,\n  fetchGroupList,\n  updateBoard,\n  updateGroup,\n  importBoards\n} from '../graphql'\n\n@customElement('board-list-page')\nexport class BoardListPage extends localize(i18next)(connect(store)(InfiniteScrollable(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      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  ]\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\n  @state() searchText: string = ''\n\n  @query('board-tile-list') scrollTargetEl!: HTMLElement\n\n  private _page: number = 1\n  private _total: number = 0 /* required for infinite-scrolling */\n\n  private page?: string\n\n  get context() {\n    var groupId = this.groupId\n    var group = this.groups && this.groups.find(group => group.id === groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group\n          ? 'Group ' + group.name\n          : groupId == 'favor'\n            ? 'Favorite'\n            : groupId == 'mywork'\n              ? 'My works'\n              : 'Board List'\n      },\n      search: {\n        handler: search => {\n          this.searchText = search\n          this.refreshBoards()\n        },\n        value: this.searchText || ''\n      },\n      board_topmenu: true\n    }\n  }\n\n  constructor() {\n    super()\n\n    this._infiniteScrollOptions.limit = 50\n  }\n\n  render() {\n    return html`\n      <group-bar\n        .groups=${this.groups}\n        .groupId=${this.groupId}\n        targetPage=\"board-list\"\n        @info-group=${e => this.onInfoGroup(e.detail)}\n      ></group-bar>\n\n      <board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        search-text=${this.searchText}\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        creatable\n      ></board-tile-list>\n    `\n  }\n\n  async refresh() {\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    } else if (this.groupId && this.groupId == 'mywork') {\n      return await this.getMyBoards({\n        page,\n        limit\n      })\n    }\n\n    const filters = [] as any[]\n\n    if (this.groupId) {\n      filters.push({\n        name: 'groupId',\n        operator: 'eq',\n        value: this.groupId\n      })\n    }\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      sortings: [\n        {\n          name: 'name',\n          desc: false\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchBoardList(listParam)).boards\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchFavoriteBoardList(listParam)).favoriteBoards\n  }\n\n  async getMyBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchMyBoardList(listParam)).boardsCreatedByMe\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards()\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    this.scrollTargetEl.style.transition = ''\n    this.scrollTargetEl.style.transform = `translate3d(0, 0, 0)`\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.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.page = lifecycle.page\n      this.groupId = lifecycle.resourceId\n      this.searchText = lifecycle.params?.search || ''\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  firstUpdated() {\n    const list = this.scrollTargetEl\n\n    pulltorefresh({\n      container: this.renderRoot,\n      scrollable: list,\n      refresh: () => {\n        return this.refresh()\n      }\n    })\n\n    swipe({\n      container: list,\n      animates: {\n        dragging: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            /* TODO blocked gesture */\n            return false\n          }\n\n          list.style.transform = `translate3d(${d}px, 0, 0)`\n        },\n        aborting: async opts => {\n          list.style.transition = 'transform 0.3s'\n          list.style.transform = `translate3d(0, 0, 0)`\n\n          setTimeout(() => {\n            list.style.transition = ''\n          })\n        },\n        swiping: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            list.style.transition = ''\n            list.style.transform = `translate3d(0, 0, 0)`\n          } else {\n            list.style.transition = 'transform 0.3s'\n            list.style.transform = `translate3d(${d < 0 ? '-100%' : '100%'}, 0, 0)`\n\n            navigate(\n              `${this.page}/${groups[currentIndex + (d < 0 ? 1 : -1)].id}${this.searchText ? '?search=' + this.searchText : ''}`\n            )\n          }\n        }\n      }\n    })\n  }\n\n  async onInfoBoard(board) {\n    openOverlay('viewpart-info', {\n      template: html`\n        <board-info\n          .board=${board}\n          .groupId=${this.groupId}\n          @clone-board=${e => this.onCloneBoard(e.detail)}\n          @release-board=${e => this.onReleaseBoard(e.detail)}\n          @revert-board-version=${e => this.onRevertBoardVersion(e.detail)}\n          @update-board=${e => this.onUpdateBoard(e.detail)}\n          @delete-board=${e => this.onDeleteBoard(e.detail)}\n          @join-playgroup=${e => this.onJoinPlayGroup(e.detail)}\n          @leave-playgroup=${e => this.onLeavePlayGroup(e.detail)}\n          @register-template=${e => this.onRegisterTemplate(e.detail)}\n        ></board-info>\n      `\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    openOverlay('viewpart-info', {\n      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          @import-boards=${e => this.onImportBoards(e.detail)}\n        ></group-info>\n      `\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      const data = await createGroup(group)\n      data && this._notify('info', i18next.t('text.group created', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      const data = await updateGroup(group)\n      data && this._notify('info', i18next.t('text.group updated', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(group) {\n    try {\n      const data = await deleteGroup(group.id)\n      data && this._notify('info', i18next.t('text.group deleted', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onImportBoards({ group, files, overwrite }) {\n    try {\n      const data = await importBoards({ groupId: group.id, files, overwrite })\n      data && this._notify('info', i18next.t('text.boards imported', { count: files.length, group: group.name }))\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      const data = await createBoard(board)\n\n      data && this._notify('info', i18next.t('text.board created', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onCloneBoard({ id, name, description, targetSubdomain, targetGroupId }) {\n    try {\n      const data = await cloneBoard({\n        id,\n        name,\n        description,\n        targetSubdomain,\n        targetGroupId\n      })\n      data && this._notify('info', i18next.t('text.board cloned', { board: name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onReleaseBoard(board) {\n    try {\n      const data = await releaseBoard(board)\n      data && this._notify('info', i18next.t('text.board released', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onRevertBoardVersion({ id, version }) {\n    try {\n      const board = await revertBoardVersion(id, version)\n      board && this._notify('info', i18next.t('text.board reverted', { board: board.name, version }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      const data = await updateBoard(board)\n      data && this._notify('info', i18next.t('text.board updated', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(board) {\n    try {\n      const data = await deleteBoard(board.id)\n      data && this._notify('info', i18next.t('text.board deleted', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onJoinPlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {\n            joinPlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onLeavePlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $boardIds: [String!]!) {\n            leavePlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onRegisterTemplate({ id, name, description, visibility }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $name: String!, $description: String!, $visibility: String!) {\n            registerBoardAsTemplate(id: $id, name: $name, description: $description, visibility: $visibility) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id,\n          name,\n          description,\n          visibility\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.info_x_successfully', { x: i18next.t('text.register-template') }), {\n          name\n        })\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async refreshFavorites() {\n    const { data } = await client.query({\n      query: gql`\n        query {\n          myFavorites {\n            id\n            routing\n          }\n        }\n      `\n    })\n\n    data &&\n      store.dispatch({\n        type: UPDATE_FAVORITES,\n        favorites: data.myFavorites.map(favorite => favorite.routing)\n      })\n  }\n\n  _notify(level: 'info' | 'error' | 'warn', 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"]}
+{"version":3,"file":"board-list-page.js","sourceRoot":"","sources":["../../client/pages/board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/board-info.js'\nimport '../viewparts/group-info.js'\nimport '../board-list/board-tile-list.js'\nimport '../board-list/group-bar.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openOverlay } from '@operato/layout'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { navigate, PageView, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base/client/index.js'\nimport { swipe } from '@things-factory/utils/src/index.js'\n\nimport {\n  cloneBoard,\n  releaseBoard,\n  revertBoardVersion,\n  createBoard,\n  createGroup,\n  deleteBoard,\n  deleteGroup,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  fetchMyBoardList,\n  fetchGroupList,\n  updateBoard,\n  updateGroup,\n  importBoards\n} from '../graphql'\n\n@customElement('board-list-page')\nexport class BoardListPage extends localize(i18next)(connect(store)(InfiniteScrollable(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      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  ]\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\n  @state() showMainBoardOnly: boolean = true\n  @state() searchText: string = ''\n\n  @query('board-tile-list') scrollTargetEl!: HTMLElement\n\n  private _page: number = 1\n  private _total: number = 0 /* required for infinite-scrolling */\n\n  private page?: string\n\n  get context() {\n    var groupId = this.groupId\n    var group = this.groups && this.groups.find(group => group.id === groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group\n          ? 'Group ' + group.name\n          : groupId == 'favor'\n            ? 'Favorite'\n            : groupId == 'mywork'\n              ? 'My works'\n              : 'Board List'\n      },\n      search: {\n        handler: search => {\n          this.searchText = search\n          this.refreshBoards()\n        },\n        value: this.searchText || ''\n      },\n      board_topmenu: true\n    }\n  }\n\n  constructor() {\n    super()\n\n    this._infiniteScrollOptions.limit = 50\n  }\n\n  render() {\n    return html`\n      <group-bar\n        .groups=${this.groups}\n        .groupId=${this.groupId}\n        targetPage=\"board-list\"\n        @info-group=${e => this.onInfoGroup(e.detail)}\n        @show-all-board-type=${e => this.showAllBoardType(e)}\n      ></group-bar>\n\n      <board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        search-text=${this.searchText}\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        creatable\n      ></board-tile-list>\n    `\n  }\n\n  async refresh() {\n    this.groups = (await fetchGroupList()).groups.items\n\n    if (this.groups) {\n      await this.refreshBoards()\n    }\n  }\n\n  showAllBoardType(e) {\n    this.showMainBoardOnly = !e.detail\n    this.refreshBoards()\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    } else if (this.groupId && this.groupId == 'mywork') {\n      return await this.getMyBoards({\n        page,\n        limit\n      })\n    }\n\n    const filters = [] as any[]\n\n    if (this.groupId) {\n      filters.push({\n        name: 'groupId',\n        operator: 'eq',\n        value: this.groupId\n      })\n    }\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    if (this.showMainBoardOnly) {\n      filters.push({\n        name: 'type',\n        operator: 'eq',\n        value: 'main'\n      })\n    }\n\n    var listParam = {\n      filters,\n      sortings: [\n        {\n          name: 'name',\n          desc: false\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchBoardList(listParam)).boards\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchFavoriteBoardList(listParam)).favoriteBoards\n  }\n\n  async getMyBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchMyBoardList(listParam)).boardsCreatedByMe\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards()\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    this.scrollTargetEl.style.transition = ''\n    this.scrollTargetEl.style.transform = `translate3d(0, 0, 0)`\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.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.page = lifecycle.page\n      this.groupId = lifecycle.resourceId\n      this.searchText = lifecycle.params?.search || ''\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  firstUpdated() {\n    const list = this.scrollTargetEl\n\n    pulltorefresh({\n      container: this.renderRoot,\n      scrollable: list,\n      refresh: () => {\n        return this.refresh()\n      }\n    })\n\n    swipe({\n      container: list,\n      animates: {\n        dragging: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            /* TODO blocked gesture */\n            return false\n          }\n\n          list.style.transform = `translate3d(${d}px, 0, 0)`\n        },\n        aborting: async opts => {\n          list.style.transition = 'transform 0.3s'\n          list.style.transform = `translate3d(0, 0, 0)`\n\n          setTimeout(() => {\n            list.style.transition = ''\n          })\n        },\n        swiping: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            list.style.transition = ''\n            list.style.transform = `translate3d(0, 0, 0)`\n          } else {\n            list.style.transition = 'transform 0.3s'\n            list.style.transform = `translate3d(${d < 0 ? '-100%' : '100%'}, 0, 0)`\n\n            navigate(\n              `${this.page}/${groups[currentIndex + (d < 0 ? 1 : -1)].id}${this.searchText ? '?search=' + this.searchText : ''}`\n            )\n          }\n        }\n      }\n    })\n  }\n\n  async onInfoBoard(board) {\n    openOverlay('viewpart-info', {\n      template: html`\n        <board-info\n          .board=${board}\n          .groupId=${this.groupId}\n          @clone-board=${e => this.onCloneBoard(e.detail)}\n          @release-board=${e => this.onReleaseBoard(e.detail)}\n          @revert-board-version=${e => this.onRevertBoardVersion(e.detail)}\n          @update-board=${e => this.onUpdateBoard(e.detail)}\n          @delete-board=${e => this.onDeleteBoard(e.detail)}\n          @join-playgroup=${e => this.onJoinPlayGroup(e.detail)}\n          @leave-playgroup=${e => this.onLeavePlayGroup(e.detail)}\n          @register-template=${e => this.onRegisterTemplate(e.detail)}\n        ></board-info>\n      `\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    openOverlay('viewpart-info', {\n      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          @import-boards=${e => this.onImportBoards(e.detail)}\n        ></group-info>\n      `\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      const data = await createGroup(group)\n      data && this._notify('info', i18next.t('text.group created', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      const data = await updateGroup(group)\n      data && this._notify('info', i18next.t('text.group updated', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(group) {\n    try {\n      const data = await deleteGroup(group.id)\n      data && this._notify('info', i18next.t('text.group deleted', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onImportBoards({ group, files, overwrite }) {\n    try {\n      const data = await importBoards({ groupId: group.id, files, overwrite })\n      data && this._notify('info', i18next.t('text.boards imported', { count: files.length, group: group.name }))\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      const data = await createBoard(board)\n\n      data && this._notify('info', i18next.t('text.board created', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onCloneBoard({ id, name, description, targetSubdomain, targetGroupId }) {\n    try {\n      const data = await cloneBoard({\n        id,\n        name,\n        description,\n        targetSubdomain,\n        targetGroupId\n      })\n      data && this._notify('info', i18next.t('text.board cloned', { board: name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onReleaseBoard(board) {\n    try {\n      const data = await releaseBoard(board)\n      data && this._notify('info', i18next.t('text.board released', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onRevertBoardVersion({ id, version }) {\n    try {\n      const board = await revertBoardVersion(id, version)\n      board && this._notify('info', i18next.t('text.board reverted', { board: board.name, version }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      const data = await updateBoard(board)\n      data && this._notify('info', i18next.t('text.board updated', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(board) {\n    try {\n      const data = await deleteBoard(board.id)\n      data && this._notify('info', i18next.t('text.board deleted', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onJoinPlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {\n            joinPlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onLeavePlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $boardIds: [String!]!) {\n            leavePlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onRegisterTemplate({ id, name, description, visibility }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $name: String!, $description: String!, $visibility: String!) {\n            registerBoardAsTemplate(id: $id, name: $name, description: $description, visibility: $visibility) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id,\n          name,\n          description,\n          visibility\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.info_x_successfully', { x: i18next.t('text.register-template') }), {\n          name\n        })\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async refreshFavorites() {\n    const { data } = await client.query({\n      query: gql`\n        query {\n          myFavorites {\n            id\n            routing\n          }\n        }\n      `\n    })\n\n    data &&\n      store.dispatch({\n        type: UPDATE_FAVORITES,\n        favorites: data.myFavorites.map(favorite => favorite.routing)\n      })\n  }\n\n  _notify(level: 'info' | 'error' | 'warn', 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"]}