@fmsim/fmsim 0.0.49

package/dist-client/viewparts/group-info.js

@@ -0,0 +1,232 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/mwc-icon';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next } from '@things-factory/i18n-base';
+import { fetchGroupById } from '@fmsim/api';
+let GroupInfo = class GroupInfo extends LitElement {
+    render() {
+        var group = this.group || { name: '', description: '' };
+        return html `
+      <form>
+        <fieldset>
+          <legend>group information</legend>
+          <label>${i18next.t('label.name')}</label>
+          <input type="text" .value=${group.name} @change=${e => (this.group.name = e.target.value)} />
+
+          <label>${i18next.t('label.description')}</label>
+          <input type="text" .value=${group.description} @change=${e => (this.group.description = e.target.value)} />
+
+          <label>${i18next.t('label.creator')}</label>
+          <span>
+            <mwc-icon>person</mwc-icon> ${group.creator && group.creator.name} <mwc-icon>schedule</mwc-icon> ${new Date(Number(group.createdAt)).toLocaleString()}
+          </span>
+
+          <label>${i18next.t('label.updater')}</label>
+          <span>
+            <mwc-icon>person</mwc-icon> ${group.updater && group.updater.name} <mwc-icon>schedule</mwc-icon> ${new Date(Number(group.updatedAt)).toLocaleString()}
+          </span>
+
+          <div buttons>
+            ${this.groupId
+            ? html `
+                  <mwc-button
+                    dense
+                    raised
+                    danger
+                    label=${i18next.t('button.delete')}
+                    @click=${this.deleteGroup.bind(this)}
+                    icon="delete_outline"
+                  ></mwc-button>
+                  <mwc-button
+                    dense
+                    raised
+                    label=${i18next.t('button.save')}
+                    @click=${this.updateGroup.bind(this)}
+                    icon="done"
+                  ></mwc-button>
+                `
+            : html `
+                  <mwc-button
+                    dense
+                    raised
+                    label=${i18next.t('button.create')}
+                    @click=${this.createGroup.bind(this)}
+                    icon="create_new_folder"
+                  ></mwc-button>
+                `}
+          </div>
+        </fieldset>
+      </form>
+    `;
+    }
+    updated(changes) {
+        if (changes.has('groupId')) {
+            this.refresh();
+        }
+    }
+    firstUpdated() {
+        setTimeout(() => {
+            ;
+            this.renderRoot.querySelector('input[type=text]').focus();
+        }, 100);
+    }
+    async refresh() {
+        if (!this.groupId) {
+            /* model이 없으므로, 기본 모델을 제공함. */
+            this.group = { name: '', description: '' };
+        }
+        else {
+            var response = await fetchGroupById(this.groupId);
+            this.group = response.group;
+        }
+    }
+    async createGroup() {
+        this.dispatchEvent(new CustomEvent('create-group', {
+            detail: this.group
+        }));
+        this.close();
+    }
+    async updateGroup() {
+        this.dispatchEvent(new CustomEvent('update-group', {
+            detail: this.group
+        }));
+        this.close();
+    }
+    async deleteGroup() {
+        this.dispatchEvent(new CustomEvent('delete-group', {
+            detail: this.group
+        }));
+        this.close();
+    }
+    close() {
+        history.back();
+    }
+};
+GroupInfo.styles = [
+    css `
+      :host {
+        display: block;
+        background-color: var(--main-section-background-color);
+        height: 100%;
+        min-width: 350px;
+        overflow: auto;
+        position: relative;
+
+        --form-grid-gap: 2px 0;
+        --input-field-padding: var(--padding-default);
+        --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;
+        --mdc-button-horizontal-padding: var(--padding-default);
+      }
+
+      form {
+        display: grid;
+        grid-template-columns: repeat(12, 1fr);
+        grid-gap: var(--form-grid-gap);
+        grid-auto-rows: minmax(24px, auto);
+        padding: var(--padding-wide);
+        align-items: center;
+      }
+
+      [buttons] {
+        grid-column: span 12;
+        padding: var(--padding-default) 0;
+        text-align: right;
+      }
+
+      [buttons] * {
+        margin: 0 0 0 var(--margin-narrow);
+      }
+      [danger] {
+        float: left;
+        margin: 0 var(--margin-narrow) 0 0;
+        --mdc-theme-primary: var(--status-danger-color);
+      }
+
+      fieldset {
+        display: contents;
+      }
+
+      legend {
+        grid-column: span 12;
+        padding: var(--legend-padding);
+        font: var(--legend-font);
+        color: var(--legend-text-color);
+        text-transform: capitalize;
+      }
+
+      label {
+        grid-column: span 12;
+        text-transform: capitalize;
+        color: var(--label-color);
+        font: var(--label-font);
+      }
+
+      span {
+        grid-column: span 12;
+        border-bottom: var(--border-dark-color);
+        margin-bottom: var(--margin-default);
+        padding-bottom: var(--padding-narrow);
+        font: var(--input-field-font);
+      }
+      span mwc-icon {
+        vertical-align: middle;
+        font-size: var(--fontsize-large);
+        color: var(--primary-color);
+      }
+
+      input,
+      table,
+      select,
+      textarea,
+      [custom-input] {
+        grid-column: span 12;
+
+        border: var(--input-field-border);
+        border-radius: var(--input-field-border-radius);
+        margin-bottom: var(--margin-default);
+        padding: var(--input-field-padding);
+        font: var(--input-field-font);
+      }
+
+      input[type='checkbox'],
+      input[type='radio'] {
+        place-self: center;
+        margin: 0;
+        grid-column: 1;
+      }
+
+      input[type='checkbox'] + label,
+      input[type='radio'] + label {
+        text-align: left;
+        grid-column: span 11 / auto;
+
+        font: var(--form-sublabel-font);
+        color: var(--form-sublabel-color);
+      }
+
+      input:focus {
+        outline: none;
+        border: 1px solid var(--focus-background-color);
+      }
+
+      @media screen and (max-width: 460px) {
+        :host {
+          width: 100vw;
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], GroupInfo.prototype, "groupId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], GroupInfo.prototype, "group", void 0);
+GroupInfo = __decorate([
+    customElement('group-info')
+], GroupInfo);
+export { GroupInfo };
+//# sourceMappingURL=group-info.js.map

package/dist-client/viewparts/group-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-info.js","sourceRoot":"","sources":["../../client/viewparts/group-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@things-factory/i18n-base'\n\nimport { fetchGroupById } from '@fmsim/api'\n\n@customElement('group-info')\nexport class GroupInfo extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        background-color: var(--main-section-background-color);\n        height: 100%;\n        min-width: 350px;\n        overflow: auto;\n        position: relative;\n\n        --form-grid-gap: 2px 0;\n        --input-field-padding: var(--padding-default);\n        --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;\n        --mdc-button-horizontal-padding: var(--padding-default);\n      }\n\n      form {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        grid-gap: var(--form-grid-gap);\n        grid-auto-rows: minmax(24px, auto);\n        padding: var(--padding-wide);\n        align-items: center;\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--padding-default) 0;\n        text-align: right;\n      }\n\n      [buttons] * {\n        margin: 0 0 0 var(--margin-narrow);\n      }\n      [danger] {\n        float: left;\n        margin: 0 var(--margin-narrow) 0 0;\n        --mdc-theme-primary: var(--status-danger-color);\n      }\n\n      fieldset {\n        display: contents;\n      }\n\n      legend {\n        grid-column: span 12;\n        padding: var(--legend-padding);\n        font: var(--legend-font);\n        color: var(--legend-text-color);\n        text-transform: capitalize;\n      }\n\n      label {\n        grid-column: span 12;\n        text-transform: capitalize;\n        color: var(--label-color);\n        font: var(--label-font);\n      }\n\n      span {\n        grid-column: span 12;\n        border-bottom: var(--border-dark-color);\n        margin-bottom: var(--margin-default);\n        padding-bottom: var(--padding-narrow);\n        font: var(--input-field-font);\n      }\n      span mwc-icon {\n        vertical-align: middle;\n        font-size: var(--fontsize-large);\n        color: var(--primary-color);\n      }\n\n      input,\n      table,\n      select,\n      textarea,\n      [custom-input] {\n        grid-column: span 12;\n\n        border: var(--input-field-border);\n        border-radius: var(--input-field-border-radius);\n        margin-bottom: var(--margin-default);\n        padding: var(--input-field-padding);\n        font: var(--input-field-font);\n      }\n\n      input[type='checkbox'],\n      input[type='radio'] {\n        place-self: center;\n        margin: 0;\n        grid-column: 1;\n      }\n\n      input[type='checkbox'] + label,\n      input[type='radio'] + label {\n        text-align: left;\n        grid-column: span 11 / auto;\n\n        font: var(--form-sublabel-font);\n        color: var(--form-sublabel-color);\n      }\n\n      input:focus {\n        outline: none;\n        border: 1px solid var(--focus-background-color);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n\n  @state() group: any\n\n  render() {\n    var group = this.group || { name: '', description: '' }\n\n    return html`\n      <form>\n        <fieldset>\n          <legend>group information</legend>\n          <label>${i18next.t('label.name')}</label>\n          <input type=\"text\" .value=${group.name} @change=${e => (this.group.name = e.target.value)} />\n\n          <label>${i18next.t('label.description')}</label>\n          <input type=\"text\" .value=${group.description} @change=${e => (this.group.description = e.target.value)} />\n\n          <label>${i18next.t('label.creator')}</label>\n          <span>\n            <mwc-icon>person</mwc-icon> ${group.creator && group.creator.name} <mwc-icon>schedule</mwc-icon> ${new Date(\n              Number(group.createdAt)\n            ).toLocaleString()}\n          </span>\n\n          <label>${i18next.t('label.updater')}</label>\n          <span>\n            <mwc-icon>person</mwc-icon> ${group.updater && group.updater.name} <mwc-icon>schedule</mwc-icon> ${new Date(\n              Number(group.updatedAt)\n            ).toLocaleString()}\n          </span>\n\n          <div buttons>\n            ${this.groupId\n              ? html`\n                  <mwc-button\n                    dense\n                    raised\n                    danger\n                    label=${i18next.t('button.delete')}\n                    @click=${this.deleteGroup.bind(this)}\n                    icon=\"delete_outline\"\n                  ></mwc-button>\n                  <mwc-button\n                    dense\n                    raised\n                    label=${i18next.t('button.save')}\n                    @click=${this.updateGroup.bind(this)}\n                    icon=\"done\"\n                  ></mwc-button>\n                `\n              : html`\n                  <mwc-button\n                    dense\n                    raised\n                    label=${i18next.t('button.create')}\n                    @click=${this.createGroup.bind(this)}\n                    icon=\"create_new_folder\"\n                  ></mwc-button>\n                `}\n          </div>\n        </fieldset>\n      </form>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('groupId')) {\n      this.refresh()\n    }\n  }\n\n  firstUpdated() {\n    setTimeout(() => {\n      ;(this.renderRoot.querySelector('input[type=text]') as any).focus()\n    }, 100)\n  }\n\n  async refresh() {\n    if (!this.groupId) {\n      /* model이 없으므로, 기본 모델을 제공함. */\n      this.group = { name: '', description: '' }\n    } else {\n      var response = await fetchGroupById(this.groupId)\n      this.group = response.group\n    }\n  }\n\n  async createGroup() {\n    this.dispatchEvent(\n      new CustomEvent('create-group', {\n        detail: this.group\n      })\n    )\n\n    this.close()\n  }\n\n  async updateGroup() {\n    this.dispatchEvent(\n      new CustomEvent('update-group', {\n        detail: this.group\n      })\n    )\n\n    this.close()\n  }\n\n  async deleteGroup() {\n    this.dispatchEvent(\n      new CustomEvent('delete-group', {\n        detail: this.group\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/menu-tools.d.ts

@@ -0,0 +1,20 @@
+import '@material/mwc-icon';
+import '@operato/i18n/ox-i18n.js';
+import { LitElement } from 'lit';
+declare const MenuTools_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class MenuTools extends MenuTools_base {
+    static styles: import("lit").CSSResult[];
+    page?: string;
+    width?: string;
+    editable?: boolean;
+    context: any;
+    render(): import("lit-html").TemplateResult<1>;
+    stateChanged(state: any): void;
+}
+export {};

package/dist-client/viewparts/menu-tools.js

@@ -0,0 +1,141 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/mwc-icon';
+import '@operato/i18n/ox-i18n.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers';
+import { store } from '@operato/shell';
+let MenuTools = class MenuTools extends connect(store)(LitElement) {
+    render() {
+        return this.context && this.context['board_topmenu']
+            ? html `
+          <ul>
+            <li>
+              <a href="board-list" ?active=${this.page == 'board-list'}>
+                <mwc-icon>dvr</mwc-icon>
+                <div><ox-i18n msgid="label.board"></ox-i18n></div>
+              </a>
+            </li>
+            <li>
+              <a href="font-list" ?active=${this.page == 'font-list'}>
+                <mwc-icon>font_download</mwc-icon>
+                <div><ox-i18n msgid="label.font"></ox-i18n></div>
+              </a>
+            </li>
+            <li>
+              <a href="attachment-list" ?active=${this.page == 'attachment-list'}>
+                <mwc-icon>attachment</mwc-icon>
+                <div><ox-i18n msgid="label.attachment"></ox-i18n></div>
+              </a>
+            </li>
+            <li>
+              <a href="theme-list" ?active=${this.page == 'theme-list'}>
+                <mwc-icon>draw</mwc-icon>
+                <div><ox-i18n msgid="label.theme"></ox-i18n></div>
+              </a>
+            </li>
+            <li>
+              <a href="connection-list" ?active=${this.page == 'connection-list'}>
+                <mwc-icon>device_hub</mwc-icon>
+                <div><ox-i18n msgid="label.connection"></ox-i18n></div>
+              </a>
+            </li>
+            <li>
+              <a href="scenario-list" ?active=${this.page == 'scenario-list'}>
+                <mwc-icon>format_list_numbered</mwc-icon>
+                <div><ox-i18n msgid="label.scenario"></ox-i18n></div>
+              </a>
+            </li>
+          </ul>
+        `
+            : html ``;
+    }
+    stateChanged(state) {
+        this.page = state.route.page;
+        this.width = state.layout.width;
+        this.context = state.route.context;
+    }
+};
+MenuTools.styles = [
+    css `
+      :host {
+        display: flex;
+        background-color: var(--menu-tools-background-color);
+
+        /* for narrow mode */
+        flex-direction: column;
+        width: 100%;
+      }
+
+      :host([width='WIDE']) {
+        /* for wide mode */
+        flex-direction: row;
+        width: initial;
+        height: 100%;
+      }
+
+      ul {
+        display: flex;
+        flex-direction: row;
+
+        margin: auto;
+        padding: 0;
+        list-style: none;
+        height: 100%;
+        overflow: none;
+      }
+
+      :host([width='WIDE']) ul {
+        flex-direction: column;
+      }
+
+      :host([width='WIDE']) li {
+        border-top: 1px solid rgba(255, 255, 255, 0.1);
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+      }
+
+      a {
+        display: block;
+        padding: 5px 0px;
+        text-align: center;
+        text-decoration: none;
+        color: var(--menu-tools-color);
+        max-width: 54px;
+      }
+
+      a[active] {
+        color: var(--menu-tools-active-color);
+        background-color: rgba(0, 0, 0, 0.2);
+      }
+
+      mwc-icon {
+        padding: 5px 15px 0px 15px;
+        vertical-align: bottom;
+      }
+
+      div {
+        font-size: 0.6em;
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], MenuTools.prototype, "page", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], MenuTools.prototype, "width", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], MenuTools.prototype, "editable", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], MenuTools.prototype, "context", void 0);
+MenuTools = __decorate([
+    customElement('menu-tools')
+], MenuTools);
+export { MenuTools };
+//# sourceMappingURL=menu-tools.js.map

package/dist-client/viewparts/menu-tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGtC,IAAa,SAAS,GAAtB,MAAa,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAqEvD,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,CAAC,CAAC,IAAI,CAAA;;;6CAGiC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;4CAM1B,IAAI,CAAC,IAAI,IAAI,WAAW;;;;;;kDAMlB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;6CAMnC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;kDAMpB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;gDAMhC,IAAI,CAAC,IAAI,IAAI,eAAe;;;;;;SAMnE;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC;CACF,CAAA;AAtHQ,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DF;CACF,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CAAmB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAa;AAnE7B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuHrB;SAvHY,SAAS","sourcesContent":["import '@material/mwc-icon'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers'\n\nimport { store } from '@operato/shell'\n\n@customElement('menu-tools')\nexport class MenuTools extends connect(store)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        background-color: var(--menu-tools-background-color);\n\n        /* for narrow mode */\n        flex-direction: column;\n        width: 100%;\n      }\n\n      :host([width='WIDE']) {\n        /* for wide mode */\n        flex-direction: row;\n        width: initial;\n        height: 100%;\n      }\n\n      ul {\n        display: flex;\n        flex-direction: row;\n\n        margin: auto;\n        padding: 0;\n        list-style: none;\n        height: 100%;\n        overflow: none;\n      }\n\n      :host([width='WIDE']) ul {\n        flex-direction: column;\n      }\n\n      :host([width='WIDE']) li {\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n      }\n\n      a {\n        display: block;\n        padding: 5px 0px;\n        text-align: center;\n        text-decoration: none;\n        color: var(--menu-tools-color);\n        max-width: 54px;\n      }\n\n      a[active] {\n        color: var(--menu-tools-active-color);\n        background-color: rgba(0, 0, 0, 0.2);\n      }\n\n      mwc-icon {\n        padding: 5px 15px 0px 15px;\n        vertical-align: bottom;\n      }\n\n      div {\n        font-size: 0.6em;\n      }\n    `\n  ]\n\n  @property({ type: String }) page?: string\n  @property({ type: String, reflect: true }) width?: string\n  @property({ type: Boolean }) editable?: boolean\n  @property({ type: Object }) context: any\n\n  render() {\n    return this.context && this.context['board_topmenu']\n      ? html`\n          <ul>\n            <li>\n              <a href=\"board-list\" ?active=${this.page == 'board-list'}>\n                <mwc-icon>dvr</mwc-icon>\n                <div><ox-i18n msgid=\"label.board\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"font-list\" ?active=${this.page == 'font-list'}>\n                <mwc-icon>font_download</mwc-icon>\n                <div><ox-i18n msgid=\"label.font\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"attachment-list\" ?active=${this.page == 'attachment-list'}>\n                <mwc-icon>attachment</mwc-icon>\n                <div><ox-i18n msgid=\"label.attachment\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"theme-list\" ?active=${this.page == 'theme-list'}>\n                <mwc-icon>draw</mwc-icon>\n                <div><ox-i18n msgid=\"label.theme\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"connection-list\" ?active=${this.page == 'connection-list'}>\n                <mwc-icon>device_hub</mwc-icon>\n                <div><ox-i18n msgid=\"label.connection\"></ox-i18n></div>\n              </a>\n            </li>\n            <li>\n              <a href=\"scenario-list\" ?active=${this.page == 'scenario-list'}>\n                <mwc-icon>format_list_numbered</mwc-icon>\n                <div><ox-i18n msgid=\"label.scenario\"></ox-i18n></div>\n              </a>\n            </li>\n          </ul>\n        `\n      : html``\n  }\n\n  stateChanged(state) {\n    this.page = state.route.page\n    this.width = state.layout.width\n    this.context = state.route.context\n  }\n}\n"]}

package/dist-server/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./service"), exports);
+//# sourceMappingURL=index.js.map

package/dist-server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB","sourcesContent":["export * from './service'\n"]}

package/dist-server/service/board-favorite/board-favorite-query.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoardFavoriteQuery = void 0;
+const tslib_1 = require("tslib");
+const type_graphql_1 = require("type-graphql");
+require("@things-factory/auth-base"); // for ResolverContext type
+const board_service_1 = require("@things-factory/board-service");
+const env_1 = require("@things-factory/env");
+const fav_base_1 = require("@things-factory/fav-base");
+const shell_1 = require("@things-factory/shell");
+const board_favorite_type_1 = require("./board-favorite-type");
+const ORMCONFIG = env_1.config.get('ormconfig', {});
+const DATABASE_TYPE = ORMCONFIG.type;
+let BoardFavoriteQuery = class BoardFavoriteQuery {
+    async favoriteBoards(params, context) {
+        const { user } = context.state;
+        const queryBuilder = shell_1.getRepository(board_service_1.Board).createQueryBuilder();
+        shell_1.buildQuery(queryBuilder, params, context);
+        var joinStatement = '';
+        switch (DATABASE_TYPE) {
+            case 'postgres':
+                joinStatement = 'CAST(Board.id as VARCHAR) = Favorite.routing';
+                break;
+            case 'sqlite':
+            default:
+                joinStatement = 'Board.id = Favorite.routing';
+        }
+        var qb = queryBuilder
+            .innerJoin(fav_base_1.Favorite, 'Favorite', joinStatement)
+            .select([
+            'Board.id as id',
+            'Board.name as name',
+            'Board.description as description',
+            'Board.thumbnail as thumbnail',
+            'Favorite.id as favoriteId'
+        ])
+            .andWhere('Favorite.user = :userId', {
+            userId: user.id
+        });
+        const items = await qb.getRawMany();
+        const total = await qb.getCount();
+        return { items, total };
+    }
+};
+tslib_1.__decorate([
+    type_graphql_1.Query(returns => board_favorite_type_1.BoardFavoriteList, { description: 'To fetch multiple BoardFavorites' }),
+    tslib_1.__param(0, type_graphql_1.Args()),
+    tslib_1.__param(1, type_graphql_1.Ctx()),
+    tslib_1.__metadata("design:type", Function),
+    tslib_1.__metadata("design:paramtypes", [shell_1.ListParam, Object]),
+    tslib_1.__metadata("design:returntype", Promise)
+], BoardFavoriteQuery.prototype, "favoriteBoards", null);
+BoardFavoriteQuery = tslib_1.__decorate([
+    type_graphql_1.Resolver(board_favorite_type_1.BoardFavorite)
+], BoardFavoriteQuery);
+exports.BoardFavoriteQuery = BoardFavoriteQuery;
+//# sourceMappingURL=board-favorite-query.js.map

package/dist-server/service/board-favorite/board-favorite-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-favorite-query.js","sourceRoot":"","sources":["../../../server/service/board-favorite/board-favorite-query.ts"],"names":[],"mappings":";;;;AAAA,+CAAyD;AAEzD,qCAAkC,CAAC,2BAA2B;AAC9D,iEAAqD;AACrD,6CAA4C;AAC5C,uDAAmD;AACnD,iDAA4E;AAE5E,+DAAwE;AAExE,MAAM,SAAS,GAAG,YAAM,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;AAC7C,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAA;AAGpC,IAAa,kBAAkB,GAA/B,MAAa,kBAAkB;IAE7B,KAAK,CAAC,cAAc,CAAS,MAAiB,EAAS,OAAwB;QAC7E,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,KAAK,CAAA;QAE9B,MAAM,YAAY,GAAG,qBAAa,CAAC,qBAAK,CAAC,CAAC,kBAAkB,EAAE,CAAA;QAC9D,kBAAU,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;QAEzC,IAAI,aAAa,GAAG,EAAE,CAAA;QACtB,QAAQ,aAAa,EAAE;YACrB,KAAK,UAAU;gBACb,aAAa,GAAG,8CAA8C,CAAA;gBAC9D,MAAK;YACP,KAAK,QAAQ,CAAC;YACd;gBACE,aAAa,GAAG,6BAA6B,CAAA;SAChD;QAED,IAAI,EAAE,GAAG,YAAY;aAClB,SAAS,CAAC,mBAAQ,EAAE,UAAU,EAAE,aAAa,CAAC;aAC9C,MAAM,CAAC;YACN,gBAAgB;YAChB,oBAAoB;YACpB,kCAAkC;YAClC,8BAA8B;YAC9B,2BAA2B;SAC5B,CAAC;aACD,QAAQ,CAAC,yBAAyB,EAAE;YACnC,MAAM,EAAE,IAAI,CAAC,EAAE;SAChB,CAAC,CAAA;QAEJ,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,UAAU,EAAE,CAAA;QACnC,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAA;QAEjC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;IACzB,CAAC;CACF,CAAA;AAlCC;IADC,oBAAK,CAAC,OAAO,CAAC,EAAE,CAAC,uCAAiB,EAAE,EAAE,WAAW,EAAE,kCAAkC,EAAE,CAAC;IACnE,mBAAA,mBAAI,EAAE,CAAA;IAAqB,mBAAA,kBAAG,EAAE,CAAA;;6CAAjB,iBAAS;;wDAiC7C;AAnCU,kBAAkB;IAD9B,uBAAQ,CAAC,mCAAa,CAAC;GACX,kBAAkB,CAoC9B;AApCY,gDAAkB","sourcesContent":["import { Args, Ctx, Query, Resolver } from 'type-graphql'\n\nimport '@things-factory/auth-base' // for ResolverContext type\nimport { Board } from '@things-factory/board-service'\nimport { config } from '@things-factory/env'\nimport { Favorite } from '@things-factory/fav-base'\nimport { buildQuery, getRepository, ListParam } from '@things-factory/shell'\n\nimport { BoardFavorite, BoardFavoriteList } from './board-favorite-type'\n\nconst ORMCONFIG = config.get('ormconfig', {})\nconst DATABASE_TYPE = ORMCONFIG.type\n\n@Resolver(BoardFavorite)\nexport class BoardFavoriteQuery {\n  @Query(returns => BoardFavoriteList, { description: 'To fetch multiple BoardFavorites' })\n  async favoriteBoards(@Args() params: ListParam, @Ctx() context: ResolverContext): Promise<BoardFavoriteList> {\n    const { user } = context.state\n\n    const queryBuilder = getRepository(Board).createQueryBuilder()\n    buildQuery(queryBuilder, params, context)\n\n    var joinStatement = ''\n    switch (DATABASE_TYPE) {\n      case 'postgres':\n        joinStatement = 'CAST(Board.id as VARCHAR) = Favorite.routing'\n        break\n      case 'sqlite':\n      default:\n        joinStatement = 'Board.id = Favorite.routing'\n    }\n\n    var qb = queryBuilder\n      .innerJoin(Favorite, 'Favorite', joinStatement)\n      .select([\n        'Board.id as id',\n        'Board.name as name',\n        'Board.description as description',\n        'Board.thumbnail as thumbnail',\n        'Favorite.id as favoriteId'\n      ])\n      .andWhere('Favorite.user = :userId', {\n        userId: user.id\n      })\n\n    const items = await qb.getRawMany()\n    const total = await qb.getCount()\n\n    return { items, total }\n  }\n}\n"]}

package/dist-server/service/board-favorite/board-favorite-type.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoardFavoriteList = exports.BoardFavorite = void 0;
+const tslib_1 = require("tslib");
+const type_graphql_1 = require("type-graphql");
+const board_service_1 = require("@things-factory/board-service");
+let BoardFavorite = class BoardFavorite extends board_service_1.Board {
+};
+tslib_1.__decorate([
+    type_graphql_1.Field({ nullable: true }),
+    tslib_1.__metadata("design:type", String)
+], BoardFavorite.prototype, "favoriteId", void 0);
+BoardFavorite = tslib_1.__decorate([
+    type_graphql_1.ObjectType()
+], BoardFavorite);
+exports.BoardFavorite = BoardFavorite;
+let BoardFavoriteList = class BoardFavoriteList {
+};
+tslib_1.__decorate([
+    type_graphql_1.Field(type => [BoardFavorite]),
+    tslib_1.__metadata("design:type", Array)
+], BoardFavoriteList.prototype, "items", void 0);
+tslib_1.__decorate([
+    type_graphql_1.Field(type => type_graphql_1.Int),
+    tslib_1.__metadata("design:type", Number)
+], BoardFavoriteList.prototype, "total", void 0);
+BoardFavoriteList = tslib_1.__decorate([
+    type_graphql_1.ObjectType()
+], BoardFavoriteList);
+exports.BoardFavoriteList = BoardFavoriteList;
+//# sourceMappingURL=board-favorite-type.js.map

package/dist-server/service/board-favorite/board-favorite-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-favorite-type.js","sourceRoot":"","sources":["../../../server/service/board-favorite/board-favorite-type.ts"],"names":[],"mappings":";;;;AAAA,+CAAqD;AAErD,iEAAqD;AAGrD,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,qBAAK;CAGvC,CAAA;AADC;IADC,oBAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;;iDACP;AAFR,aAAa;IADzB,yBAAU,EAAE;GACA,aAAa,CAGzB;AAHY,sCAAa;AAM1B,IAAa,iBAAiB,GAA9B,MAAa,iBAAiB;CAM7B,CAAA;AAJC;IADC,oBAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC;;gDACT;AAGtB;IADC,oBAAK,CAAC,IAAI,CAAC,EAAE,CAAC,kBAAG,CAAC;;gDACN;AALF,iBAAiB;IAD7B,yBAAU,EAAE;GACA,iBAAiB,CAM7B;AANY,8CAAiB","sourcesContent":["import { ObjectType, Field, Int } from 'type-graphql'\n\nimport { Board } from '@things-factory/board-service'\n\n@ObjectType()\nexport class BoardFavorite extends Board {\n  @Field({ nullable: true })\n  favoriteId?: string\n}\n\n@ObjectType()\nexport class BoardFavoriteList {\n  @Field(type => [BoardFavorite])\n  items: BoardFavorite[]\n\n  @Field(type => Int)\n  total: number\n}\n"]}

package/dist-server/service/board-favorite/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolvers = exports.entities = void 0;
+const board_favorite_query_1 = require("./board-favorite-query");
+exports.entities = [];
+exports.resolvers = [board_favorite_query_1.BoardFavoriteQuery];
+//# sourceMappingURL=index.js.map

package/dist-server/service/board-favorite/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../server/service/board-favorite/index.ts"],"names":[],"mappings":";;;AAAA,iEAA2D;AAE9C,QAAA,QAAQ,GAAG,EAAE,CAAA;AACb,QAAA,SAAS,GAAG,CAAC,yCAAkB,CAAC,CAAA","sourcesContent":["import { BoardFavoriteQuery } from './board-favorite-query'\n\nexport const entities = []\nexport const resolvers = [BoardFavoriteQuery]\n"]}

package/dist-server/service/index.js

@@ -0,0 +1,17 @@
+"use strict";
+/* EXPORT ENTITY TYPES */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.schema = exports.entities = void 0;
+/* IMPORT ENTITIES AND RESOLVERS */
+const board_favorite_1 = require("./board-favorite");
+exports.entities = [
+    /* ENTITIES */
+    ...board_favorite_1.entities
+];
+exports.schema = {
+    resolverClasses: [
+        /* RESOLVER CLASSES */
+        ...board_favorite_1.resolvers
+    ]
+};
+//# sourceMappingURL=index.js.map

package/dist-server/service/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/service/index.ts"],"names":[],"mappings":";AAAA,yBAAyB;;;AAEzB,mCAAmC;AACnC,qDAAyG;AAE5F,QAAA,QAAQ,GAAG;IACtB,cAAc;IACd,GAAG,yBAAqB;CACzB,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,eAAe,EAAE;QACf,sBAAsB;QACtB,GAAG,0BAAsB;KAC1B;CACF,CAAA","sourcesContent":["/* EXPORT ENTITY TYPES */\n\n/* IMPORT ENTITIES AND RESOLVERS */\nimport { entities as BoardFavoriteEntities, resolvers as BoardFavoriteResolvers } from './board-favorite'\n\nexport const entities = [\n  /* ENTITIES */\n  ...BoardFavoriteEntities\n]\n\nexport const schema = {\n  resolverClasses: [\n    /* RESOLVER CLASSES */\n    ...BoardFavoriteResolvers\n  ]\n}\n"]}