@things-factory/board-ui 6.2.50 → 6.2.52

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 (5) hide show
  1. package/client/viewparts/link-builder.ts +4 -2
  2. package/dist-client/tsconfig.tsbuildinfo +1 -1
  3. package/dist-client/viewparts/link-builder.js +2 -2
  4. package/dist-client/viewparts/link-builder.js.map +1 -1
  5. package/package.json +4 -4
package/dist-client/viewparts/link-builder.js CHANGED
@@ -33,7 +33,7 @@ let LinkBuilder = class LinkBuilder extends LitElement {
33
33
  <ox-input-key-values @change=${e => (this.keyvalues = e.detail)}></ox-input-key-values>
34
34
  <label>${i18next.t('label.headless-link target-appliance')}</label>
35
35
 
36
- ${privileged({ name: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true }, html `
36
+ ${privileged({ privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true }, html `
37
37
  <select
38
38
  @change=${e => (this.targetAppliance = this.appliances.find(appliance => appliance.id == e.target.value))}
39
39
  placeholder="choose appliance ..."
@@ -89,7 +89,7 @@ let LinkBuilder = class LinkBuilder extends LitElement {
89
89
  async getAppliances() {
90
90
  this.appliances = [];
91
91
  this.targetAppliance = null;
92
- if (await hasPrivilege({ name: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })) {
92
+ if (await hasPrivilege({ privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })) {
93
93
  var response = (await client.query({
94
94
  query: gql `
95
95
  query {
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/mwc-icon'\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'\nimport { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client'\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(--padding-wide);\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 color: var(--label-color);\n text-transform: capitalize;\n }\n\n input,\n select,\n textarea,\n ox-input-key-values {\n border: var(--border-dark-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: white;\n opacity: 0.8;\n color: var(--primary-color);\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 <mwc-icon button-in-field clipboard-copy>content_copy</mwc-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 { name: '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 =>\n 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 (await hasPrivilege({ name: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })) {\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/mwc-icon'\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'\nimport { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client'\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(--padding-wide);\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 color: var(--label-color);\n text-transform: capitalize;\n }\n\n input,\n select,\n textarea,\n ox-input-key-values {\n border: var(--border-dark-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: white;\n opacity: 0.8;\n color: var(--primary-color);\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 <mwc-icon button-in-field clipboard-copy>content_copy</mwc-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 =>\n 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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/board-ui",
3
- "version": "6.2.50",
3
+ "version": "6.2.52",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "dist-client/index.js",
6
6
  "things-factory": true,
@@ -43,9 +43,9 @@
43
43
  "@operato/shell": "^1.0.0",
44
44
  "@operato/styles": "^1.0.0",
45
45
  "@operato/utils": "^1.0.0",
46
- "@things-factory/barcode-base": "^6.2.50",
47
- "@things-factory/fav-base": "^6.2.50",
46
+ "@things-factory/barcode-base": "^6.2.52",
47
+ "@things-factory/fav-base": "^6.2.52",
48
48
  "@things-factory/utils": "^6.2.48"
49
49
  },
50
- "gitHead": "4dc51db04b745ac434d2bb874038ac4c3b47989b"
50
+ "gitHead": "234f95b63937521f1791a9e2141024ee7816d26d"
51
51
  }