@things-factory/board-ui 10.0.4 → 10.0.6

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 (8) hide show
  1. package/dist-client/tsconfig.tsbuildinfo +1 -1
  2. package/dist-client/viewparts/board-template-builder.js +2 -0
  3. package/dist-client/viewparts/board-template-builder.js.map +1 -1
  4. package/dist-client/viewparts/board-template-info.js +4 -0
  5. package/dist-client/viewparts/board-template-info.js.map +1 -1
  6. package/dist-client/viewparts/link-builder.js +2 -0
  7. package/dist-client/viewparts/link-builder.js.map +1 -1
  8. package/package.json +5 -5
package/dist-client/viewparts/board-template-builder.js CHANGED
@@ -39,6 +39,8 @@ let BoardTemplateBuilder = class BoardTemplateBuilder extends LitElement {
39
39
  input,
40
40
  select,
41
41
  textarea {
42
+ background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
43
+ color: var(--input-field-color, var(--md-sys-color-on-surface));
42
44
  border: var(--border-dim-color);
43
45
  border-radius: var(--border-radius);
44
46
  margin: var(--input-margin);
package/dist-client/viewparts/board-template-builder.js.map CHANGED
@@ -1 +1 @@
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 { 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"]}
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 { 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 background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n color: var(--input-field-color, var(--md-sys-color-on-surface));\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-template-info.js CHANGED
@@ -72,6 +72,8 @@ let BoardTemplateInfo = class BoardTemplateInfo extends LitElement {
72
72
  input,
73
73
  textarea,
74
74
  select {
75
+ background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
76
+ color: var(--input-field-color, var(--md-sys-color-on-surface));
75
77
  grid-column: span 12;
76
78
  border: 1px solid #ccc;
77
79
  border-radius: 4px;
@@ -80,6 +82,8 @@ let BoardTemplateInfo = class BoardTemplateInfo extends LitElement {
80
82
  margin-bottom: 8px;
81
83
  }
82
84
  textarea {
85
+ background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
86
+ color: var(--input-field-color, var(--md-sys-color-on-surface));
83
87
  min-height: 100px;
84
88
  resize: none;
85
89
  }
package/dist-client/viewparts/board-template-info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"board-template-info.js","sourceRoot":"","sources":["../../client/viewparts/board-template-info.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport gql from 'graphql-tag'\nimport { store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { OxPrompt } from '@operato/popup'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { notify } from '../utils/notify-helper.js'\n\n@customElement('board-template-info')\nexport class BoardTemplateInfo 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 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 --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 [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\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 fieldset {\n display: contents;\n }\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n font: var(--legend-font);\n color: var(--primary-color);\n text-transform: capitalize;\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 input,\n textarea,\n select {\n grid-column: span 12;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 6px 8px;\n font-size: 1rem;\n margin-bottom: 8px;\n }\n textarea {\n min-height: 100px;\n resize: none;\n }\n div[buttons] {\n grid-column: span 12;\n text-align: right;\n margin-top: 12px;\n }\n button {\n margin-left: 8px;\n padding: 6px 16px;\n border-radius: 4px;\n border: none;\n background: var(--md-sys-color-tertiary, #1976d2);\n color: #fff;\n font-weight: 500;\n cursor: pointer;\n }\n button[disabled] {\n background: #ccc;\n cursor: not-allowed;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n constructor() {\n super()\n this.template = {\n name: '',\n description: '',\n visibility: 'private'\n }\n }\n\n @property({ type: Object }) template: any\n @state() username: string = ''\n\n @query('form') form!: HTMLFormElement\n\n private _unsubscribe?: () => void\n\n\n connectedCallback() {\n\n super.connectedCallback()\n\n this._applyState()\n\n this._unsubscribe = store.subscribe(() => this._applyState())\n\n }\n\n\n disconnectedCallback() {\n\n super.disconnectedCallback()\n\n this._unsubscribe?.()\n\n }\n\n\n private _applyState() {\n\n const __state__ = store.getState() as any\nthis.username = __state__.auth?.user?.username || ''\n\n }\n\n get isMine() {\n return this.template?.creator?.username === this.username\n }\n\n render() {\n return html`\n <form>\n <fieldset>\n <legend>${i18next.t('label.board-template')}</legend>\n <label>${i18next.t('field.name')}</label>\n <input\n name=\"name\"\n .value=${this.template.name}\n @input=${e => (this.template.name = e.target.value)}\n ?disabled=${!this.isMine}\n />\n <label>${i18next.t('field.description')}</label>\n <textarea\n name=\"description\"\n .value=${this.template.description}\n @input=${e => (this.template.description = e.target.value)}\n ?disabled=${!this.isMine}\n ></textarea>\n <label>${i18next.t('field.visibility')}</label>\n <select\n name=\"visibility\"\n .value=${this.template.visibility}\n @change=${e => (this.template.visibility = e.target.value)}\n ?disabled=${!this.isMine}\n >\n <option value=\"private\">${i18next.t('label.visibility-private')}</option>\n <option value=\"domain\">${i18next.t('label.visibility-domain')}</option>\n <option value=\"public\">${i18next.t('label.visibility-public')}</option>\n </select>\n <div buttons>\n ${this.isMine\n ? html`\n <button type=\"button\" @click=${this.onUpdate}>${i18next.t('button.save')}</button>\n <button type=\"button\" @click=${this.onDelete}>${i18next.t('button.delete')}</button>\n `\n : ''}\n </div>\n </fieldset>\n </form>\n `\n }\n\n async onUpdate() {\n const formData = new FormData(this.form)\n const patch: any = {}\n for (const [key, value] of formData.entries()) {\n patch[key] = value\n }\n\n try {\n await client.mutate({\n mutation: gql`\n mutation ($id: String!, $patch: BoardTemplatePatch!) {\n updateBoardTemplate(id: $id, patch: $patch) {\n id\n }\n }\n `,\n variables: {\n id: this.template.id,\n patch\n }\n })\n notify('info', i18next.t('text.board-template updated'))\n this.dispatchEvent(new CustomEvent('updated', { bubbles: true, composed: true }))\n } catch (ex) {\n notify('error', ex, ex)\n }\n }\n\n async onDelete() {\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 try {\n await client.mutate({\n mutation: gql`\n mutation ($id: String!) {\n deleteBoardTemplate(id: $id)\n }\n `,\n variables: { id: this.template.id }\n })\n notify('info', i18next.t('text.board-template deleted'))\n this.dispatchEvent(new CustomEvent('deleted', { bubbles: true, composed: true }))\n } catch (ex) {\n notify('error', ex, ex)\n }\n }\n }\n\n}\n"]}
1
+ {"version":3,"file":"board-template-info.js","sourceRoot":"","sources":["../../client/viewparts/board-template-info.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport gql from 'graphql-tag'\nimport { store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { OxPrompt } from '@operato/popup'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { notify } from '../utils/notify-helper.js'\n\n@customElement('board-template-info')\nexport class BoardTemplateInfo 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 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 --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 [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\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 fieldset {\n display: contents;\n }\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n font: var(--legend-font);\n color: var(--primary-color);\n text-transform: capitalize;\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 input,\n textarea,\n select {\n background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n color: var(--input-field-color, var(--md-sys-color-on-surface));\n grid-column: span 12;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 6px 8px;\n font-size: 1rem;\n margin-bottom: 8px;\n }\n textarea {\n background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n color: var(--input-field-color, var(--md-sys-color-on-surface));\n min-height: 100px;\n resize: none;\n }\n div[buttons] {\n grid-column: span 12;\n text-align: right;\n margin-top: 12px;\n }\n button {\n margin-left: 8px;\n padding: 6px 16px;\n border-radius: 4px;\n border: none;\n background: var(--md-sys-color-tertiary, #1976d2);\n color: #fff;\n font-weight: 500;\n cursor: pointer;\n }\n button[disabled] {\n background: #ccc;\n cursor: not-allowed;\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n constructor() {\n super()\n this.template = {\n name: '',\n description: '',\n visibility: 'private'\n }\n }\n\n @property({ type: Object }) template: any\n @state() username: string = ''\n\n @query('form') form!: HTMLFormElement\n\n private _unsubscribe?: () => void\n\n\n connectedCallback() {\n\n super.connectedCallback()\n\n this._applyState()\n\n this._unsubscribe = store.subscribe(() => this._applyState())\n\n }\n\n\n disconnectedCallback() {\n\n super.disconnectedCallback()\n\n this._unsubscribe?.()\n\n }\n\n\n private _applyState() {\n\n const __state__ = store.getState() as any\nthis.username = __state__.auth?.user?.username || ''\n\n }\n\n get isMine() {\n return this.template?.creator?.username === this.username\n }\n\n render() {\n return html`\n <form>\n <fieldset>\n <legend>${i18next.t('label.board-template')}</legend>\n <label>${i18next.t('field.name')}</label>\n <input\n name=\"name\"\n .value=${this.template.name}\n @input=${e => (this.template.name = e.target.value)}\n ?disabled=${!this.isMine}\n />\n <label>${i18next.t('field.description')}</label>\n <textarea\n name=\"description\"\n .value=${this.template.description}\n @input=${e => (this.template.description = e.target.value)}\n ?disabled=${!this.isMine}\n ></textarea>\n <label>${i18next.t('field.visibility')}</label>\n <select\n name=\"visibility\"\n .value=${this.template.visibility}\n @change=${e => (this.template.visibility = e.target.value)}\n ?disabled=${!this.isMine}\n >\n <option value=\"private\">${i18next.t('label.visibility-private')}</option>\n <option value=\"domain\">${i18next.t('label.visibility-domain')}</option>\n <option value=\"public\">${i18next.t('label.visibility-public')}</option>\n </select>\n <div buttons>\n ${this.isMine\n ? html`\n <button type=\"button\" @click=${this.onUpdate}>${i18next.t('button.save')}</button>\n <button type=\"button\" @click=${this.onDelete}>${i18next.t('button.delete')}</button>\n `\n : ''}\n </div>\n </fieldset>\n </form>\n `\n }\n\n async onUpdate() {\n const formData = new FormData(this.form)\n const patch: any = {}\n for (const [key, value] of formData.entries()) {\n patch[key] = value\n }\n\n try {\n await client.mutate({\n mutation: gql`\n mutation ($id: String!, $patch: BoardTemplatePatch!) {\n updateBoardTemplate(id: $id, patch: $patch) {\n id\n }\n }\n `,\n variables: {\n id: this.template.id,\n patch\n }\n })\n notify('info', i18next.t('text.board-template updated'))\n this.dispatchEvent(new CustomEvent('updated', { bubbles: true, composed: true }))\n } catch (ex) {\n notify('error', ex, ex)\n }\n }\n\n async onDelete() {\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 try {\n await client.mutate({\n mutation: gql`\n mutation ($id: String!) {\n deleteBoardTemplate(id: $id)\n }\n `,\n variables: { id: this.template.id }\n })\n notify('info', i18next.t('text.board-template deleted'))\n this.dispatchEvent(new CustomEvent('deleted', { bubbles: true, composed: true }))\n } catch (ex) {\n notify('error', ex, ex)\n }\n }\n }\n\n}\n"]}
package/dist-client/viewparts/link-builder.js CHANGED
@@ -51,6 +51,8 @@ let LinkBuilder = class LinkBuilder extends LitElement {
51
51
  }
52
52
 
53
53
  textarea {
54
+ background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));
55
+ color: var(--input-field-color, var(--md-sys-color-on-surface));
54
56
  min-height: 132px;
55
57
  resize: none;
56
58
  }
package/dist-client/viewparts/link-builder.js.map CHANGED
@@ -1 +1 @@
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 const 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 background-color: var(--input-field-background, var(--md-sys-color-surface-container-highest));\n color: var(--input-field-color, var(--md-sys-color-on-surface));\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 const 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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/board-ui",
3
- "version": "10.0.4",
3
+ "version": "10.0.6",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "dist-client/index.js",
6
6
  "things-factory": true,
@@ -42,10 +42,10 @@
42
42
  "@operato/shell": "^10.0.0",
43
43
  "@operato/styles": "^10.0.0",
44
44
  "@operato/utils": "^10.0.0",
45
- "@things-factory/barcode-base": "^10.0.4",
46
- "@things-factory/board-ai": "^10.0.4",
47
- "@things-factory/fav-base": "^10.0.4",
45
+ "@things-factory/barcode-base": "^10.0.6",
46
+ "@things-factory/board-ai": "^10.0.6",
47
+ "@things-factory/fav-base": "^10.0.6",
48
48
  "@things-factory/utils": "^10.0.0"
49
49
  },
50
- "gitHead": "c8f6dcfea3ffe7a9dd2a7195e83e2e4e201fd5ea"
50
+ "gitHead": "b929c16f83f70bfcc9a144ac6a50232efa56cd64"
51
51
  }