npm - @things-factory/board-ui - Versions diffs - 9.0.0-beta.71 → 9.0.0-beta.74 - Mend

@things-factory/board-ui 9.0.0-beta.71 → 9.0.0-beta.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist-client/board-list/group-bar-styles.js +1 -0
package/dist-client/board-list/group-bar-styles.js.map +1 -1
package/dist-client/board-list/group-bar.d.ts +2 -0
package/dist-client/board-list/group-bar.js +31 -3
package/dist-client/board-list/group-bar.js.map +1 -1
package/dist-client/graphql/board.js +9 -2
package/dist-client/graphql/board.js.map +1 -1
package/dist-client/pages/board-list-page.d.ts +2 -0
package/dist-client/pages/board-list-page.js +17 -0
package/dist-client/pages/board-list-page.js.map +1 -1
package/dist-client/tsconfig.tsbuildinfo +1 -1
package/dist-client/viewparts/board-basic-info.d.ts +1 -0
package/dist-client/viewparts/board-basic-info.js +46 -6
package/dist-client/viewparts/board-basic-info.js.map +1 -1
package/dist-client/viewparts/board-info-link.js.map +1 -1
package/dist-client/viewparts/board-info.d.ts +1 -0
package/dist-client/viewparts/board-info.js +4 -0
package/dist-client/viewparts/board-info.js.map +1 -1
package/dist-client/viewparts/board-template-builder.js +4 -3
package/dist-client/viewparts/board-template-builder.js.map +1 -1
package/dist-client/viewparts/board-versions.js +10 -2
package/dist-client/viewparts/board-versions.js.map +1 -1
package/dist-client/viewparts/link-builder.js +1 -1
package/dist-client/viewparts/link-builder.js.map +1 -1
package/dist-server/tsconfig.tsbuildinfo +1 -1
package/package.json +2 -2
package/translations/en.json +5 -0
package/translations/ja.json +5 -0
package/translations/ko.json +5 -0
package/translations/ms.json +5 -0
package/translations/zh.json +5 -0

package/dist-client/viewparts/board-basic-info.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ import '@material/web/button/elevated-button.js';
 import '@material/web/chips/chip-set.js';
 import '@material/web/chips/assist-chip.js';
 import '@material/web/chips/filter-chip.js';
+import '@material/web/radio/radio.js';
 import { LitElement } from 'lit';
 declare const BoardInfo_base: (new (...args: any[]) => {
     _storeUnsubscribe: import("redux").Unsubscribe;

package/dist-client/viewparts/board-basic-info.js CHANGED Viewed

@@ -6,6 +6,7 @@ import '@material/web/button/elevated-button.js';
 import '@material/web/chips/chip-set.js';
 import '@material/web/chips/assist-chip.js';
 import '@material/web/chips/filter-chip.js';
+import '@material/web/radio/radio.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
@@ -141,6 +142,41 @@ let BoardInfo = class BoardInfo extends connect(store)(LitElement) {
             ?disabled=${!this.enableModeller}
           ></md-filled-text-field>
+          <div oneline>
+            <label>${i18next.t('label.board-type')}</label>
+            <div role="radiogroup" aria-labelledby="board-type" right>
+              <md-radio
+                id="board-type-main"
+                name="board-type"
+                value="main"
+                ?checked=${board.type === 'main'}
+                @change=${e => (this.board = Object.assign(Object.assign({}, this.board), { type: e.target.value }))}
+                ?disabled=${!this.enableModeller}
+              ></md-radio>
+              <label for="board-type-main">${i18next.t('label.board-type-main')}</label>
+              <md-radio
+                id="board-type-sub"
+                name="board-type"
+                value="sub"
+                ?checked=${board.type === 'sub'}
+                @change=${e => (this.board = Object.assign(Object.assign({}, this.board), { type: e.target.value }))}
+                ?disabled=${!this.enableModeller}
+              ></md-radio>
+              <label for="board-type-sub">${i18next.t('label.board-type-sub')}</label>
+              <md-radio
+                id="board-type-popup"
+                name="board-type"
+                value="popup"
+                ?checked=${board.type === 'popup'}
+                @change=${e => (this.board = Object.assign(Object.assign({}, this.board), { type: e.target.value }))}
+                ?disabled=${!this.enableModeller}
+              ></md-radio>
+              <label for="board-type-popup">${i18next.t('label.board-type-popup')}</label>
+            </div>
+          </div>
           <md-outlined-select
             oneline
             label=${String(i18next.t('label.group'))}
@@ -196,7 +232,7 @@ let BoardInfo = class BoardInfo extends connect(store)(LitElement) {
             <div name title=${(board.creator && board.creator.name) || 'anonymous'}>
               ${(board.creator && board.creator.name) || 'anonymous'}
             </div>
-            <md-icon dim>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}
+            <md-icon dim right>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}
           </div>
           <div oneline>
@@ -205,7 +241,7 @@ let BoardInfo = class BoardInfo extends connect(store)(LitElement) {
             <div name title=${(board.updater && board.updater.name) || 'anonymouse'}>
               ${(board.updater && board.updater.name) || 'anonymouse'}
             </div>
-            <md-icon dim>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}
+            <md-icon dim right>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}
           </div>
           <div oneline>
@@ -276,6 +312,7 @@ let BoardInfo = class BoardInfo extends connect(store)(LitElement) {
                 id
                 name
               }
+              type
               state
               version
               updatedAt
@@ -404,10 +441,10 @@ let BoardInfo = class BoardInfo extends connect(store)(LitElement) {
         }));
     }
     async updateBoard() {
-        const { id, name, description, groupId } = this.board;
+        const { id, name, description, groupId, type } = this.board;
         /* model 정보를 제외하고 업데이트 */
         this.dispatchEvent(new CustomEvent('update-board', {
-            detail: { id, name, description, groupId },
+            detail: { id, name, description, groupId, type },
             bubbles: true,
             composed: true
         }));
@@ -507,10 +544,14 @@ BoardInfo.styles = [
       legend {
         grid-column: span 12;
         padding: var(--legend-padding);
-        color: var(--md-sys-color-primary);
+        color: var(--md-sys-color-on-surface);
         text-transform: capitalize;
       }
+      fieldset:not(:first-of-type) > legend {
+        border-top: 1px solid gray;
+      }
       label {
         text-transform: capitalize;
       }
@@ -522,7 +563,6 @@ BoardInfo.styles = [
       }
       [name] {
-        max-width: 70px;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;

package/dist-client/viewparts/board-basic-info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"board-basic-info.js","sourceRoot":"","sources":["../../client/viewparts/board-basic-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/select/outlined-select'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/assist-chip.js'\nimport '@material/web/chips/filter-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { navigate, store } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\n\n@customElement('board-basic-info')\nexport class BoardInfo extends connect(store)(LitElement) {\n static styles = [\n MDTypeScaleStyles,\n css`\n :host {\n position: relative;\n display: block;\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n\n --md-filled-field-top-space: 12px;\n --md-filled-field-bottom-space: 12px;\n --md-filled-field-leading-space: 12px;\n --md-filled-field-trailing-space: 12px;\n\n --md-outlined-field-top-space: 12px;\n --md-outlined-field-bottom-space: 12px;\n --md-outlined-field-leading-space: 12px;\n --md-outlined-field-trailing-space: 12px;\n }\n\n img {\n object-fit: contain;\n max-width: 100%;\n max-height: 100%;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n }\n\n form {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 10px 0;\n grid-auto-rows: minmax(24px, auto);\n padding: var(--spacing-large);\n align-items: center;\n }\n\n md-outlined-select,\n md-filled-text-field {\n flex: 1;\n padding: 4px 0;\n min-width: unset;\n }\n\n md-chip-set {\n flex: 1;\n display: flex;\n gap: 4px;\n }\n\n fieldset {\n display: contents;\n }\n\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n color: var(--md-sys-color-primary);\n text-transform: capitalize;\n }\n\n label {\n text-transform: capitalize;\n }\n\n md-icon[dim] {\n font-variation-settings: 'FILL' 1;\n --md-icon-size: 14px;\n color: var(--md-sys-color-outline-variant);\n }\n\n [name] {\n max-width: 70px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n [danger] {\n --md-assist-chip-elevated-container-color: var(--md-sys-color-error);\n --md-assist-chip-label-text-color: var(--md-sys-color-on-error);\n --md-assist-chip-leading-icon-color: var(--md-sys-color-on-error);\n }\n\n [fullwidth] {\n grid-column: span 12 / auto;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n [oneline] {\n grid-column: span 12 / auto;\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n }\n\n [oneline] md-filled-text-field,\n [oneline] select {\n flex: 1;\n }\n\n [right] {\n margin-left: auto;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) boardId?: string\n @property({ type: String }) groupId?: string\n\n @state() board: any\n @state() boardGroupList: any[] = []\n @state() playGroupList: any[] = []\n @state() showTarget: boolean = false\n @state() subdomain?: string\n @state() enableModeller?: boolean = false\n\n @state() targetDomains: { id: string; name: string; subdomain: string }[] = []\n @state() targetGroups: { id: string; name: string }[] = []\n @state() targetSubdomain?: string\n @state() targetGroupId?: string\n\n private original: any\n\n render() {\n var board = this.board \|\| { name: '', description: '', playGroups: [] }\n var boardGroupList = this.boardGroupList \|\| []\n var playGroupList = (this.playGroupList \|\| []).map(group => {\n return {\n ...group,\n checked: false\n }\n })\n ;(board.playGroups \|\| []).map(group => {\n var playGroup = playGroupList.find(g => g.id == group.id)\n if (playGroup) {\n playGroup.checked = true\n }\n })\n\n return html`\n ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n <form class=\"md-typescale-body-medium\">\n <fieldset>\n <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.information')}</legend>\n <div oneline>\n <md-filled-text-field\n label=${String(i18next.t('label.name'))}\n type=\"text\"\n .value=${board.name}\n @change=${e => (this.board = { ...this.board, name: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-filled-text-field>\n\n ${this.enableModeller\n ? html`\n <md-icon\n @click=${() => {\n this.showTarget = !this.showTarget\n }}\n tail\n >${this.showTarget ? 'arrow_drop_up' : 'arrow_drop_down'}</md-icon\n >\n `\n : nothing}\n </div>\n ${this.showTarget\n ? html`\n <div fullwidth target>\n <label class=\"md-typescale-label-meium-prominent\">${i18next.t('label.board-copy')}</label>\n <div oneline>\n <md-outlined-select\n label=${String(i18next.t('label.domain'))}\n @change=${e => {\n this.targetSubdomain = e.target.value\n this.getGroupsByDomain(this.targetSubdomain)\n }}\n .value=${this.targetSubdomain \|\| ''}\n ?disabled=${!this.enableModeller}\n >\n <md-select-option aria-label=\"blank\"></md-select-option>\n ${this.targetDomains.map(\n domain => html`\n <md-select-option\n value=${domain.subdomain}\n ?selected=${domain.subdomain == this.targetSubdomain}\n >\n <div slot=\"headline\">${domain.name}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n\n <md-outlined-select\n label=${String(i18next.t('label.group'))}\n @change=${e => (this.targetGroupId = e.target.value)}\n .value=${this.targetGroupId \|\| ''}\n ?disabled=${!this.enableModeller}\n >\n <md-select-option aria-label=\"blank\"></md-select-option>\n ${this.targetGroups.map(\n group => html`\n <md-select-option value=${group.id} ?selected=${group.id == this.targetGroupId}>\n <div slot=\"headline\">${group.name}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n </div>\n\n <md-chip-set oneline>\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.copy'))}\n ?disabled=${!this.enableModeller \|\|\n !this.original?.name \|\|\n !this.board.name \|\|\n !this.targetSubdomain \|\|\n (this.original.name == this.board.name && this.subdomain == this.targetSubdomain)}\n @click=${this.cloneBoard.bind(this)}\n right\n >\n <md-icon slot=\"icon\">content_copy</md-icon>\n </md-assist-chip>\n\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.export'))}\n @click=${this.exportBoard.bind(this)}\n >\n <md-icon slot=\"icon\">download</md-icon>\n </md-assist-chip>\n </md-chip-set>\n </div>\n `\n : nothing}\n\n <md-filled-text-field\n oneline\n label=${String(i18next.t('label.description'))}\n .value=${board.description}\n @change=${e => (this.board = { ...this.board, description: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-filled-text-field>\n\n <md-outlined-select\n oneline\n label=${String(i18next.t('label.group'))}\n @change=${e => (this.board = { ...this.board, groupId: e.target.value })}\n .value=${this.groupId \|\| ''}\n .displayText=${boardGroupList?.find(item => item.id == this.groupId)?.name}\n ?disabled=${!this.enableModeller}\n >\n <md-select-option aria-label=\"blank\"></md-select-option>\n ${boardGroupList.map(\n item => html`\n <md-select-option value=${item.id} ?selected=${item.id == this.groupId}>\n <div slot=\"headline\">${item.name}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n\n <md-chip-set oneline>\n <md-assist-chip\n danger\n elevated\n ?disabled=${!this.enableModeller}\n label=${String(i18next.t('button.delete'))}\n @click=${this.deleteBoard.bind(this)}\n >\n <md-icon slot=\"icon\">delete_outline</md-icon>\n </md-assist-chip>\n\n <md-assist-chip\n elevated\n ?disabled=${!this.enableModeller}\n label=${String(i18next.t('button.save'))}\n @click=${this.updateBoard.bind(this)}\n right\n >\n <md-icon slot=\"icon\">save</md-icon>\n </md-assist-chip>\n <md-assist-chip\n elevated\n ?disabled=${!this.enableModeller}\n label=${String(i18next.t('button.edit'))}\n @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n >\n <md-icon slot=\"icon\">drive_file_rename_outline</md-icon>\n </md-assist-chip>\n </md-chip-set>\n </fieldset>\n\n <fieldset>\n <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.status')}</legend>\n <div oneline>\n <label class=\"md-typescale-label-meium\">${i18next.t('label.creator')}</label>\n <md-icon dim>person</md-icon>\n <div name title=${(board.creator && board.creator.name) \|\| 'anonymous'}>\n ${(board.creator && board.creator.name) \|\| 'anonymous'}\n </div>\n <md-icon dim>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}\n </div>\n\n <div oneline>\n <label class=\"md-typescale-label-meium\">${i18next.t('label.updater')}</label>\n <md-icon dim>person</md-icon>\n <div name title=${(board.updater && board.updater.name) \|\| 'anonymouse'}>\n ${(board.updater && board.updater.name) \|\| 'anonymouse'}\n </div>\n <md-icon dim>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}\n </div>\n\n <div oneline>\n <label class=\"md-typescale-label-meium\">${i18next.t('label.state')}</label>\n <md-icon dim>signpost</md-icon> ${(board.state \|\| '').toUpperCase()}\n <md-icon dim>pin</md-icon> ${board.version}\n <md-chip-set>\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.release'))}\n ?disabled=${!this.enableModeller \|\| !this.isReleasable}\n @click=${this.releaseBoard.bind(this)}\n right\n >\n <md-icon slot=\"icon\">new_releases</md-icon>\n </md-assist-chip>\n </md-chip-set>\n </div>\n </fieldset>\n\n <fieldset>\n <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.play-group')}</legend>\n <md-chip-set oneline>\n ${playGroupList.map(\n item => html`\n <md-filter-chip\n label=${item.name}\n ?selected=${item.checked}\n @click=${e => {\n e.target.selected ? this.joinPlayGroup(item) : this.leavePlayGroup(item)\n }}\n ></md-filter-chip>\n `\n )}\n </md-chip-set>\n </fieldset>\n </form>\n `\n }\n\n stateChanged(state) {\n this.subdomain = state.app?.domain?.subdomain\n this.targetSubdomain = this.targetSubdomain ?? this.subdomain\n }\n\n async firstUpdated() {\n this.enableModeller = await hasPrivilege({ privilege: 'mutation', category: 'board' })\n\n this.refresh()\n }\n\n async refresh() {\n var response = (\n await client.query({\n query: gql`\n query FetchBoardById($id: String!) {\n board(id: $id) {\n id\n name\n description\n model\n group {\n id\n name\n }\n playGroups {\n id\n name\n }\n thumbnail\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 groups {\n items {\n id\n name\n description\n }\n }\n\n playGroups {\n items {\n id\n name\n description\n }\n total\n }\n\n domainsWithPrivilege(privilege: \"mutation\", category: \"board\") {\n name\n subdomain\n }\n }\n `,\n variables: { id: this.boardId }\n })\n ).data\n\n this.board = response.board\n this.boardGroupList = response.groups.items\n this.playGroupList = response.playGroups.items\n\n this.original = { ...this.board }\n\n this.groupId = this.board.group?.id\n\n this.targetDomains = response.domainsWithPrivilege\n this.targetGroups = response.groups.items\n this.targetGroupId = this.groupId\n }\n\n async getGroupsByDomain(subdomain?: string) {\n this.targetGroups = []\n this.targetGroupId = ''\n\n if (!subdomain) {\n return\n }\n\n var response = (\n await client.query({\n query: gql`\n query {\n groups {\n items {\n id\n name\n description\n }\n }\n }\n `,\n variables: { id: this.boardId },\n context: {\n headers: {\n 'x-things-factory-domain': subdomain\n }\n }\n })\n ).data\n\n this.targetGroups = response.groups.items\n }\n\n get isReleasable() {\n if (!this.board \|\| this.board.state == 'released') {\n return false\n }\n\n const { name, description, groupId } = this.board\n\n return (\n this.original &&\n this.original.name == name &&\n this.original.description == description &&\n this.original.groupId == groupId\n )\n }\n\n async cloneBoard() {\n if (!this.original.name \|\| (this.board.name == this.original.name && this.subdomain == this.targetSubdomain)) {\n document.dispatchEvent(\n new CustomEvent('notify', {\n detail: {\n level: 'error',\n message: i18next.t('error.name must be unique from the original board', { name: this.original.name })\n }\n })\n )\n\n return\n }\n\n const { id, name, description } = this.board\n\n this.dispatchEvent(\n new CustomEvent('clone-board', {\n detail: {\n id,\n name,\n description,\n targetSubdomain: this.targetSubdomain,\n targetGroupId: this.targetGroupId\n },\n bubbles: true,\n composed: true\n })\n )\n\n this.close()\n }\n\n async exportBoard() {\n const board = { ...this.board, model: JSON.parse(this.board.model) }\n\n const json = JSON.stringify(board, null, 2)\n const blob = new Blob([json], { type: 'application/json;charset=utf-8' })\n\n const blobUrl = URL.createObjectURL(blob)\n\n const link = document.createElement('a')\n link.href = blobUrl\n link.download = `${board.name}.json`\n\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n\n URL.revokeObjectURL(blobUrl)\n }\n\n async releaseBoard() {\n const { id } = this.board\n\n this.dispatchEvent(\n new CustomEvent('release-board', {\n detail: {\n id\n },\n bubbles: true,\n composed: true\n })\n )\n }\n\n async updateBoard() {\n const { id, name, description, groupId } = this.board\n /* model 정보를 제외하고 업데이트 */\n\n this.dispatchEvent(\n new CustomEvent('update-board', {\n detail: { id, name, description, groupId },\n bubbles: true,\n composed: true\n })\n )\n }\n\n async deleteBoard() {\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n this.dispatchEvent(\n new CustomEvent('delete-board', {\n detail: this.board,\n bubbles: true,\n composed: true\n })\n )\n\n this.close()\n }\n }\n\n async joinPlayGroup(group) {\n this.dispatchEvent(\n new CustomEvent('join-playgroup', {\n detail: {\n board: this.board,\n playGroup: group\n },\n bubbles: true,\n composed: true\n })\n )\n }\n\n async leavePlayGroup(group) {\n this.dispatchEvent(\n new CustomEvent('leave-playgroup', {\n detail: {\n board: this.board,\n playGroup: group\n },\n bubbles: true,\n composed: true\n })\n )\n }\n\n close() {\n history.back()\n }\n}\n"]}
1	+ {"version":3,"file":"board-basic-info.js","sourceRoot":"","sources":["../../client/viewparts/board-basic-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/select/outlined-select'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/assist-chip.js'\nimport '@material/web/chips/filter-chip.js'\nimport '@material/web/radio/radio.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { navigate, store } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\n\n@customElement('board-basic-info')\nexport class BoardInfo extends connect(store)(LitElement) {\n static styles = [\n MDTypeScaleStyles,\n css`\n :host {\n position: relative;\n display: block;\n background-color: var(--md-sys-color-surface);\n color: var(--md-sys-color-on-surface);\n\n --md-filled-field-top-space: 12px;\n --md-filled-field-bottom-space: 12px;\n --md-filled-field-leading-space: 12px;\n --md-filled-field-trailing-space: 12px;\n\n --md-outlined-field-top-space: 12px;\n --md-outlined-field-bottom-space: 12px;\n --md-outlined-field-leading-space: 12px;\n --md-outlined-field-trailing-space: 12px;\n }\n\n img {\n object-fit: contain;\n max-width: 100%;\n max-height: 100%;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n }\n\n form {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: 10px 0;\n grid-auto-rows: minmax(24px, auto);\n padding: var(--spacing-large);\n align-items: center;\n }\n\n md-outlined-select,\n md-filled-text-field {\n flex: 1;\n padding: 4px 0;\n min-width: unset;\n }\n\n md-chip-set {\n flex: 1;\n display: flex;\n gap: 4px;\n }\n\n fieldset {\n display: contents;\n }\n\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n color: var(--md-sys-color-on-surface);\n text-transform: capitalize;\n }\n\n fieldset:not(:first-of-type) > legend {\n border-top: 1px solid gray;\n }\n\n label {\n text-transform: capitalize;\n }\n\n md-icon[dim] {\n font-variation-settings: 'FILL' 1;\n --md-icon-size: 14px;\n color: var(--md-sys-color-outline-variant);\n }\n\n [name] {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n [danger] {\n --md-assist-chip-elevated-container-color: var(--md-sys-color-error);\n --md-assist-chip-label-text-color: var(--md-sys-color-on-error);\n --md-assist-chip-leading-icon-color: var(--md-sys-color-on-error);\n }\n\n [fullwidth] {\n grid-column: span 12 / auto;\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n [oneline] {\n grid-column: span 12 / auto;\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n }\n\n [oneline] md-filled-text-field,\n [oneline] select {\n flex: 1;\n }\n\n [right] {\n margin-left: auto;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) boardId?: string\n @property({ type: String }) groupId?: string\n\n @state() board: any\n @state() boardGroupList: any[] = []\n @state() playGroupList: any[] = []\n @state() showTarget: boolean = false\n @state() subdomain?: string\n @state() enableModeller?: boolean = false\n\n @state() targetDomains: { id: string; name: string; subdomain: string }[] = []\n @state() targetGroups: { id: string; name: string }[] = []\n @state() targetSubdomain?: string\n @state() targetGroupId?: string\n\n private original: any\n\n render() {\n var board = this.board \|\| { name: '', description: '', playGroups: [] }\n var boardGroupList = this.boardGroupList \|\| []\n var playGroupList = (this.playGroupList \|\| []).map(group => {\n return {\n ...group,\n checked: false\n }\n })\n ;(board.playGroups \|\| []).map(group => {\n var playGroup = playGroupList.find(g => g.id == group.id)\n if (playGroup) {\n playGroup.checked = true\n }\n })\n\n return html`\n ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n <form class=\"md-typescale-body-medium\">\n <fieldset>\n <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.information')}</legend>\n <div oneline>\n <md-filled-text-field\n label=${String(i18next.t('label.name'))}\n type=\"text\"\n .value=${board.name}\n @change=${e => (this.board = { ...this.board, name: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-filled-text-field>\n\n ${this.enableModeller\n ? html`\n <md-icon\n @click=${() => {\n this.showTarget = !this.showTarget\n }}\n tail\n >${this.showTarget ? 'arrow_drop_up' : 'arrow_drop_down'}</md-icon\n >\n `\n : nothing}\n </div>\n ${this.showTarget\n ? html`\n <div fullwidth target>\n <label class=\"md-typescale-label-meium-prominent\">${i18next.t('label.board-copy')}</label>\n <div oneline>\n <md-outlined-select\n label=${String(i18next.t('label.domain'))}\n @change=${e => {\n this.targetSubdomain = e.target.value\n this.getGroupsByDomain(this.targetSubdomain)\n }}\n .value=${this.targetSubdomain \|\| ''}\n ?disabled=${!this.enableModeller}\n >\n <md-select-option aria-label=\"blank\"></md-select-option>\n ${this.targetDomains.map(\n domain => html`\n <md-select-option\n value=${domain.subdomain}\n ?selected=${domain.subdomain == this.targetSubdomain}\n >\n <div slot=\"headline\">${domain.name}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n\n <md-outlined-select\n label=${String(i18next.t('label.group'))}\n @change=${e => (this.targetGroupId = e.target.value)}\n .value=${this.targetGroupId \|\| ''}\n ?disabled=${!this.enableModeller}\n >\n <md-select-option aria-label=\"blank\"></md-select-option>\n ${this.targetGroups.map(\n group => html`\n <md-select-option value=${group.id} ?selected=${group.id == this.targetGroupId}>\n <div slot=\"headline\">${group.name}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n </div>\n\n <md-chip-set oneline>\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.copy'))}\n ?disabled=${!this.enableModeller \|\|\n !this.original?.name \|\|\n !this.board.name \|\|\n !this.targetSubdomain \|\|\n (this.original.name == this.board.name && this.subdomain == this.targetSubdomain)}\n @click=${this.cloneBoard.bind(this)}\n right\n >\n <md-icon slot=\"icon\">content_copy</md-icon>\n </md-assist-chip>\n\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.export'))}\n @click=${this.exportBoard.bind(this)}\n >\n <md-icon slot=\"icon\">download</md-icon>\n </md-assist-chip>\n </md-chip-set>\n </div>\n `\n : nothing}\n\n <md-filled-text-field\n oneline\n label=${String(i18next.t('label.description'))}\n .value=${board.description}\n @change=${e => (this.board = { ...this.board, description: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-filled-text-field>\n\n <div oneline>\n <label>${i18next.t('label.board-type')}</label>\n <div role=\"radiogroup\" aria-labelledby=\"board-type\" right>\n <md-radio\n id=\"board-type-main\"\n name=\"board-type\"\n value=\"main\"\n ?checked=${board.type === 'main'}\n @change=${e => (this.board = { ...this.board, type: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-radio>\n <label for=\"board-type-main\">${i18next.t('label.board-type-main')}</label>\n\n <md-radio\n id=\"board-type-sub\"\n name=\"board-type\"\n value=\"sub\"\n ?checked=${board.type === 'sub'}\n @change=${e => (this.board = { ...this.board, type: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-radio>\n <label for=\"board-type-sub\">${i18next.t('label.board-type-sub')}</label>\n\n <md-radio\n id=\"board-type-popup\"\n name=\"board-type\"\n value=\"popup\"\n ?checked=${board.type === 'popup'}\n @change=${e => (this.board = { ...this.board, type: e.target.value })}\n ?disabled=${!this.enableModeller}\n ></md-radio>\n <label for=\"board-type-popup\">${i18next.t('label.board-type-popup')}</label>\n </div>\n </div>\n\n <md-outlined-select\n oneline\n label=${String(i18next.t('label.group'))}\n @change=${e => (this.board = { ...this.board, groupId: e.target.value })}\n .value=${this.groupId \|\| ''}\n .displayText=${boardGroupList?.find(item => item.id == this.groupId)?.name}\n ?disabled=${!this.enableModeller}\n >\n <md-select-option aria-label=\"blank\"></md-select-option>\n ${boardGroupList.map(\n item => html`\n <md-select-option value=${item.id} ?selected=${item.id == this.groupId}>\n <div slot=\"headline\">${item.name}</div>\n </md-select-option>\n `\n )}\n </md-outlined-select>\n\n <md-chip-set oneline>\n <md-assist-chip\n danger\n elevated\n ?disabled=${!this.enableModeller}\n label=${String(i18next.t('button.delete'))}\n @click=${this.deleteBoard.bind(this)}\n >\n <md-icon slot=\"icon\">delete_outline</md-icon>\n </md-assist-chip>\n\n <md-assist-chip\n elevated\n ?disabled=${!this.enableModeller}\n label=${String(i18next.t('button.save'))}\n @click=${this.updateBoard.bind(this)}\n right\n >\n <md-icon slot=\"icon\">save</md-icon>\n </md-assist-chip>\n <md-assist-chip\n elevated\n ?disabled=${!this.enableModeller}\n label=${String(i18next.t('button.edit'))}\n @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n >\n <md-icon slot=\"icon\">drive_file_rename_outline</md-icon>\n </md-assist-chip>\n </md-chip-set>\n </fieldset>\n\n <fieldset>\n <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.status')}</legend>\n <div oneline>\n <label class=\"md-typescale-label-meium\">${i18next.t('label.creator')}</label>\n <md-icon dim>person</md-icon>\n <div name title=${(board.creator && board.creator.name) \|\| 'anonymous'}>\n ${(board.creator && board.creator.name) \|\| 'anonymous'}\n </div>\n <md-icon dim right>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}\n </div>\n\n <div oneline>\n <label class=\"md-typescale-label-meium\">${i18next.t('label.updater')}</label>\n <md-icon dim>person</md-icon>\n <div name title=${(board.updater && board.updater.name) \|\| 'anonymouse'}>\n ${(board.updater && board.updater.name) \|\| 'anonymouse'}\n </div>\n <md-icon dim right>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}\n </div>\n\n <div oneline>\n <label class=\"md-typescale-label-meium\">${i18next.t('label.state')}</label>\n <md-icon dim>signpost</md-icon> ${(board.state \|\| '').toUpperCase()}\n <md-icon dim>pin</md-icon> ${board.version}\n <md-chip-set>\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.release'))}\n ?disabled=${!this.enableModeller \|\| !this.isReleasable}\n @click=${this.releaseBoard.bind(this)}\n right\n >\n <md-icon slot=\"icon\">new_releases</md-icon>\n </md-assist-chip>\n </md-chip-set>\n </div>\n </fieldset>\n\n <fieldset>\n <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.play-group')}</legend>\n <md-chip-set oneline>\n ${playGroupList.map(\n item => html`\n <md-filter-chip\n label=${item.name}\n ?selected=${item.checked}\n @click=${e => {\n e.target.selected ? this.joinPlayGroup(item) : this.leavePlayGroup(item)\n }}\n ></md-filter-chip>\n `\n )}\n </md-chip-set>\n </fieldset>\n </form>\n `\n }\n\n stateChanged(state) {\n this.subdomain = state.app?.domain?.subdomain\n this.targetSubdomain = this.targetSubdomain ?? this.subdomain\n }\n\n async firstUpdated() {\n this.enableModeller = await hasPrivilege({ privilege: 'mutation', category: 'board' })\n\n this.refresh()\n }\n\n async refresh() {\n var response = (\n await client.query({\n query: gql`\n query FetchBoardById($id: String!) {\n board(id: $id) {\n id\n name\n description\n model\n group {\n id\n name\n }\n playGroups {\n id\n name\n }\n thumbnail\n createdAt\n creator {\n id\n name\n }\n type\n state\n version\n updatedAt\n updater {\n id\n name\n }\n }\n\n groups {\n items {\n id\n name\n description\n }\n }\n\n playGroups {\n items {\n id\n name\n description\n }\n total\n }\n\n domainsWithPrivilege(privilege: \"mutation\", category: \"board\") {\n name\n subdomain\n }\n }\n `,\n variables: { id: this.boardId }\n })\n ).data\n\n this.board = response.board\n this.boardGroupList = response.groups.items\n this.playGroupList = response.playGroups.items\n\n this.original = { ...this.board }\n\n this.groupId = this.board.group?.id\n\n this.targetDomains = response.domainsWithPrivilege\n this.targetGroups = response.groups.items\n this.targetGroupId = this.groupId\n }\n\n async getGroupsByDomain(subdomain?: string) {\n this.targetGroups = []\n this.targetGroupId = ''\n\n if (!subdomain) {\n return\n }\n\n var response = (\n await client.query({\n query: gql`\n query {\n groups {\n items {\n id\n name\n description\n }\n }\n }\n `,\n variables: { id: this.boardId },\n context: {\n headers: {\n 'x-things-factory-domain': subdomain\n }\n }\n })\n ).data\n\n this.targetGroups = response.groups.items\n }\n\n get isReleasable() {\n if (!this.board \|\| this.board.state == 'released') {\n return false\n }\n\n const { name, description, groupId } = this.board\n\n return (\n this.original &&\n this.original.name == name &&\n this.original.description == description &&\n this.original.groupId == groupId\n )\n }\n\n async cloneBoard() {\n if (!this.original.name \|\| (this.board.name == this.original.name && this.subdomain == this.targetSubdomain)) {\n document.dispatchEvent(\n new CustomEvent('notify', {\n detail: {\n level: 'error',\n message: i18next.t('error.name must be unique from the original board', { name: this.original.name })\n }\n })\n )\n\n return\n }\n\n const { id, name, description } = this.board\n\n this.dispatchEvent(\n new CustomEvent('clone-board', {\n detail: {\n id,\n name,\n description,\n targetSubdomain: this.targetSubdomain,\n targetGroupId: this.targetGroupId\n },\n bubbles: true,\n composed: true\n })\n )\n\n this.close()\n }\n\n async exportBoard() {\n const board = { ...this.board, model: JSON.parse(this.board.model) }\n\n const json = JSON.stringify(board, null, 2)\n const blob = new Blob([json], { type: 'application/json;charset=utf-8' })\n\n const blobUrl = URL.createObjectURL(blob)\n\n const link = document.createElement('a')\n link.href = blobUrl\n link.download = `${board.name}.json`\n\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n\n URL.revokeObjectURL(blobUrl)\n }\n\n async releaseBoard() {\n const { id } = this.board\n\n this.dispatchEvent(\n new CustomEvent('release-board', {\n detail: {\n id\n },\n bubbles: true,\n composed: true\n })\n )\n }\n\n async updateBoard() {\n const { id, name, description, groupId, type } = this.board\n /* model 정보를 제외하고 업데이트 */\n\n this.dispatchEvent(\n new CustomEvent('update-board', {\n detail: { id, name, description, groupId, type },\n bubbles: true,\n composed: true\n })\n )\n }\n\n async deleteBoard() {\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n this.dispatchEvent(\n new CustomEvent('delete-board', {\n detail: this.board,\n bubbles: true,\n composed: true\n })\n )\n\n this.close()\n }\n }\n\n async joinPlayGroup(group) {\n this.dispatchEvent(\n new CustomEvent('join-playgroup', {\n detail: {\n board: this.board,\n playGroup: group\n },\n bubbles: true,\n composed: true\n })\n )\n }\n\n async leavePlayGroup(group) {\n this.dispatchEvent(\n new CustomEvent('leave-playgroup', {\n detail: {\n board: this.board,\n playGroup: group\n },\n bubbles: true,\n composed: true\n })\n )\n }\n\n close() {\n history.back()\n }\n}\n"]}

package/dist-client/viewparts/board-info-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"board-info-link.js","sourceRoot":"","sources":["../../client/viewparts/board-info-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;~~AAIlE~~,OAAO,mBAAmB,CAAA;AAC1B,OAAO,6BAA6B,CAAA;AAG7B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAmC3C,MAAM;;QACJ,OAAO,IAAI,CAAA;;;oBAGK,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,KAAI,EAAE;sBAClB,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,KAAI,EAAE;;;uCAGL,IAAI,CAAC,KAAK;KAC5C,CAAA;IACH,CAAC;;AA5CM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BF;CACF,AA9BY,CA8BZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAA0D;AAjC1E,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8CzB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\~~nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { i18next } from '@operato/i18n'\~~n\nimport './link-builder.js'\nimport './board-template-builder.js'\n\n@customElement('board-info-link')\nexport class BoardInfoLink extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-surface);\n position: relative;\n text-align: center;\n color: var(--label-color, var(--md-sys-color-on-surface));\n font: var(--label-font);\n\n overflow-y: auto;\n }\n\n link-builder {\n flex: 1;\n text-align: start;\n }\n\n board-template-builder {\n flex: 1;\n text-align: start;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n render() {\n return html`\n <link-builder\n command=\"headless-full\"\n target-id=${this.board?.id \|\| ''}\n target-name=${this.board?.name \|\| ''}\n ></link-builder>\n\n <board-template-builder .board=${this.board}> </board-template-builder>\n `\n }\n}\n"]}
1	+ {"version":3,"file":"board-info-link.js","sourceRoot":"","sources":["../../client/viewparts/board-info-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,mBAAmB,CAAA;AAC1B,OAAO,6BAA6B,CAAA;AAG7B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAmC3C,MAAM;;QACJ,OAAO,IAAI,CAAA;;;oBAGK,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,KAAI,EAAE;sBAClB,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,KAAI,EAAE;;;uCAGL,IAAI,CAAC,KAAK;KAC5C,CAAA;IACH,CAAC;;AA5CM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BF;CACF,AA9BY,CA8BZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAA0D;AAjC1E,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8CzB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport './link-builder.js'\nimport './board-template-builder.js'\n\n@customElement('board-info-link')\nexport class BoardInfoLink extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-surface);\n position: relative;\n text-align: center;\n color: var(--label-color, var(--md-sys-color-on-surface));\n font: var(--label-font);\n\n overflow-y: auto;\n }\n\n link-builder {\n flex: 1;\n text-align: start;\n }\n\n board-template-builder {\n flex: 1;\n text-align: start;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n render() {\n return html`\n <link-builder\n command=\"headless-full\"\n target-id=${this.board?.id \|\| ''}\n target-name=${this.board?.name \|\| ''}\n ></link-builder>\n\n <board-template-builder .board=${this.board}> </board-template-builder>\n `\n }\n}\n"]}

package/dist-client/viewparts/board-info.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export declare class BoardInfo extends LitElement {
     board?: {
         id: string;
         name: string;
+        description: string;
     };
     tab: string;
     render(): import("lit-html").TemplateResult<1>;

package/dist-client/viewparts/board-info.js CHANGED Viewed

@@ -59,6 +59,10 @@ BoardInfo.styles = [
         overflow-y: auto;
       }
+      board-versions {
+        height: 100%;
+      }
       span {
         padding: 5px 4px 1px;
         font: var(--group-bar-textbutton);

package/dist-client/viewparts/board-info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"board-info.js","sourceRoot":"","sources":["../../client/viewparts/board-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAGtB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;~~QAmDI~~,QAAG,GAAW,OAAO,CAAA;IAsBhC,CAAC;IApBC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uBAEQ,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;uBACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,UAAU;uBAC/D,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,MAAM;;;UAGpE,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,6BAA6B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,sBAAsB;YAClF,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU;gBACtB,CAAC,CAAC,IAAI,CAAA,2BAA2B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,oBAAoB;gBAC9E,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,KAAK,qBAAqB;;KAEvE,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;~~AAvEM~~,gBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF~~;CACF,~~AA9CY~~,~~CA8CZ~~;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;~~wCAAqC~~;~~AAEvD~~;IAAR,KAAK,EAAE;;sCAAsB;~~AAnDnB~~,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,~~CAyErB~~","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './board-basic-info.js'\nimport './board-versions.js'\nimport './board-info-link.js'\n\n@customElement('board-info')\nexport class BoardInfo extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n height: 100%;\n min-width: 360px;\n\n display: flex;\n flex-direction: column;\n position: relative;\n background-color: var(--md-sys-color-surface);\n }\n\n [tab] {\n width: 100%;\n display: flex;\n }\n\n [tab] > * {\n flex: 1;\n }\n\n [content] {\n flex: 1;\n overflow-y: auto;\n }\n\n span {\n padding: 5px 4px 1px;\n font: var(--group-bar-textbutton);\n background-color: var(--md-sys-color-secondary);\n color: rgba(255, 255, 255, 0.8);\n text-align: center;\n text-transform: uppercase;\n }\n\n span[active] {\n background-color: var(--md-sys-color-primary);\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: Object }) board?: { id: string; name: string }\n\n @state() tab: string = 'basic'\n\n render() {\n return html`\n <div tab>\n <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n <span @click=${() => (this.tab = 'versions')} ?active=${this.tab == 'versions'}>versions</span>\n <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>\n </div>\n <div content>\n ${this.tab == 'basic'\n ? html`<board-basic-info boardId=${ifDefined(this.board?.id)}></board-basic-info>`\n : this.tab == 'versions'\n ? html`<board-versions boardId=${ifDefined(this.board?.id)}></board-versions>`\n : html`<board-info-link .board=${this.board}></board-info-link>`}\n </div>\n `\n }\n\n close() {\n history.back()\n }\n}\n"]}
1	+ {"version":3,"file":"board-info.js","sourceRoot":"","sources":["../../client/viewparts/board-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAGtB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAuDI,QAAG,GAAW,OAAO,CAAA;IAsBhC,CAAC;IApBC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uBAEQ,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;uBACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,UAAU;uBAC/D,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,MAAM;;;UAGpE,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,6BAA6B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,sBAAsB;YAClF,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU;gBACtB,CAAC,CAAC,IAAI,CAAA,2BAA2B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,oBAAoB;gBAC9E,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,KAAK,qBAAqB;;KAEvE,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AA3EM,gBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+CF;CACF,AAlDY,CAkDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCAA0D;AAE5E;IAAR,KAAK,EAAE;;sCAAsB;AAvDnB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA6ErB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './board-basic-info.js'\nimport './board-versions.js'\nimport './board-info-link.js'\n\n@customElement('board-info')\nexport class BoardInfo extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n height: 100%;\n min-width: 360px;\n\n display: flex;\n flex-direction: column;\n position: relative;\n background-color: var(--md-sys-color-surface);\n }\n\n [tab] {\n width: 100%;\n display: flex;\n }\n\n [tab] > * {\n flex: 1;\n }\n\n [content] {\n flex: 1;\n overflow-y: auto;\n }\n\n board-versions {\n height: 100%;\n }\n\n span {\n padding: 5px 4px 1px;\n font: var(--group-bar-textbutton);\n background-color: var(--md-sys-color-secondary);\n color: rgba(255, 255, 255, 0.8);\n text-align: center;\n text-transform: uppercase;\n }\n\n span[active] {\n background-color: var(--md-sys-color-primary);\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n @state() tab: string = 'basic'\n\n render() {\n return html`\n <div tab>\n <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n <span @click=${() => (this.tab = 'versions')} ?active=${this.tab == 'versions'}>versions</span>\n <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>\n </div>\n <div content>\n ${this.tab == 'basic'\n ? html`<board-basic-info boardId=${ifDefined(this.board?.id)}></board-basic-info>`\n : this.tab == 'versions'\n ? html`<board-versions boardId=${ifDefined(this.board?.id)}></board-versions>`\n : html`<board-info-link .board=${this.board}></board-info-link>`}\n </div>\n `\n }\n\n close() {\n history.back()\n }\n}\n"]}

package/dist-client/viewparts/board-template-builder.js CHANGED Viewed

@@ -31,7 +31,7 @@ let BoardTemplateBuilder = class BoardTemplateBuilder extends LitElement {
         <label for="description">${i18next.t('field.description')}</label>
         <textarea
           id="description"
-          .value=${this.description}
+          .value=${this.description || ''}
           @change=${e => (this.description = e.target.value)}
         ></textarea>
@@ -39,7 +39,7 @@ let BoardTemplateBuilder = class BoardTemplateBuilder extends LitElement {
         <select
           @change=${e => (this.visibility = e.target.value)}
           placeholder="choose visibility ..."
-          .value=${this.visibility}
+          .value=${this.visibility || 'private'}
         >
           <option value="private">${i18next.t('label.visibility-private')}</option>
           ${domain ? html ` <option value="domain">${i18next.t('label.visibility-domain')}</option> ` : nothing}
@@ -86,11 +86,12 @@ BoardTemplateBuilder.styles = [
       div[template] {
         display: grid;
         position: relative;
+        border-top: 1px solid var(--md-sys-color-primary);
       }
       label {
         font: var(--label-font);
-        color: var(--label-color, var(--md-sys-color-on-surface));
+        color: var(--md-sys-color-on-surface);
         text-transform: capitalize;
       }

package/dist-client/viewparts/board-template-builder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"board-template-builder.js","sourceRoot":"","sources":["../../client/viewparts/board-template-builder.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAG/C,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;~~QAuDI~~,eAAU,GAAY,SAAS,CAAA;QAC/B,SAAI,GAAY,EAAE,CAAA;QAClB,gBAAW,GAAY,EAAE,CAAA;IAiEpC,CAAC;IA/DC,MAAM;;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,CAAA,IAAI,EAAE,CAAA;QAChD,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,CAAA,IAAI,EAAE,CAAA;QACrE,MAAM,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAExD,OAAO,IAAI,CAAA;;;;;;;4BAOa,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;8CACL,IAAI,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;mCAE5D,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;;;mBAG9C,IAAI,CAAC,WAAW;~~oBACf~~,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;iBAG3C,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC;;oBAE1B,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;mBAExC,IAAI,CAAC,UAAU;;~~oCAEE~~,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC;YAC7D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO;mCAC3E,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC;;;yBAG9C,IAAI,CAAC,uBAAuB,IAAI,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;;KAEvF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,uBAAuB;;QAC3B,IACE,MAAM,QAAQ,CAAC,IAAI,CAAC;YAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;YACrC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,CAAC;YAC7E,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE;YACpD,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;SACnD,CAAC,EACF,CAAC;YACD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;YAE/B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;gBACnC,MAAM,EAAE;oBACN,EAAE;oBACF,IAAI,EAAE,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,CAAA;oBACnC,WAAW,EAAE,IAAI,CAAC,WAAW,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,CAAA;oBACxD,UAAU,EAAE,IAAI,CAAC,UAAU;iBAC5B;gBACD,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAA;QACH,CAAC;IACH,CAAC;;~~AAxHM~~,2BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+CF~~;CACF,~~AAlDY~~,~~CAkDZ~~;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAA0D;AAE5E;IAAR,KAAK,EAAE;;wDAAgC;AAC/B;IAAR,KAAK,EAAE;;kDAAmB;AAClB;IAAR,KAAK,EAAE;;yDAA0B;~~AAzDvB~~,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,~~CA0HhC~~","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\nimport { getPathInfo } from '@operato/utils'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('board-template-builder')\nexport class BoardTemplateBuilder extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n padding: var(--spacing-large);\n\n /* for narrow mode */\n flex-direction: column;\n }\n\n div[template] {\n display: grid;\n position: relative;\n }\n\n label {\n font: var(--label-font);\n color: var(--~~label-color, var(--~~md-sys-color-on-surface));\n text-transform: capitalize;\n }\n\n input,\n select,\n textarea {\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n margin: var(--input-margin);\n padding: var(--input-padding);\n font: var(--input-font);\n flex: 1 1 0%;\n }\n\n textarea {\n min-height: 132px;\n resize: none;\n }\n\n select:focus,\n input:focus,\n textarea:focus,\n button {\n outline: none;\n }\n\n button:hover {\n border: var(--button-activ-border);\n box-shadow: var(--button-active-box-shadow);\n }\n `\n ]\n\n @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n @state() visibility?: string = 'private'\n @state() name?: string = ''\n @state() description?: string = ''\n\n render() {\n const name = this.name \|\| this.board?.name \|\| ''\n const description = this.description \|\| this.board?.description \|\| ''\n const { domain } = getPathInfo(window.location.pathname)\n\n return html`\n <div template>\n <h3>\n <ox-title-with-help topic=\"board-service/board-template\" msgid=\"label.board-template\"\n >board template</ox-title-with-help\n >\n </h3>\n <label for=\"name\">${i18next.t('field.name')}</label>\n <input id=\"name\" type=\"text\" .value=${name} @change=${e => (this.name = e.target.value)} />\n\n <label for=\"description\">${i18next.t('field.description')}</label>\n <textarea\n id=\"description\"\n .value=${this.description}\n @change=${e => (this.description = e.target.value)}\n ></textarea>\n\n <label>${i18next.t('field.visibility')}</label>\n <select\n @change=${e => (this.visibility = e.target.value)}\n placeholder=\"choose visibility ...\"\n .value=${this.visibility}\n >\n <option value=\"private\">${i18next.t('label.visibility-private')}</option>\n ${domain ? html` <option value=\"domain\">${i18next.t('label.visibility-domain')}</option> ` : nothing}\n <option value=\"public\">${i18next.t('label.visibility-public')}</option>\n </select>\n\n <button @click=${this.registerBoardAsTemplate}>${i18next.t('text.register-template')}</button>\n </div>\n `\n }\n\n async registerBoardAsTemplate() {\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.sure_to_x', { x: i18next.t('text.register-template') }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const { id } = this.board \|\| {}\n\n this.dispatchEvent(\n new CustomEvent('register-template', {\n detail: {\n id,\n name: this.name \|\| this.board?.name,\n description: this.description \|\| this.board?.description,\n visibility: this.visibility\n },\n bubbles: true,\n composed: true\n })\n )\n }\n }\n}\n"]}
1	+ {"version":3,"file":"board-template-builder.js","sourceRoot":"","sources":["../../client/viewparts/board-template-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\nimport { getPathInfo } from '@operato/utils'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\n\n@customElement('board-template-builder')\nexport class BoardTemplateBuilder extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n padding: var(--spacing-large);\n\n /* for narrow mode */\n flex-direction: column;\n }\n\n div[template] {\n display: grid;\n position: relative;\n border-top: 1px solid var(--md-sys-color-primary);\n }\n\n label {\n font: var(--label-font);\n color: var(--md-sys-color-on-surface);\n text-transform: capitalize;\n }\n\n input,\n select,\n textarea {\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n margin: var(--input-margin);\n padding: var(--input-padding);\n font: var(--input-font);\n flex: 1 1 0%;\n }\n\n textarea {\n min-height: 132px;\n resize: none;\n }\n\n select:focus,\n input:focus,\n textarea:focus,\n button {\n outline: none;\n }\n\n button:hover {\n border: var(--button-activ-border);\n box-shadow: var(--button-active-box-shadow);\n }\n `\n ]\n\n @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n @state() visibility?: string = 'private'\n @state() name?: string = ''\n @state() description?: string = ''\n\n render() {\n const name = this.name \|\| this.board?.name \|\| ''\n const description = this.description \|\| this.board?.description \|\| ''\n const { domain } = getPathInfo(window.location.pathname)\n\n return html`\n <div template>\n <h3>\n <ox-title-with-help topic=\"board-service/board-template\" msgid=\"label.board-template\"\n >board template</ox-title-with-help\n >\n </h3>\n <label for=\"name\">${i18next.t('field.name')}</label>\n <input id=\"name\" type=\"text\" .value=${name} @change=${e => (this.name = e.target.value)} />\n\n <label for=\"description\">${i18next.t('field.description')}</label>\n <textarea\n id=\"description\"\n .value=${this.description \|\| ''}\n @change=${e => (this.description = e.target.value)}\n ></textarea>\n\n <label>${i18next.t('field.visibility')}</label>\n <select\n @change=${e => (this.visibility = e.target.value)}\n placeholder=\"choose visibility ...\"\n .value=${this.visibility \|\| 'private'}\n >\n <option value=\"private\">${i18next.t('label.visibility-private')}</option>\n ${domain ? html` <option value=\"domain\">${i18next.t('label.visibility-domain')}</option> ` : nothing}\n <option value=\"public\">${i18next.t('label.visibility-public')}</option>\n </select>\n\n <button @click=${this.registerBoardAsTemplate}>${i18next.t('text.register-template')}</button>\n </div>\n `\n }\n\n async registerBoardAsTemplate() {\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.sure_to_x', { x: i18next.t('text.register-template') }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const { id } = this.board \|\| {}\n\n this.dispatchEvent(\n new CustomEvent('register-template', {\n detail: {\n id,\n name: this.name \|\| this.board?.name,\n description: this.description \|\| this.board?.description,\n visibility: this.visibility\n },\n bubbles: true,\n composed: true\n })\n )\n }\n }\n}\n"]}

package/dist-client/viewparts/board-versions.js CHANGED Viewed

@@ -15,7 +15,7 @@ let BoardVersions = class BoardVersions extends LitElement {
     render() {
         return html `
       ${this.versions.length == 0
-            ? html ` ${i18next.t('text.no released version information available')} `
+            ? html ` <div nothing>${i18next.t('text.no released version information available')}</div> `
             : html `
             ${this.versions.map(version => html `
                 <div card>
@@ -85,7 +85,8 @@ let BoardVersions = class BoardVersions extends LitElement {
 BoardVersions.styles = [
     css `
       :host {
-        display: block;
+        display: flex;
+        flex-direction: column;
         background-color: var(--md-sys-color-surface);
         position: relative;
         text-align: center;
@@ -142,6 +143,13 @@ BoardVersions.styles = [
         --md-assist-chip-leading-icon-color: var(--md-sys-color-on-primary);
       }
+      div[nothing] {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+      }
       @media screen and (max-width: 460px) {
         :host {
           width: 100vw;

package/dist-client/viewparts/board-versions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"board-versions.js","sourceRoot":"","sources":["../../client/viewparts/board-versions.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAA;AAGpE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;~~QAuEI~~,aAAQ,GAAU,EAAE,CAAA;IAuF/B,CAAC;IArFC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA,~~IAAI~~,OAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,~~GAAG~~;~~YACxE~~,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;6BAEA,OAAO,CAAC,SAAS;;6CAED,OAAO,CAAC,OAAO;;kDAEV,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY;oDACvD,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE;;;;oBAI5E,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA;;;gCAGQ,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;iCAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC;;;;qBAI1D,CACF;;eAEJ,CACF;WACF;KACN,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,IAAI,QAAQ,GAAG,CACb,MAAM,MAAM,CAAC,KAAK,CAAC;YACjB,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;SAYT;YACD,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAC,IAAI,CAAA;QAEN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAA;IACxC,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,CAAC,OAAO;gBAChB,OAAO;aACR;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;~~AA5JM~~,oBAAM,GAAG;IACd,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgEF~~;CACF,~~AAlEY~~,~~CAkEZ~~;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAiB;AAEnC;IAAR,KAAK,EAAE;;+CAAqB;~~AAvElB~~,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,~~CA8JzB~~","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/chips/assist-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\nimport { privileged } from '@things-factory/auth-base/dist-client/index.js'\n\n@customElement('board-versions')\nexport class BoardVersions extends LitElement {\n static styles = [\n css`\n :host {\n display: ~~block~~;\n background-color: var(--md-sys-color-surface);\n position: relative;\n text-align: center;\n color: var(--label-color, var(--md-sys-color-on-surface));\n font: var(--label-font);\n }\n\n img {\n display: block;\n\n margin: auto;\n max-width: 100%;\n max-height: 100%;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n }\n\n div[card] {\n position: relative;\n margin: var(--spacing-medium);\n text-align: start;\n border-bottom: var(--border-dim-color);\n }\n\n div[info] {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium);\n }\n\n span {\n margin-left: auto;\n font: var(--input-field-font);\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n span md-icon {\n font-variation-settings: 'FILL' 1;\n\n vertical-align: middle;\n font-size: var(--fontsize-large);\n color: var(--md-sys-color-primary);\n }\n\n md-assist-chip {\n position: absolute;\n right: 3px;\n top: 3px;\n opacity: 0.8;\n\n --md-assist-chip-elevated-container-color: var(--md-sys-color-primary);\n --md-assist-chip-label-text-color: var(--md-sys-color-on-primary);\n --md-assist-chip-leading-icon-color: var(--md-sys-color-on-primary);\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) boardId?: string\n\n @state() versions: any[] = []\n\n render() {\n return html`\n ${this.versions.length == 0\n ? html` ${i18next.t('text.no released version information available')} `\n : html`\n ${this.versions.map(\n version => html`\n <div card>\n <img src=${version.thumbnail} />\n <div info>\n <md-icon>pin</md-icon> ${version.version}\n <span>\n <md-icon>person</md-icon> ${(version.updater && version.updater.name) \|\| 'anonymouse'}\n <md-icon>schedule</md-icon> ${new Date(version.updatedAt).toLocaleString()}\n </span>\n </div>\n\n ${privileged(\n { privilege: 'mutation', category: 'board' },\n html`\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.revert-board-version'))}\n @click=${() => this.revertBoardVersion(version.version)}\n >\n <md-icon slot=\"icon\">recycling</md-icon>\n </md-assist-chip>\n `\n )}\n </div>\n `\n )}\n `}\n `\n }\n\n firstUpdated() {\n this.refresh()\n }\n\n async refresh() {\n if (!this.boardId) {\n return\n }\n\n var response = (\n await client.query({\n query: gql`\n query FetchBoardVersionsById($id: String!) {\n boardVersions(id: $id) {\n id\n version\n thumbnail\n updater {\n name\n }\n updatedAt\n }\n }\n `,\n variables: { id: this.boardId }\n })\n ).data\n\n this.versions = response.boardVersions\n }\n\n revertBoardVersion(version: number) {\n this.dispatchEvent(\n new CustomEvent('revert-board-version', {\n detail: {\n id: this.boardId,\n version\n },\n bubbles: true,\n composed: true\n })\n )\n\n this.close()\n }\n\n close() {\n history.back()\n }\n}\n"]}
1	+ {"version":3,"file":"board-versions.js","sourceRoot":"","sources":["../../client/viewparts/board-versions.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAA;AAGpE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA+EI,aAAQ,GAAU,EAAE,CAAA;IAuF/B,CAAC;IArFC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA,iBAAiB,OAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,SAAS;YAC3F,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;6BAEA,OAAO,CAAC,SAAS;;6CAED,OAAO,CAAC,OAAO;;kDAEV,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY;oDACvD,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE;;;;oBAI5E,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA;;;gCAGQ,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;iCAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC;;;;qBAI1D,CACF;;eAEJ,CACF;WACF;KACN,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,IAAI,QAAQ,GAAG,CACb,MAAM,MAAM,CAAC,KAAK,CAAC;YACjB,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;SAYT;YACD,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAC,IAAI,CAAA;QAEN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAA;IACxC,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,CAAC,OAAO;gBAChB,OAAO;aACR;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AApKM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEF;CACF,AA1EY,CA0EZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAiB;AAEnC;IAAR,KAAK,EAAE;;+CAAqB;AA/ElB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAsKzB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/chips/assist-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\nimport { privileged } from '@things-factory/auth-base/dist-client/index.js'\n\n@customElement('board-versions')\nexport class BoardVersions extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-surface);\n position: relative;\n text-align: center;\n color: var(--label-color, var(--md-sys-color-on-surface));\n font: var(--label-font);\n }\n\n img {\n display: block;\n\n margin: auto;\n max-width: 100%;\n max-height: 100%;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n }\n\n div[card] {\n position: relative;\n margin: var(--spacing-medium);\n text-align: start;\n border-bottom: var(--border-dim-color);\n }\n\n div[info] {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium);\n }\n\n span {\n margin-left: auto;\n font: var(--input-field-font);\n display: flex;\n align-items: center;\n gap: 5px;\n }\n\n span md-icon {\n font-variation-settings: 'FILL' 1;\n\n vertical-align: middle;\n font-size: var(--fontsize-large);\n color: var(--md-sys-color-primary);\n }\n\n md-assist-chip {\n position: absolute;\n right: 3px;\n top: 3px;\n opacity: 0.8;\n\n --md-assist-chip-elevated-container-color: var(--md-sys-color-primary);\n --md-assist-chip-label-text-color: var(--md-sys-color-on-primary);\n --md-assist-chip-leading-icon-color: var(--md-sys-color-on-primary);\n }\n\n div[nothing] {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) boardId?: string\n\n @state() versions: any[] = []\n\n render() {\n return html`\n ${this.versions.length == 0\n ? html` <div nothing>${i18next.t('text.no released version information available')}</div> `\n : html`\n ${this.versions.map(\n version => html`\n <div card>\n <img src=${version.thumbnail} />\n <div info>\n <md-icon>pin</md-icon> ${version.version}\n <span>\n <md-icon>person</md-icon> ${(version.updater && version.updater.name) \|\| 'anonymouse'}\n <md-icon>schedule</md-icon> ${new Date(version.updatedAt).toLocaleString()}\n </span>\n </div>\n\n ${privileged(\n { privilege: 'mutation', category: 'board' },\n html`\n <md-assist-chip\n elevated\n label=${String(i18next.t('button.revert-board-version'))}\n @click=${() => this.revertBoardVersion(version.version)}\n >\n <md-icon slot=\"icon\">recycling</md-icon>\n </md-assist-chip>\n `\n )}\n </div>\n `\n )}\n `}\n `\n }\n\n firstUpdated() {\n this.refresh()\n }\n\n async refresh() {\n if (!this.boardId) {\n return\n }\n\n var response = (\n await client.query({\n query: gql`\n query FetchBoardVersionsById($id: String!) {\n boardVersions(id: $id) {\n id\n version\n thumbnail\n updater {\n name\n }\n updatedAt\n }\n }\n `,\n variables: { id: this.boardId }\n })\n ).data\n\n this.versions = response.boardVersions\n }\n\n revertBoardVersion(version: number) {\n this.dispatchEvent(\n new CustomEvent('revert-board-version', {\n detail: {\n id: this.boardId,\n version\n },\n bubbles: true,\n composed: true\n })\n )\n\n this.close()\n }\n\n close() {\n history.back()\n }\n}\n"]}

package/dist-client/viewparts/link-builder.js CHANGED Viewed

@@ -114,7 +114,7 @@ LinkBuilder.styles = [
       :host {
         display: flex;
         padding: var(--spacing-large);
-        color: var(--md-sys-color-primary);
+        color: var(--label-color, var(--md-sys-color-on-surface));
         /* for narrow mode */
         flex-direction: column;

package/dist-client/viewparts/link-builder.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-builder.js","sourceRoot":"","sources":["../../client/viewparts/link-builder.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AACjC,OAAO,uCAAuC,CAAA;AAE9C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,SAAS,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAA;AAGlF,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QA0EI,eAAU,GAAU,EAAE,CAAA;QAGtB,WAAM,GAAY,KAAK,CAAA;IAmHlC,CAAC;IA/GC,MAAM;;QACJ,OAAO,IAAI,CAAA;;;;;;;qCAOsB,IAAI,CAAC,IAAI,IAAI,EAAE;;2BAEzB,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;6CACxB,IAAI,CAAC,GAAG,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;iBACtF,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC;uCAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;iBACtD,OAAO,CAAC,CAAC,CAAC,sCAAsC,CAAC;;UAExD,UAAU,CACV,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAC9F,IAAI,CAAA;;wBAEU,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;;uBAEhG,MAAA,IAAI,CAAC,eAAe,0CAAE,EAAE;;;gBAG/B,IAAI,CAAC,UAAU,CAAC,GAAG,CACnB,SAAS,CAAC,EAAE;;YAAC,OAAA,IAAI,CAAA;mCACE,SAAS,CAAC,EAAE,cAAc,SAAS,CAAC,EAAE,KAAI,MAAA,IAAI,CAAC,eAAe,0CAAE,EAAE,CAAA;sBAC/E,SAAS,CAAC,IAAI;;iBAEnB,CAAA;SAAA,CACF;;WAEJ,EACD,IAAI,CAAA;;WAEH,CACF;;;;;;sBAMa,CAAC,CAAQ,EAAE,EAAE,WAAC,OAAA,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA,MAAC,CAAC,CAAC,MAA2B,0CAAE,OAAO,CAAA,CAAC,CAAA,EAAA;;iCAE5D,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC;;;KAGpE,CAAA;IACH,CAAC;IAED,YAAY;QACV,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;QAExE,IAAI,CAAC,SAAS,GAAG,IAAI,SAAS,CAAC,WAAW,EAAE;YAC1C,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,CAAQ;SAC5E,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,OAAO,CAAC,OAA6B;;QACnC,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QACtE,MAAM,MAAM,GAAG,kBAAkB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAA;QAExF,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,0CAAE,IAAI,CAAA;QACpD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,GAAG,GAAG,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,CAAA;QAE7D,MAAM,KAAK,mCACN,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAC5E,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,MAAA,IAAI,CAAC,eAAe,0CAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CACrF,CAAA;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;QAEnD,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC9D,CAAC;IAED,mBAAmB,CAAC,GAAG;QACrB,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;aACpB,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;aACxE,IAAI,CAAC,GAAG,CAAC,CAAA;IACd,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAA;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;QAE3B,IACE,MAAM,YAAY,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,EAClH,CAAC;YACD,IAAI,QAAQ,GAAG,CACb,MAAM,MAAM,CAAC,KAAK,CAAC;gBACjB,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;WAWT;aACF,CAAC,CACH,CAAC,IAAI,CAAA;YAEN,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAA;QAC7C,CAAC;IACH,CAAC;;AA9LM,kBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;CACF,AAjEY,CAiEZ;AAE4C;IAA5C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;4CAAiB;AACT;IAAnD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;;6CAAkB;AACf;IAArD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;;+CAAoB;AAEhE;IAAR,KAAK,EAAE;;yCAAc;AACb;IAAR,KAAK,EAAE;;8CAAe;AACd;IAAR,KAAK,EAAE;;+CAAuB;AACtB;IAAR,KAAK,EAAE;;oDAAqB;AACpB;IAAR,KAAK,EAAE;;wCAAa;AACZ;IAAR,KAAK,EAAE;;2CAAwB;AA7ErB,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAgMvB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@operato/input/ox-input-key-values.js'\n\nimport gql from 'graphql-tag'\nimport Clipboard from 'clipboard'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\nimport { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client/index.js'\n\n@customElement('link-builder')\nexport class LinkBuilder extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n padding: var(--spacing-large);\n color: var(--md-sys-color-primary);\n\n /* for narrow mode */\n flex-direction: column;\n }\n\n div[link] {\n display: grid;\n position: relative;\n }\n\n label {\n font: var(--label-font);\n text-transform: capitalize;\n }\n\n input,\n select,\n textarea,\n ox-input-key-values {\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n margin: var(--input-margin);\n padding: var(--input-padding);\n font: var(--input-font);\n flex: 1 1 0%;\n }\n\n textarea {\n min-height: 132px;\n resize: none;\n }\n\n select:focus,\n input:focus,\n textarea:focus,\n button {\n outline: none;\n }\n\n button:hover {\n border: var(--button-activ-border);\n box-shadow: var(--button-active-box-shadow);\n }\n\n [button-in-field] {\n position: absolute;\n top: 64px;\n right: 6px;\n\n background-color: var(--md-sys-color-surface);\n opacity: 0.8;\n color: var(--md-sys-color-primary);\n }\n\n [warn] {\n color: var(--status-warning-color, red);\n }\n `\n ]\n\n @property({ type: String, attribute: true }) command?: string\n @property({ type: String, attribute: 'target-id' }) targetId?: string\n @property({ type: String, attribute: 'target-name' }) targetName?: string\n\n @state() link?: string\n @state() keyvalues: any\n @state() appliances: any[] = []\n @state() targetAppliance: any\n @state() key?: string\n @state() byname: boolean = false\n\n private clipboard?: Clipboard\n\n render() {\n return html`\n <div link>\n <h3>\n <ox-title-with-help topic=\"operato-board/headless-link\" msgid=\"label.headless-link\"\n >headless-link</ox-title-with-help\n >\n </h3>\n <textarea id=\"link\" .value=${this.link \|\| ''} readonly></textarea>\n <md-icon button-in-field clipboard-copy>content_copy</md-icon>\n <label for=\"key\">${i18next.t('label.headless-link query-key')}</label>\n <input id=\"key\" type=\"text\" .value=${this.key \|\| ''} @change=${e => (this.key = e.target.value)} />\n <label>${i18next.t('label.headless-link query-parameters')}</label>\n <ox-input-key-values @change=${e => (this.keyvalues = e.detail)}></ox-input-key-values>\n <label>${i18next.t('label.headless-link target-appliance')}</label>\n\n ${privileged(\n { privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true },\n html`\n <select\n @change=${e => (this.targetAppliance = this.appliances.find(appliance => appliance.id == e.target.value))}\n placeholder=\"choose appliance ...\"\n .value=${this.targetAppliance?.id}\n >\n <option value=\"\"></option>\n ${this.appliances.map(\n appliance => html`\n <option .value=${appliance.id} ?selected=${appliance.id == this.targetAppliance?.id}>\n ${appliance.name}\n </option>\n `\n )}\n </select>\n `,\n html`\n <span warn>To add an access token, you need to be a domain owner or have security query permissions.</span>\n `\n )}\n\n <div>\n <input\n type=\"checkbox\"\n id=\"by-name\"\n @change=${(e: Event) => (this.byname = !!(e.target as HTMLInputElement)?.checked)}\n />\n <label for=\"by-name\">${i18next.t('label.headless-link by-name')}</label>\n </div>\n </div>\n `\n }\n\n firstUpdated() {\n const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]')\n\n this.clipboard = new Clipboard(copybuttons, {\n target: (trigger => trigger.parentElement.querySelector('textarea')) as any\n })\n\n this.getAppliances()\n }\n\n updated(changes: PropertyValues<this>) {\n const command = (this.command \|\| '') + (this.byname ? '-by-name' : '')\n const target = encodeURIComponent((this.byname ? this.targetName : this.targetId) \|\| '')\n\n const baseUrl = document.querySelector('base')?.href\n const fullUrl = new URL(command + '/' + target, baseUrl).href\n\n const query = {\n ...(this.key ? { [this.key]: JSON.stringify(this.keyvalues) } : this.keyvalues),\n ...(this.targetAppliance ? { access_token: this.targetAppliance?.accessToken } : {})\n }\n\n const queryString = this.objectToQueryString(query)\n\n this.link = fullUrl + (queryString ? '?' + queryString : '')\n }\n\n objectToQueryString(obj) {\n return Object.keys(obj)\n .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)\n .join('&')\n }\n\n async getAppliances() {\n this.appliances = []\n this.targetAppliance = null\n\n if (\n await hasPrivilege({ privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })\n ) {\n var response = (\n await client.query({\n query: gql`\n query {\n appliances {\n items {\n id\n name\n description\n accessToken\n }\n }\n }\n `\n })\n ).data\n\n this.appliances = response.appliances.items\n }\n }\n}\n"]}
1	+ {"version":3,"file":"link-builder.js","sourceRoot":"","sources":["../../client/viewparts/link-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@operato/input/ox-input-key-values.js'\n\nimport gql from 'graphql-tag'\nimport Clipboard from 'clipboard'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\nimport { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client/index.js'\n\n@customElement('link-builder')\nexport class LinkBuilder extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n padding: var(--spacing-large);\n color: var(--label-color, var(--md-sys-color-on-surface));\n\n /* for narrow mode */\n flex-direction: column;\n }\n\n div[link] {\n display: grid;\n position: relative;\n }\n\n label {\n font: var(--label-font);\n text-transform: capitalize;\n }\n\n input,\n select,\n textarea,\n ox-input-key-values {\n border: var(--border-dim-color);\n border-radius: var(--border-radius);\n margin: var(--input-margin);\n padding: var(--input-padding);\n font: var(--input-font);\n flex: 1 1 0%;\n }\n\n textarea {\n min-height: 132px;\n resize: none;\n }\n\n select:focus,\n input:focus,\n textarea:focus,\n button {\n outline: none;\n }\n\n button:hover {\n border: var(--button-activ-border);\n box-shadow: var(--button-active-box-shadow);\n }\n\n [button-in-field] {\n position: absolute;\n top: 64px;\n right: 6px;\n\n background-color: var(--md-sys-color-surface);\n opacity: 0.8;\n color: var(--md-sys-color-primary);\n }\n\n [warn] {\n color: var(--status-warning-color, red);\n }\n `\n ]\n\n @property({ type: String, attribute: true }) command?: string\n @property({ type: String, attribute: 'target-id' }) targetId?: string\n @property({ type: String, attribute: 'target-name' }) targetName?: string\n\n @state() link?: string\n @state() keyvalues: any\n @state() appliances: any[] = []\n @state() targetAppliance: any\n @state() key?: string\n @state() byname: boolean = false\n\n private clipboard?: Clipboard\n\n render() {\n return html`\n <div link>\n <h3>\n <ox-title-with-help topic=\"operato-board/headless-link\" msgid=\"label.headless-link\"\n >headless-link</ox-title-with-help\n >\n </h3>\n <textarea id=\"link\" .value=${this.link \|\| ''} readonly></textarea>\n <md-icon button-in-field clipboard-copy>content_copy</md-icon>\n <label for=\"key\">${i18next.t('label.headless-link query-key')}</label>\n <input id=\"key\" type=\"text\" .value=${this.key \|\| ''} @change=${e => (this.key = e.target.value)} />\n <label>${i18next.t('label.headless-link query-parameters')}</label>\n <ox-input-key-values @change=${e => (this.keyvalues = e.detail)}></ox-input-key-values>\n <label>${i18next.t('label.headless-link target-appliance')}</label>\n\n ${privileged(\n { privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true },\n html`\n <select\n @change=${e => (this.targetAppliance = this.appliances.find(appliance => appliance.id == e.target.value))}\n placeholder=\"choose appliance ...\"\n .value=${this.targetAppliance?.id}\n >\n <option value=\"\"></option>\n ${this.appliances.map(\n appliance => html`\n <option .value=${appliance.id} ?selected=${appliance.id == this.targetAppliance?.id}>\n ${appliance.name}\n </option>\n `\n )}\n </select>\n `,\n html`\n <span warn>To add an access token, you need to be a domain owner or have security query permissions.</span>\n `\n )}\n\n <div>\n <input\n type=\"checkbox\"\n id=\"by-name\"\n @change=${(e: Event) => (this.byname = !!(e.target as HTMLInputElement)?.checked)}\n />\n <label for=\"by-name\">${i18next.t('label.headless-link by-name')}</label>\n </div>\n </div>\n `\n }\n\n firstUpdated() {\n const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]')\n\n this.clipboard = new Clipboard(copybuttons, {\n target: (trigger => trigger.parentElement.querySelector('textarea')) as any\n })\n\n this.getAppliances()\n }\n\n updated(changes: PropertyValues<this>) {\n const command = (this.command \|\| '') + (this.byname ? '-by-name' : '')\n const target = encodeURIComponent((this.byname ? this.targetName : this.targetId) \|\| '')\n\n const baseUrl = document.querySelector('base')?.href\n const fullUrl = new URL(command + '/' + target, baseUrl).href\n\n const query = {\n ...(this.key ? { [this.key]: JSON.stringify(this.keyvalues) } : this.keyvalues),\n ...(this.targetAppliance ? { access_token: this.targetAppliance?.accessToken } : {})\n }\n\n const queryString = this.objectToQueryString(query)\n\n this.link = fullUrl + (queryString ? '?' + queryString : '')\n }\n\n objectToQueryString(obj) {\n return Object.keys(obj)\n .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)\n .join('&')\n }\n\n async getAppliances() {\n this.appliances = []\n this.targetAppliance = null\n\n if (\n await hasPrivilege({ privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })\n ) {\n var response = (\n await client.query({\n query: gql`\n query {\n appliances {\n items {\n id\n name\n description\n accessToken\n }\n }\n }\n `\n })\n ).data\n\n this.appliances = response.appliances.items\n }\n }\n}\n"]}