@things-factory/integration-ui 9.0.0-beta.24 → 9.0.0-beta.27
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.
- package/package.json +6 -6
- package/dist-client/analysis/graph-data.d.ts +0 -36
- package/dist-client/analysis/graph-data.js +0 -2
- package/dist-client/analysis/graph-data.js.map +0 -1
- package/dist-client/analysis/graph-viewer-style.d.ts +0 -1
- package/dist-client/analysis/graph-viewer-style.js +0 -121
- package/dist-client/analysis/graph-viewer-style.js.map +0 -1
- package/dist-client/analysis/graph-viewer.d.ts +0 -36
- package/dist-client/analysis/graph-viewer.js +0 -294
- package/dist-client/analysis/graph-viewer.js.map +0 -1
- package/dist-client/analysis/node.d.ts +0 -4
- package/dist-client/analysis/node.js +0 -59
- package/dist-client/analysis/node.js.map +0 -1
- package/dist-client/analysis/relationship.d.ts +0 -4
- package/dist-client/analysis/relationship.js +0 -13
- package/dist-client/analysis/relationship.js.map +0 -1
- package/dist-client/analysis/utils.d.ts +0 -20
- package/dist-client/analysis/utils.js +0 -31
- package/dist-client/analysis/utils.js.map +0 -1
- package/dist-client/bootstrap.d.ts +0 -3
- package/dist-client/bootstrap.js +0 -30
- package/dist-client/bootstrap.js.map +0 -1
- package/dist-client/editors/entity-editor.d.ts +0 -10
- package/dist-client/editors/entity-editor.js +0 -46
- package/dist-client/editors/entity-editor.js.map +0 -1
- package/dist-client/editors/entity-selector.d.ts +0 -31
- package/dist-client/editors/entity-selector.js +0 -301
- package/dist-client/editors/entity-selector.js.map +0 -1
- package/dist-client/editors/property-editor.d.ts +0 -30
- package/dist-client/editors/property-editor.js +0 -105
- package/dist-client/editors/property-editor.js.map +0 -1
- package/dist-client/editors/things-editor-db-procedure.d.ts +0 -52
- package/dist-client/editors/things-editor-db-procedure.js +0 -495
- package/dist-client/editors/things-editor-db-procedure.js.map +0 -1
- package/dist-client/editors/things-editor-entity-selector.d.ts +0 -15
- package/dist-client/editors/things-editor-entity-selector.js +0 -94
- package/dist-client/editors/things-editor-entity-selector.js.map +0 -1
- package/dist-client/editors/things-editor-http-body.d.ts +0 -22
- package/dist-client/editors/things-editor-http-body.js +0 -137
- package/dist-client/editors/things-editor-http-body.js.map +0 -1
- package/dist-client/editors/things-editor-http-headers.d.ts +0 -29
- package/dist-client/editors/things-editor-http-headers.js +0 -167
- package/dist-client/editors/things-editor-http-headers.js.map +0 -1
- package/dist-client/editors/things-editor-http-parameters.d.ts +0 -29
- package/dist-client/editors/things-editor-http-parameters.js +0 -167
- package/dist-client/editors/things-editor-http-parameters.js.map +0 -1
- package/dist-client/editors/things-editor-tag-scenarios.d.ts +0 -32
- package/dist-client/editors/things-editor-tag-scenarios.js +0 -226
- package/dist-client/editors/things-editor-tag-scenarios.js.map +0 -1
- package/dist-client/grist/connection-selector.d.ts +0 -4
- package/dist-client/grist/connection-selector.js +0 -30
- package/dist-client/grist/connection-selector.js.map +0 -1
- package/dist-client/grist/connector-selector.d.ts +0 -4
- package/dist-client/grist/connector-selector.js +0 -30
- package/dist-client/grist/connector-selector.js.map +0 -1
- package/dist-client/grist/dynamic-selector.d.ts +0 -10
- package/dist-client/grist/dynamic-selector.js +0 -32
- package/dist-client/grist/dynamic-selector.js.map +0 -1
- package/dist-client/grist/task-type-selector.d.ts +0 -7
- package/dist-client/grist/task-type-selector.js +0 -58
- package/dist-client/grist/task-type-selector.js.map +0 -1
- package/dist-client/index.d.ts +0 -2
- package/dist-client/index.js +0 -3
- package/dist-client/index.js.map +0 -1
- package/dist-client/pages/connection-importer.d.ts +0 -10
- package/dist-client/pages/connection-importer.js +0 -102
- package/dist-client/pages/connection-importer.js.map +0 -1
- package/dist-client/pages/connection.d.ts +0 -64
- package/dist-client/pages/connection.js +0 -478
- package/dist-client/pages/connection.js.map +0 -1
- package/dist-client/pages/integration-analysis.d.ts +0 -24
- package/dist-client/pages/integration-analysis.js +0 -238
- package/dist-client/pages/integration-analysis.js.map +0 -1
- package/dist-client/pages/integration-monitor.d.ts +0 -28
- package/dist-client/pages/integration-monitor.js +0 -343
- package/dist-client/pages/integration-monitor.js.map +0 -1
- package/dist-client/pages/scenario-detail.d.ts +0 -2
- package/dist-client/pages/scenario-detail.js +0 -298
- package/dist-client/pages/scenario-detail.js.map +0 -1
- package/dist-client/pages/scenario-importer.d.ts +0 -10
- package/dist-client/pages/scenario-importer.js +0 -108
- package/dist-client/pages/scenario-importer.js.map +0 -1
- package/dist-client/pages/scenario.d.ts +0 -69
- package/dist-client/pages/scenario.js +0 -632
- package/dist-client/pages/scenario.js.map +0 -1
- package/dist-client/pages/state-register.d.ts +0 -50
- package/dist-client/pages/state-register.js +0 -278
- package/dist-client/pages/state-register.js.map +0 -1
- package/dist-client/route.d.ts +0 -1
- package/dist-client/route.js +0 -20
- package/dist-client/route.js.map +0 -1
- package/dist-client/tsconfig.tsbuildinfo +0 -1
- package/dist-client/viewparts/connections-monitor.d.ts +0 -10
- package/dist-client/viewparts/connections-monitor.js +0 -172
- package/dist-client/viewparts/connections-monitor.js.map +0 -1
- package/dist-client/viewparts/monitoring-summary.d.ts +0 -13
- package/dist-client/viewparts/monitoring-summary.js +0 -142
- package/dist-client/viewparts/monitoring-summary.js.map +0 -1
- package/dist-client/viewparts/pending-q-monitor.d.ts +0 -18
- package/dist-client/viewparts/pending-q-monitor.js +0 -248
- package/dist-client/viewparts/pending-q-monitor.js.map +0 -1
- package/dist-client/viewparts/scenario-instance-log-view.d.ts +0 -24
- package/dist-client/viewparts/scenario-instance-log-view.js +0 -141
- package/dist-client/viewparts/scenario-instance-log-view.js.map +0 -1
- package/dist-client/viewparts/scenario-instance-monitor.d.ts +0 -15
- package/dist-client/viewparts/scenario-instance-monitor.js +0 -173
- package/dist-client/viewparts/scenario-instance-monitor.js.map +0 -1
- package/dist-client/viewparts/scenario-instance-view.d.ts +0 -29
- package/dist-client/viewparts/scenario-instance-view.js +0 -263
- package/dist-client/viewparts/scenario-instance-view.js.map +0 -1
- package/dist-client/viewparts/scenario-monitor.d.ts +0 -16
- package/dist-client/viewparts/scenario-monitor.js +0 -285
- package/dist-client/viewparts/scenario-monitor.js.map +0 -1
- package/dist-client/viewparts/scenarios-monitor.d.ts +0 -16
- package/dist-client/viewparts/scenarios-monitor.js +0 -170
- package/dist-client/viewparts/scenarios-monitor.js.map +0 -1
- package/dist-server/index.d.ts +0 -0
- package/dist-server/index.js +0 -1
- package/dist-server/index.js.map +0 -1
- package/dist-server/tsconfig.tsbuildinfo +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"things-editor-db-procedure.js","sourceRoot":"","sources":["../../client/editors/things-editor-db-procedure.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/web/icon/icon.js'\n\nimport '@operato/i18n/ox-i18n.js'\nimport { css, html } from 'lit'\nimport { customElement, property, queryAll, state } from 'lit/decorators.js'\n\nimport { OxFormField } from '@operato/input'\n\ntype ProcedureParameterType = {\n name: string\n dir: string\n type: string\n val?: any\n accessor?: string\n maxSize?: number\n}\n\ntype ValueType = {\n code?: string\n procedure?: string\n parameters?: ProcedureParameterType[]\n}\n\nconst NUMBERS = ['TINYINT', 'SMALLINT', 'INT', 'BIGINT', 'FLOAT', 'READ', 'DECIMAL', 'NUMERIC', 'MONEY', 'SMALLMONEY']\nconst PARAMETERIZED_TYPES = ['NCHAR', 'VARCHAR', 'NVARCHAR', 'TEXT', 'NTEXT', 'DECIMAL', 'NUMERIC']\n\n/**\n input component for procedure-parameters\n \n Example:\n \n <things-editor-db-procedure \n value=${map}\n </things-editor-db-procedure>\n */\n@customElement('things-editor-db-procedure')\nexport class ThingsEditorProcedureParameters extends OxFormField {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow: hidden;\n margin-bottom: var(--spacing-large);\n }\n\n div {\n display: flex;\n flex-flow: row nowrap;\n gap: var(--spacing-medium);\n margin-bottom: var(--spacing-small);\n }\n\n pre {\n flex: 1;\n background-color: #333;\n color: white;\n margin: 0;\n padding: 4px 6px;\n font-size: 1.5em;\n display: flex;\n border-radius: var(--spacing-small);\n }\n\n code {\n flex: 1;\n white-space: pre;\n min-height: 32px;\n }\n\n button {\n border: var(--button-border);\n border-radius: var(--border-radius);\n background-color: var(--button-background-color);\n padding: var(--spacing-small) var(--spacing-medium);\n line-height: 0.8;\n color: var(--button-color);\n cursor: pointer;\n }\n\n button + button {\n margin-left: -5px;\n }\n\n button md-icon {\n --md-icon-size: var(--fontsize-default);\n }\n\n button:focus,\n button:hover,\n button:active {\n border: var(--button-activ-border);\n background-color: var(--button-background-focus-color);\n color: var(--md-sys-color-on-primary);\n }\n\n input {\n flex: 1;\n border: 0;\n border-bottom: var(--border-dim-color);\n padding: var(--input-padding);\n font: var(--input-font);\n min-width: 50px;\n }\n\n input:focus {\n outline: none;\n border-bottom: 1px solid var(--md-sys-color-primary);\n }\n\n button.hidden {\n opacity: 0;\n cursor: default;\n }\n\n select,\n ox-select,\n input:not([type='checkbox']) {\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n }\n `\n ]\n\n @property({ type: Object }) value: ValueType = {}\n @property({ type: Array }) steps: string[] = []\n @property({ type: String }) dbtype: 'oracle' | 'mssql' = 'oracle'\n\n @state() private procedure?: string = ''\n @state() private parameters?: ProcedureParameterType[] = []\n private _changingNow: boolean = false\n\n @queryAll('[data-record]') records!: NodeListOf<HTMLElement>\n\n firstUpdated() {\n this.renderRoot.addEventListener('change', this._onChange.bind(this))\n }\n\n render() {\n const code = this.value?.code || ''\n const parameters = this.parameters || []\n const procedure = this.procedure || ''\n const dbtype = this.dbtype || 'oracle'\n\n const steps = this.steps || []\n\n return html`\n <div>\n <label><ox-i18n msgid=\"label.procedure-code\"></ox-i18n></label>\n </div>\n\n <div>\n <pre>\n <code>${code}</code>\n </pre\n >\n </div>\n\n <div>\n <label><ox-i18n msgid=\"label.procedure-name\"></ox-i18n></label>\n </div>\n\n <div>\n <input type=\"text\" data-procedure .value=${procedure} />\n </div>\n\n <div>\n <label><ox-i18n msgid=\"label.parameters\"></ox-i18n></label>\n </div>\n\n ${parameters.map(\n item => html`\n <div data-record>\n <input type=\"text\" data-name placeholder=\"name\" .value=${item.name} />\n <select data-dir placeholder=\"dir\" .value=${item.dir}>\n <option value=\"\" ?selected=${item.dir == ''}> </option>\n <option value=\"In\" ?selected=${item.dir == 'In'}>In</option>\n <option value=\"Inout\" ?selected=${item.dir == 'Inout'}>Inout</option>\n <option value=\"Out\" ?selected=${item.dir == 'Out'}>Out</option>\n </select>\n <select data-type placeholder=\"type\" .value=${item.type}>\n ${dbtype == 'oracle'\n ? html`\n <option value=\"\" ?selected=${item.type == ''}> </option>\n <option value=\"String\" ?selected=${item.type == 'String'}>String</option>\n <option value=\"Number\" ?selected=${item.type == 'Number'}>Number</option>\n <option value=\"Date\" ?selected=${item.type == 'Date'}>Date</option>\n <!-- \n <option value=\"Buffer\" ?selected=${item.type == 'Buffer'}>Buffer</option>\n <option value=\"Blob\" ?selected=${item.type == 'Blob'}>Blob</option>\n <option value=\"Clob\" ?selected=${item.type == 'Clob'}>Clob</option>\n -->\n <option value=\"Cursor\" ?selected=${item.type == 'Cursor'}>Cursor</option>\n `\n : html`\n <option value=\"\" ?selected=${item.type == ''}> </option>\n ${[\n 'CHAR',\n 'VARCHAR',\n 'NCHAR',\n 'NVARCHAR',\n 'TEXT',\n 'NTEXT',\n 'TINYINT',\n 'SMALLINT',\n 'INT',\n 'BIGINT',\n 'FLOAT',\n 'REAL',\n 'DECIMAL',\n 'NUMERIC',\n 'MONEY',\n 'SMALLMONEY',\n 'SMALLDATETIME',\n 'DATE',\n 'TIME',\n 'DATETIME',\n 'DATETIME2',\n 'DATETIMEOFFSET'\n ].map(type => html`<option value=${type} ?selected=${item.type == type}>${type}</option>`)}\n `}\n </select>\n <input type=\"text\" data-accessor placeholder=\"accessor\" .value=${item.accessor || ''} list=\"step-list\" />\n <input type=\"text\" data-val placeholder=\"val\" .value=${item.val || ''} />\n <input type=\"number\" data-max-size placeholder=\"max-size\" .value=${String(item.maxSize)} />\n\n <button class=\"record-action\" @click=${(e: MouseEvent) => this._delete(e)} tabindex=\"-1\">\n <md-icon>remove</md-icon>\n </button>\n <button class=\"record-action\" @click=${(e: MouseEvent) => this._up(e)} tabindex=\"-1\">\n <md-icon>arrow_upward</md-icon>\n </button>\n <button class=\"record-action\" @click=${(e: MouseEvent) => this._down(e)} tabindex=\"-1\">\n <md-icon>arrow_downward</md-icon>\n </button>\n </div>\n `\n )}\n\n <div data-record-new>\n <input type=\"text\" data-name placeholder=\"name\" value=\"\" />\n <select data-dir placeholder=\"dir\">\n <option value=\"\" selected> </option>\n <option value=\"In\">In</option>\n <option value=\"Inout\">Inout</option>\n <option value=\"Out\">Out</option>\n </select>\n <select data-type placeholder=\"type\" value=\"\">\n ${dbtype == 'oracle'\n ? html`\n <option value=\"\" selected> </option>\n <option value=\"String\">String</option>\n <option value=\"Number\">Number</option>\n <option value=\"Date\">Date</option>\n <!-- \n <option value=\"Buffer\">Buffer</option>\n <option value=\"Blob\">Blob</option>\n <option value=\"Clob\">Clob</option>\n -->\n <option value=\"Cursor\">Cursor</option>\n `\n : html`\n <option value=\"\" selected> </option>\n ${[\n 'CHAR',\n 'VARCHAR',\n 'NCHAR',\n 'NVARCHAR',\n 'TEXT',\n 'NTEXT',\n 'TINYINT',\n 'SMALLINT',\n 'INT',\n 'BIGINT',\n 'FLOAT',\n 'REAL',\n 'DECIMAL',\n 'NUMERIC',\n 'MONEY',\n 'SMALLMONEY',\n 'SMALLDATETIME',\n 'DATE',\n 'TIME',\n 'DATETIME',\n 'DATETIME2',\n 'DATETIMEOFFSET'\n ].map(type => html`<option value=${type}>${type}</option>`)}\n `}\n </select>\n <input type=\"text\" data-accessor placeholder=\"accessor\" value=\"\" list=\"step-list\" />\n <input type=\"text\" data-val placeholder=\"val\" value=\"\" />\n <input type=\"number\" data-max-size placeholder=\"max-size\" value=\"\" />\n\n <button class=\"record-action\" @click=${(e: MouseEvent) => this._add()} tabindex=\"-1\">\n <md-icon>add</md-icon>\n </button>\n <button class=\"hidden\"><md-icon>add</md-icon></button>\n <button class=\"hidden\"><md-icon>add</md-icon></button>\n </div>\n\n <datalist id=\"step-list\">${steps.map(id => html` <option value=${id}></option> `)}</datalist>\n `\n }\n\n updated(changes: any) {\n if (changes.has('value')) {\n /* 하위 호환성때문에, Array타입 값을 처리하도록 함. 다음 마이너 업그레이드시에 제거할 것. */\n const value = (Array.isArray(this.value) ? { parameters: this.value } : this.value) as ValueType\n\n const { procedure, parameters } = value || {}\n\n this.procedure = procedure\n this.parameters = parameters\n }\n }\n\n _onChange(e: Event) {\n if (this._changingNow) {\n return\n }\n\n this._changingNow = true\n\n const input = e.target as HTMLInputElement\n\n if (input.hasAttribute('data-procedure')) {\n this.procedure = input.value\n this._updateValue()\n } else {\n const record = (e.target as Element).closest('[data-record],[data-record-new]') as HTMLElement\n\n if (record.hasAttribute('data-record')) {\n this._build()\n } else if (record.hasAttribute('data-record-new') && input.hasAttribute('data-type')) {\n this._add()\n }\n }\n\n this._changingNow = false\n }\n\n _adjust({ name, type, dir, maxSize, val, accessor }: ProcedureParameterType): ProcedureParameterType {\n const entry = {\n name: name && String(name).trim(),\n type,\n dir,\n accessor: accessor && String(accessor).trim()\n } as ProcedureParameterType\n\n if (\n /* for oracle */\n dir != 'In' &&\n (type == 'String' || type == 'Buffer') &&\n maxSize !== null &&\n maxSize !== undefined &&\n !isNaN(maxSize)\n ) {\n entry.maxSize = maxSize\n } else if (\n /* for mssql */\n PARAMETERIZED_TYPES.includes(type) &&\n maxSize !== null &&\n maxSize !== undefined &&\n !isNaN(maxSize)\n ) {\n entry.maxSize = maxSize\n }\n\n if (dir != 'Out' && val !== null && val !== undefined && val != '') {\n entry.val = type == 'Number' || NUMBERS.includes(type) ? Number(val) : val\n }\n\n return entry\n }\n\n _build(includeNewRecord?: boolean) {\n if (includeNewRecord) {\n var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]') as NodeListOf<HTMLElement>\n } else {\n var records = this.renderRoot.querySelectorAll('[data-record]') as NodeListOf<HTMLElement>\n }\n\n var newmap: ProcedureParameterType[] = []\n\n for (var i = 0; i < records.length; i++) {\n var record = records[i]\n\n const name = (record.querySelector('[data-name]') as HTMLInputElement).value\n const type = (record.querySelector('[data-type]') as HTMLInputElement).value\n const dir = (record.querySelector('[data-dir]') as HTMLInputElement).value\n const val = (record.querySelector('[data-val]') as HTMLInputElement).value\n const accessor = (record.querySelector('[data-accessor]') as HTMLInputElement).value\n const maxSize = (record.querySelector('[data-max-size]') as HTMLInputElement).valueAsNumber\n\n const inputs = record.querySelectorAll(\n '[data-type]:not([style*=\"display: none\"])'\n ) as NodeListOf<HTMLInputElement>\n\n if (!inputs || inputs.length == 0) {\n continue\n }\n\n if (name) {\n newmap.push(this._adjust({ name, type, dir, val, accessor, maxSize }))\n }\n }\n\n this.parameters = newmap\n this._updateValue()\n }\n\n _buildOracleCode() {\n const args = (this.parameters || []).map(p => ':' + p.name).join(', ')\n\n return `${this.procedure}(${args});`\n }\n\n _buildMssqlCode() {\n const declareClauses = this.parameters\n ?.map(({ name, dir, type, val, maxSize = 0 }) => {\n const ptype = PARAMETERIZED_TYPES.includes(type) ? `${type}(${maxSize})` : type\n\n if (dir == 'Out') {\n return `DECLARE @${name} ${ptype};`\n } else {\n const pvalue = NUMBERS.includes(type) ? `${val}` : `'${val}'`\n return `DECLARE @${name} ${ptype} = ${pvalue};`\n }\n })\n .join('\\n')\n\n const execClause =\n [\n `EXEC ${this.procedure}`,\n ...(this.parameters?.map(({ name, dir }, index, array) => {\n const period = index === array.length - 1 ? '' : ','\n\n if (dir == 'In') {\n return ` @${name} = @${name}${period}`\n } else {\n return ` @${name} = @${name} OUTPUT${period}`\n }\n }) || [])\n ].join('\\n') + ';'\n\n const seleceClause =\n `SELECT ` +\n this.parameters\n ?.filter(({ dir }) => dir !== 'In')\n .map(({ name }, index, array) => {\n const period = index === array.length - 1 ? '' : ','\n\n return `@${name} AS ${name}${period}`\n })\n .join(' ') +\n ';'\n\n return [declareClauses, execClause, seleceClause].filter(Boolean).join('\\n\\n')\n }\n\n _updateValue() {\n this.value = {\n code: this.dbtype == 'oracle' ? this._buildOracleCode() : this._buildMssqlCode(),\n procedure: this.procedure,\n parameters: this.parameters\n }\n\n this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true, detail: this.value }))\n }\n\n _add() {\n this._build(true)\n\n const inputs = this.renderRoot.querySelectorAll(\n '[data-record-new] input:not([style*=\"display: none\"])'\n ) as NodeListOf<HTMLInputElement & { value: any }>\n\n for (var i = 0; i < inputs.length; i++) {\n let input = inputs[i]\n\n input.value = ''\n }\n\n inputs[0].focus()\n }\n\n _delete(e: MouseEvent) {\n const record = (e.target as Element).closest('[data-record]') as HTMLElement\n\n ;(record!.querySelector('[data-name]') as HTMLInputElement)!.value = ''\n\n this._build()\n }\n\n _up(e: MouseEvent) {\n const record = (e.target as Element).closest('[data-record]') as HTMLElement\n const array = Array.from(this.records)\n const index = array.indexOf(record) - 1\n\n if (index < 0) {\n return\n }\n\n const deleted = array.splice(index, 1)\n array.splice(index + 1, 0, ...deleted)\n\n this.parameters = array.map(record => {\n const name = (record.querySelector('[data-name]') as HTMLInputElement).value\n const dir = (record.querySelector('[data-dir]') as HTMLInputElement).value\n const type = (record.querySelector('[data-type]') as HTMLInputElement).value\n const val = (record.querySelector('[data-val]') as HTMLInputElement).value\n const accessor = (record.querySelector('[data-accessor]') as HTMLInputElement).value\n const maxSize = (record.querySelector('[data-max-size]') as HTMLInputElement).valueAsNumber\n\n return this._adjust({ name, dir, type, val, accessor, maxSize })\n })\n\n this._updateValue()\n }\n\n _down(e: MouseEvent) {\n const record = (e.target as Element).closest('[data-record]') as HTMLElement\n const array = Array.from(this.records)\n const index = array.indexOf(record)\n\n if (index > array.length) {\n return\n }\n\n array.splice(index, 1)\n array.splice(index + 1, 0, record)\n\n this.parameters = array.map(record => {\n const name = (record.querySelector('[data-name]') as HTMLInputElement).value\n const dir = (record.querySelector('[data-dir]') as HTMLInputElement).value\n const type = (record.querySelector('[data-type]') as HTMLInputElement).value\n const val = (record.querySelector('[data-val]') as HTMLInputElement).value\n const accessor = (record.querySelector('[data-accessor]') as HTMLInputElement).value\n const maxSize = (record.querySelector('[data-max-size]') as HTMLInputElement).valueAsNumber\n\n return this._adjust({ name, dir, type, val, accessor, maxSize })\n })\n\n this._updateValue()\n }\n}\n"]}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import '@material/web/icon/icon.js';
|
5
|
-
import './entity-selector.js';
|
6
|
-
import { LitElement } from 'lit';
|
7
|
-
export default class ThingsEditorEntitySelector extends LitElement {
|
8
|
-
static styles: import("lit").CSSResult[];
|
9
|
-
value?: string;
|
10
|
-
properties: any;
|
11
|
-
popup: any;
|
12
|
-
render(): import("lit-html").TemplateResult<1>;
|
13
|
-
_onInputChanged(e: any): void;
|
14
|
-
openSelector(): void;
|
15
|
-
}
|
@@ -1,94 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import { __decorate, __metadata } from "tslib";
|
5
|
-
import '@material/web/icon/icon.js';
|
6
|
-
import './entity-selector.js';
|
7
|
-
import { css, html, LitElement } from 'lit';
|
8
|
-
import { customElement, property } from 'lit/decorators.js';
|
9
|
-
import { i18next } from '@operato/i18n';
|
10
|
-
import { openPopup } from '@operato/layout';
|
11
|
-
let ThingsEditorEntitySelector = class ThingsEditorEntitySelector extends LitElement {
|
12
|
-
render() {
|
13
|
-
return html `
|
14
|
-
<input id="text" type="text" .value=${this.value || ''} @change=${e => this._onInputChanged(e)} />
|
15
|
-
|
16
|
-
<md-icon @click=${e => this.openSelector()}>dashboard</md-icon>
|
17
|
-
`;
|
18
|
-
}
|
19
|
-
_onInputChanged(e) {
|
20
|
-
e.stopPropagation();
|
21
|
-
this.value = e.target.value;
|
22
|
-
this.dispatchEvent(new CustomEvent('change', {
|
23
|
-
bubbles: true,
|
24
|
-
composed: true
|
25
|
-
}));
|
26
|
-
}
|
27
|
-
openSelector() {
|
28
|
-
if (this.popup) {
|
29
|
-
delete this.popup;
|
30
|
-
}
|
31
|
-
var template = html `
|
32
|
-
<entity-selector
|
33
|
-
.creatable=${true}
|
34
|
-
.queryName=${this.properties.queryName}
|
35
|
-
.value=${this.value}
|
36
|
-
@entity-selected=${e => {
|
37
|
-
e.stopPropagation();
|
38
|
-
var entity = e.detail.entity;
|
39
|
-
this.value = entity[this.properties.valueKey || 'id'];
|
40
|
-
this.dispatchEvent(new CustomEvent('change', {
|
41
|
-
bubbles: true,
|
42
|
-
composed: true
|
43
|
-
}));
|
44
|
-
this.popup && this.popup.close();
|
45
|
-
}}
|
46
|
-
></entity-selector>
|
47
|
-
`;
|
48
|
-
this.popup = openPopup(template, {
|
49
|
-
backdrop: true,
|
50
|
-
size: 'large',
|
51
|
-
title: i18next.t('title.select entity')
|
52
|
-
});
|
53
|
-
}
|
54
|
-
};
|
55
|
-
ThingsEditorEntitySelector.styles = [
|
56
|
-
css `
|
57
|
-
:host {
|
58
|
-
position: relative;
|
59
|
-
display: inline-block;
|
60
|
-
}
|
61
|
-
|
62
|
-
input[type='text'] {
|
63
|
-
box-sizing: border-box;
|
64
|
-
width: 100%;
|
65
|
-
height: 100%;
|
66
|
-
}
|
67
|
-
|
68
|
-
md-icon {
|
69
|
-
position: absolute;
|
70
|
-
top: 0;
|
71
|
-
right: 0;
|
72
|
-
}
|
73
|
-
|
74
|
-
select,
|
75
|
-
ox-select,
|
76
|
-
input:not([type='checkbox']) {
|
77
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
78
|
-
border-radius: 4px;
|
79
|
-
}
|
80
|
-
`
|
81
|
-
];
|
82
|
-
__decorate([
|
83
|
-
property({ type: String }),
|
84
|
-
__metadata("design:type", String)
|
85
|
-
], ThingsEditorEntitySelector.prototype, "value", void 0);
|
86
|
-
__decorate([
|
87
|
-
property({ type: Object }),
|
88
|
-
__metadata("design:type", Object)
|
89
|
-
], ThingsEditorEntitySelector.prototype, "properties", void 0);
|
90
|
-
ThingsEditorEntitySelector = __decorate([
|
91
|
-
customElement('things-editor-entity-selector')
|
92
|
-
], ThingsEditorEntitySelector);
|
93
|
-
export default ThingsEditorEntitySelector;
|
94
|
-
//# sourceMappingURL=things-editor-entity-selector.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"things-editor-entity-selector.js","sourceRoot":"","sources":["../../client/editors/things-editor-entity-selector.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,4BAA4B,CAAA;AACnC,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG5B,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;IAkChE,MAAM;QACJ,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,KAAK,IAAI,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;;wBAE5E,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;KAC3C,CAAA;IACH,CAAC;IAED,eAAe,CAAC,CAAC;QACf,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC3B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED,IAAI,QAAQ,GAAG,IAAI,CAAA;;qBAEF,IAAI;qBACJ,IAAI,CAAC,UAAU,CAAC,SAAS;iBAC7B,IAAI,CAAC,KAAK;2BACA,CAAC,CAAC,EAAE;YACrB,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAA;YAC5B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAA;YAErD,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAA;YAED,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;QAClC,CAAC;;KAEJ,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;SACxC,CAAC,CAAA;IACJ,CAAC;;AAtFM,iCAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBF;CACF,AA1BY,CA0BZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yDAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8DAAgB;AA9BxB,0BAA0B;IAD9C,aAAa,CAAC,+BAA+B,CAAC;GAC1B,0BAA0B,CAwF9C;eAxFoB,0BAA0B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@material/web/icon/icon.js'\nimport './entity-selector.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\n@customElement('things-editor-entity-selector')\nexport default class ThingsEditorEntitySelector extends LitElement {\n static styles = [\n css`\n :host {\n position: relative;\n display: inline-block;\n }\n\n input[type='text'] {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n }\n\n md-icon {\n position: absolute;\n top: 0;\n right: 0;\n }\n\n select,\n ox-select,\n input:not([type='checkbox']) {\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n }\n `\n ]\n\n @property({ type: String }) value?: string\n @property({ type: Object }) properties: any\n\n popup: any\n\n render() {\n return html`\n <input id=\"text\" type=\"text\" .value=${this.value || ''} @change=${e => this._onInputChanged(e)} />\n\n <md-icon @click=${e => this.openSelector()}>dashboard</md-icon>\n `\n }\n\n _onInputChanged(e) {\n e.stopPropagation()\n\n this.value = e.target.value\n this.dispatchEvent(\n new CustomEvent('change', {\n bubbles: true,\n composed: true\n })\n )\n }\n\n openSelector() {\n if (this.popup) {\n delete this.popup\n }\n\n var template = html`\n <entity-selector\n .creatable=${true}\n .queryName=${this.properties.queryName}\n .value=${this.value}\n @entity-selected=${e => {\n e.stopPropagation()\n\n var entity = e.detail.entity\n this.value = entity[this.properties.valueKey || 'id']\n\n this.dispatchEvent(\n new CustomEvent('change', {\n bubbles: true,\n composed: true\n })\n )\n\n this.popup && this.popup.close()\n }}\n ></entity-selector>\n `\n\n this.popup = openPopup(template, {\n backdrop: true,\n size: 'large',\n title: i18next.t('title.select entity')\n })\n }\n}\n"]}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import { LitElement } from 'lit';
|
5
|
-
/**
|
6
|
-
http body editor element
|
7
|
-
|
8
|
-
Example:
|
9
|
-
|
10
|
-
<things-editor-http-body value=${map}>
|
11
|
-
</things-editor-http-body>
|
12
|
-
*/
|
13
|
-
export default class ThingsEditorHttpBody extends LitElement {
|
14
|
-
static styles: import("lit").CSSResult[];
|
15
|
-
value: {
|
16
|
-
[key: string]: string;
|
17
|
-
};
|
18
|
-
firstUpdated(): void;
|
19
|
-
render(): import("lit-html").TemplateResult<1>;
|
20
|
-
renderContentType(contentType: any): import("lit-html").TemplateResult<1>;
|
21
|
-
_onChange(e: any): void;
|
22
|
-
}
|
@@ -1,137 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import { __decorate, __metadata } from "tslib";
|
5
|
-
import { css, html, LitElement } from 'lit';
|
6
|
-
import { customElement, property } from 'lit/decorators.js';
|
7
|
-
/**
|
8
|
-
http body editor element
|
9
|
-
|
10
|
-
Example:
|
11
|
-
|
12
|
-
<things-editor-http-body value=${map}>
|
13
|
-
</things-editor-http-body>
|
14
|
-
*/
|
15
|
-
let ThingsEditorHttpBody = class ThingsEditorHttpBody extends LitElement {
|
16
|
-
constructor() {
|
17
|
-
super(...arguments);
|
18
|
-
this.value = {};
|
19
|
-
}
|
20
|
-
firstUpdated() {
|
21
|
-
this.renderRoot.addEventListener('change', this._onChange.bind(this));
|
22
|
-
}
|
23
|
-
render() {
|
24
|
-
var { kind = 'none', accessor = '', contentType } = this.value || {};
|
25
|
-
return html `
|
26
|
-
<div kind>
|
27
|
-
<input type="radio" id="none" name="kind" .checked=${kind == 'none'} value="none" />
|
28
|
-
<label for="none">none</label>
|
29
|
-
|
30
|
-
<input type="radio" id="form-data" name="kind" .checked=${kind == 'form-data'} value="form-data" disabled />
|
31
|
-
<label for="form-data">form-data</label>
|
32
|
-
|
33
|
-
<input
|
34
|
-
type="radio"
|
35
|
-
id="x-www-form-urlencoded"
|
36
|
-
name="kind"
|
37
|
-
.checked=${kind == 'x-www-form-urlencoded'}
|
38
|
-
value="x-www-form-urlencoded"
|
39
|
-
/>
|
40
|
-
<label for="x-www-form-urlencoded">x-www-form-urlencoded</label>
|
41
|
-
|
42
|
-
<input type="radio" id="raw" name="kind" .checked=${kind == 'raw'} value="raw" />
|
43
|
-
<label for="raw">raw</label>
|
44
|
-
|
45
|
-
<input type="radio" id="binary" name="kind" .checked=${kind == 'binary'} value="binary" disabled />
|
46
|
-
<label for="binary">binary</label>
|
47
|
-
|
48
|
-
<input type="radio" id="GraphQL" name="kind" .checked=${kind == 'GraphQL'} value="GraphQL" disabled />
|
49
|
-
<label for="GraphQL">GraphQL</label>
|
50
|
-
</div>
|
51
|
-
|
52
|
-
${kind !== 'none'
|
53
|
-
? html `
|
54
|
-
${kind == 'raw' ? this.renderContentType(contentType) : html ``}
|
55
|
-
<div accessor>
|
56
|
-
<label for="accessor">accessor</label>
|
57
|
-
<input type="text" id="accessor" name="accessor" placeholder="accessor" .value=${accessor} />
|
58
|
-
</div>
|
59
|
-
`
|
60
|
-
: html ``}
|
61
|
-
`;
|
62
|
-
}
|
63
|
-
renderContentType(contentType) {
|
64
|
-
return html `
|
65
|
-
<div>
|
66
|
-
<label>content-type</label>
|
67
|
-
<div>
|
68
|
-
<input type="radio" id="text" name="contentType" .checked=${contentType == 'text'} value="text" />
|
69
|
-
<label for="text">Text</label>
|
70
|
-
|
71
|
-
<input type="radio" id="json" name="contentType" .checked=${contentType == 'json'} value="json" disabled />
|
72
|
-
<label for="json">Json</label>
|
73
|
-
</div>
|
74
|
-
</div>
|
75
|
-
`;
|
76
|
-
}
|
77
|
-
_onChange(e) {
|
78
|
-
var input = e.target;
|
79
|
-
this.value = Object.assign(Object.assign({}, this.value), { [input.name]: input.value });
|
80
|
-
this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
|
81
|
-
}
|
82
|
-
};
|
83
|
-
ThingsEditorHttpBody.styles = [
|
84
|
-
css `
|
85
|
-
:host {
|
86
|
-
display: flex;
|
87
|
-
flex-direction: column;
|
88
|
-
align-content: center;
|
89
|
-
|
90
|
-
width: 100%;
|
91
|
-
overflow: hidden;
|
92
|
-
border: 1px solid #ccc;
|
93
|
-
margin: 5px 0;
|
94
|
-
}
|
95
|
-
|
96
|
-
div {
|
97
|
-
display: flex;
|
98
|
-
flex-flow: row nowrap;
|
99
|
-
align-items: center;
|
100
|
-
}
|
101
|
-
|
102
|
-
div[kind] {
|
103
|
-
border-bottom: 1px solid #aaa;
|
104
|
-
background-color: #ddd;
|
105
|
-
}
|
106
|
-
|
107
|
-
div[accessor] {
|
108
|
-
background-color: #eee;
|
109
|
-
}
|
110
|
-
|
111
|
-
label {
|
112
|
-
margin: 0 12px 0 3px;
|
113
|
-
}
|
114
|
-
|
115
|
-
#accessor {
|
116
|
-
flex: 1;
|
117
|
-
min-height: 20px;
|
118
|
-
margin: 2px;
|
119
|
-
}
|
120
|
-
|
121
|
-
select,
|
122
|
-
ox-select,
|
123
|
-
input:not([type='checkbox']) {
|
124
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
125
|
-
border-radius: 4px;
|
126
|
-
}
|
127
|
-
`
|
128
|
-
];
|
129
|
-
__decorate([
|
130
|
-
property({ type: Object }),
|
131
|
-
__metadata("design:type", Object)
|
132
|
-
], ThingsEditorHttpBody.prototype, "value", void 0);
|
133
|
-
ThingsEditorHttpBody = __decorate([
|
134
|
-
customElement('things-editor-http-body')
|
135
|
-
], ThingsEditorHttpBody);
|
136
|
-
export default ThingsEditorHttpBody;
|
137
|
-
//# sourceMappingURL=things-editor-http-body.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"things-editor-http-body.js","sourceRoot":"","sources":["../../client/editors/things-editor-http-body.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE;;;;;;;EAOE;AAGa,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAgDe,UAAK,GAA8B,EAAE,CAAA;IAyEnE,CAAC;IAvEC,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACvE,CAAC;IAED,MAAM;QACJ,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAEpE,OAAO,IAAI,CAAA;;6DAE8C,IAAI,IAAI,MAAM;;;kEAGT,IAAI,IAAI,WAAW;;;;;;;qBAOhE,IAAI,IAAI,uBAAuB;;;;;4DAKQ,IAAI,IAAI,KAAK;;;+DAGV,IAAI,IAAI,QAAQ;;;gEAGf,IAAI,IAAI,SAAS;;;;QAIzE,IAAI,KAAK,MAAM;YACf,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;;+FAGqB,QAAQ;;WAE5F;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;IAED,iBAAiB,CAAC,WAAW;QAC3B,OAAO,IAAI,CAAA;;;;sEAIuD,WAAW,IAAI,MAAM;;;sEAGrB,WAAW,IAAI,MAAM;;;;KAItF,CAAA;IACH,CAAC;IAED,SAAS,CAAC,CAAC;QACT,IAAI,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;QAEpB,IAAI,CAAC,KAAK,mCACL,IAAI,CAAC,KAAK,KACb,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,KAAK,GAC1B,CAAA;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAClF,CAAC;;AAvHM,2BAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA7CY,CA6CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDAAsC;AAhD9C,oBAAoB;IADxC,aAAa,CAAC,yBAAyB,CAAC;GACpB,oBAAoB,CAyHxC;eAzHoB,oBAAoB","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\n/**\nhttp body editor element\n\nExample:\n\n <things-editor-http-body value=${map}>\n </things-editor-http-body>\n*/\n\n@customElement('things-editor-http-body')\nexport default class ThingsEditorHttpBody extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n align-content: center;\n\n width: 100%;\n overflow: hidden;\n border: 1px solid #ccc;\n margin: 5px 0;\n }\n\n div {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n }\n\n div[kind] {\n border-bottom: 1px solid #aaa;\n background-color: #ddd;\n }\n\n div[accessor] {\n background-color: #eee;\n }\n\n label {\n margin: 0 12px 0 3px;\n }\n\n #accessor {\n flex: 1;\n min-height: 20px;\n margin: 2px;\n }\n\n select,\n ox-select,\n input:not([type='checkbox']) {\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n }\n `\n ]\n\n @property({ type: Object }) value: { [key: string]: string } = {}\n\n firstUpdated() {\n this.renderRoot.addEventListener('change', this._onChange.bind(this))\n }\n\n render() {\n var { kind = 'none', accessor = '', contentType } = this.value || {}\n\n return html`\n <div kind>\n <input type=\"radio\" id=\"none\" name=\"kind\" .checked=${kind == 'none'} value=\"none\" />\n <label for=\"none\">none</label>\n\n <input type=\"radio\" id=\"form-data\" name=\"kind\" .checked=${kind == 'form-data'} value=\"form-data\" disabled />\n <label for=\"form-data\">form-data</label>\n\n <input\n type=\"radio\"\n id=\"x-www-form-urlencoded\"\n name=\"kind\"\n .checked=${kind == 'x-www-form-urlencoded'}\n value=\"x-www-form-urlencoded\"\n />\n <label for=\"x-www-form-urlencoded\">x-www-form-urlencoded</label>\n\n <input type=\"radio\" id=\"raw\" name=\"kind\" .checked=${kind == 'raw'} value=\"raw\" />\n <label for=\"raw\">raw</label>\n\n <input type=\"radio\" id=\"binary\" name=\"kind\" .checked=${kind == 'binary'} value=\"binary\" disabled />\n <label for=\"binary\">binary</label>\n\n <input type=\"radio\" id=\"GraphQL\" name=\"kind\" .checked=${kind == 'GraphQL'} value=\"GraphQL\" disabled />\n <label for=\"GraphQL\">GraphQL</label>\n </div>\n\n ${kind !== 'none'\n ? html`\n ${kind == 'raw' ? this.renderContentType(contentType) : html``}\n <div accessor>\n <label for=\"accessor\">accessor</label>\n <input type=\"text\" id=\"accessor\" name=\"accessor\" placeholder=\"accessor\" .value=${accessor} />\n </div>\n `\n : html``}\n `\n }\n\n renderContentType(contentType) {\n return html`\n <div>\n <label>content-type</label>\n <div>\n <input type=\"radio\" id=\"text\" name=\"contentType\" .checked=${contentType == 'text'} value=\"text\" />\n <label for=\"text\">Text</label>\n\n <input type=\"radio\" id=\"json\" name=\"contentType\" .checked=${contentType == 'json'} value=\"json\" disabled />\n <label for=\"json\">Json</label>\n </div>\n </div>\n `\n }\n\n _onChange(e) {\n var input = e.target\n\n this.value = {\n ...this.value,\n [input.name]: input.value\n }\n\n this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n }\n}\n"]}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import { LitElement } from 'lit';
|
5
|
-
/**
|
6
|
-
http headers editor element
|
7
|
-
|
8
|
-
Example:
|
9
|
-
|
10
|
-
<things-editor-http-headers value=${map}>
|
11
|
-
</things-editor-http-headers>
|
12
|
-
*/
|
13
|
-
export default class ThingsEditorHttpHeaders extends LitElement {
|
14
|
-
static styles: import("lit").CSSResult[];
|
15
|
-
value: {
|
16
|
-
[key: string]: string;
|
17
|
-
};
|
18
|
-
_changingNow: boolean;
|
19
|
-
firstUpdated(): void;
|
20
|
-
render(): import("lit-html").TemplateResult<1>;
|
21
|
-
_onChange(e: any): void;
|
22
|
-
_build(includeNewRecord?: any): void;
|
23
|
-
_toArray(map: any): {
|
24
|
-
key: any;
|
25
|
-
value: any;
|
26
|
-
}[];
|
27
|
-
_add(): void;
|
28
|
-
_delete(e: any): void;
|
29
|
-
}
|
@@ -1,167 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import { __decorate, __metadata } from "tslib";
|
5
|
-
import { css, html, LitElement } from 'lit';
|
6
|
-
import { customElement, property } from 'lit/decorators.js';
|
7
|
-
/**
|
8
|
-
http headers editor element
|
9
|
-
|
10
|
-
Example:
|
11
|
-
|
12
|
-
<things-editor-http-headers value=${map}>
|
13
|
-
</things-editor-http-headers>
|
14
|
-
*/
|
15
|
-
let ThingsEditorHttpHeaders = class ThingsEditorHttpHeaders extends LitElement {
|
16
|
-
constructor() {
|
17
|
-
super(...arguments);
|
18
|
-
this.value = {};
|
19
|
-
this._changingNow = false;
|
20
|
-
}
|
21
|
-
firstUpdated() {
|
22
|
-
this.renderRoot.addEventListener('change', this._onChange.bind(this));
|
23
|
-
}
|
24
|
-
render() {
|
25
|
-
return html `
|
26
|
-
${this._toArray(this.value).map(item => html `
|
27
|
-
<div data-record>
|
28
|
-
<input type="text" data-key placeholder="key" .value=${item.key} />
|
29
|
-
<input type="text" data-value placeholder="value" .value=${item.value} />
|
30
|
-
<button class="record-action" @click=${e => this._delete(e)} tabindex="-1">x</button>
|
31
|
-
</div>
|
32
|
-
`)}
|
33
|
-
|
34
|
-
<div data-record-new>
|
35
|
-
<input type="text" data-key placeholder="key" value="" />
|
36
|
-
<input type="text" data-value placeholder="value" value="" />
|
37
|
-
<button class="record-action" @click=${e => this._add()} tabindex="-1">+</button>
|
38
|
-
</div>
|
39
|
-
`;
|
40
|
-
}
|
41
|
-
_onChange(e) {
|
42
|
-
if (this._changingNow) {
|
43
|
-
return;
|
44
|
-
}
|
45
|
-
this._changingNow = true;
|
46
|
-
var input = e.target;
|
47
|
-
var value = input.value;
|
48
|
-
var div = input.parentElement;
|
49
|
-
if (div.hasAttribute('data-record')) {
|
50
|
-
var dataList = div.querySelectorAll('[data-value]:not([hidden])');
|
51
|
-
for (var i = 0; i < dataList.length; i++) {
|
52
|
-
if (dataList[i] !== input) {
|
53
|
-
dataList[i].value = value || '';
|
54
|
-
}
|
55
|
-
}
|
56
|
-
}
|
57
|
-
if (div.hasAttribute('data-record')) {
|
58
|
-
this._build();
|
59
|
-
}
|
60
|
-
else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {
|
61
|
-
this._add();
|
62
|
-
}
|
63
|
-
this._changingNow = false;
|
64
|
-
}
|
65
|
-
_build(includeNewRecord) {
|
66
|
-
if (includeNewRecord)
|
67
|
-
var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]');
|
68
|
-
else
|
69
|
-
var records = this.renderRoot.querySelectorAll('[data-record]');
|
70
|
-
var newmap = {};
|
71
|
-
for (var i = 0; i < records.length; i++) {
|
72
|
-
var record = records[i];
|
73
|
-
var key = record.querySelector('[data-key]').value;
|
74
|
-
var inputs = record.querySelectorAll('[data-value]:not([style*="display: none"])');
|
75
|
-
if (!inputs || inputs.length == 0)
|
76
|
-
continue;
|
77
|
-
var input = inputs[inputs.length - 1];
|
78
|
-
var value = input.value;
|
79
|
-
if (key)
|
80
|
-
newmap[key] = value || '';
|
81
|
-
}
|
82
|
-
this.value = newmap;
|
83
|
-
this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
|
84
|
-
}
|
85
|
-
/* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */
|
86
|
-
_toArray(map) {
|
87
|
-
var array = [];
|
88
|
-
for (var key in map) {
|
89
|
-
array.push({
|
90
|
-
key: key,
|
91
|
-
value: map[key]
|
92
|
-
});
|
93
|
-
}
|
94
|
-
return array;
|
95
|
-
}
|
96
|
-
_add() {
|
97
|
-
this._build(true);
|
98
|
-
var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*="display: none"])');
|
99
|
-
for (var i = 0; i < inputs.length; i++) {
|
100
|
-
let input = inputs[i];
|
101
|
-
input.value = '';
|
102
|
-
}
|
103
|
-
;
|
104
|
-
inputs[0].focus();
|
105
|
-
}
|
106
|
-
_delete(e) {
|
107
|
-
var record = e.target.parentElement;
|
108
|
-
record.querySelector('[data-key]').value = '';
|
109
|
-
this._build();
|
110
|
-
}
|
111
|
-
};
|
112
|
-
ThingsEditorHttpHeaders.styles = [
|
113
|
-
css `
|
114
|
-
:host {
|
115
|
-
display: flex;
|
116
|
-
flex-direction: column;
|
117
|
-
align-content: center;
|
118
|
-
|
119
|
-
width: 100%;
|
120
|
-
overflow: hidden;
|
121
|
-
border: 1px solid #ccc;
|
122
|
-
margin: 5px 0;
|
123
|
-
|
124
|
-
background-color: #ddd;
|
125
|
-
}
|
126
|
-
|
127
|
-
div {
|
128
|
-
display: flex;
|
129
|
-
flex-flow: row nowrap;
|
130
|
-
align-items: center;
|
131
|
-
}
|
132
|
-
|
133
|
-
div > * {
|
134
|
-
min-width: 0px;
|
135
|
-
min-height: 20px;
|
136
|
-
margin: 2px;
|
137
|
-
padding: 0;
|
138
|
-
}
|
139
|
-
|
140
|
-
button {
|
141
|
-
width: 20px;
|
142
|
-
text-align: center;
|
143
|
-
border-radius: 50%;
|
144
|
-
font-size: 1em;
|
145
|
-
}
|
146
|
-
|
147
|
-
input {
|
148
|
-
flex: 1;
|
149
|
-
}
|
150
|
-
|
151
|
-
select,
|
152
|
-
ox-select,
|
153
|
-
input:not([type='checkbox']) {
|
154
|
-
border: 1px solid rgba(0, 0, 0, 0.2);
|
155
|
-
border-radius: 4px;
|
156
|
-
}
|
157
|
-
`
|
158
|
-
];
|
159
|
-
__decorate([
|
160
|
-
property({ type: Object }),
|
161
|
-
__metadata("design:type", Object)
|
162
|
-
], ThingsEditorHttpHeaders.prototype, "value", void 0);
|
163
|
-
ThingsEditorHttpHeaders = __decorate([
|
164
|
-
customElement('things-editor-http-headers')
|
165
|
-
], ThingsEditorHttpHeaders);
|
166
|
-
export default ThingsEditorHttpHeaders;
|
167
|
-
//# sourceMappingURL=things-editor-http-headers.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"things-editor-http-headers.js","sourceRoot":"","sources":["../../client/editors/things-editor-http-headers.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\n/**\nhttp headers editor element\n\nExample:\n\n <things-editor-http-headers value=${map}>\n </things-editor-http-headers>\n*/\n@customElement('things-editor-http-headers')\nexport default class ThingsEditorHttpHeaders extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n align-content: center;\n\n width: 100%;\n overflow: hidden;\n border: 1px solid #ccc;\n margin: 5px 0;\n\n background-color: #ddd;\n }\n\n div {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n }\n\n div > * {\n min-width: 0px;\n min-height: 20px;\n margin: 2px;\n padding: 0;\n }\n\n button {\n width: 20px;\n text-align: center;\n border-radius: 50%;\n font-size: 1em;\n }\n\n input {\n flex: 1;\n }\n\n select,\n ox-select,\n input:not([type='checkbox']) {\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-radius: 4px;\n }\n `\n ]\n\n @property({ type: Object }) value: { [key: string]: string } = {}\n\n _changingNow: boolean = false\n\n firstUpdated() {\n this.renderRoot.addEventListener('change', this._onChange.bind(this))\n }\n\n render() {\n return html`\n ${this._toArray(this.value).map(\n item => html`\n <div data-record>\n <input type=\"text\" data-key placeholder=\"key\" .value=${item.key} />\n <input type=\"text\" data-value placeholder=\"value\" .value=${item.value} />\n <button class=\"record-action\" @click=${e => this._delete(e)} tabindex=\"-1\">x</button>\n </div>\n `\n )}\n\n <div data-record-new>\n <input type=\"text\" data-key placeholder=\"key\" value=\"\" />\n <input type=\"text\" data-value placeholder=\"value\" value=\"\" />\n <button class=\"record-action\" @click=${e => this._add()} tabindex=\"-1\">+</button>\n </div>\n `\n }\n\n _onChange(e) {\n if (this._changingNow) {\n return\n }\n\n this._changingNow = true\n\n var input = e.target\n var value = input.value\n\n var div = input.parentElement\n\n if (div.hasAttribute('data-record')) {\n var dataList = div.querySelectorAll('[data-value]:not([hidden])')\n for (var i = 0; i < dataList.length; i++) {\n if (dataList[i] !== input) {\n dataList[i].value = value || ''\n }\n }\n }\n\n if (div.hasAttribute('data-record')) {\n this._build()\n } else if (div.hasAttribute('data-record-new') && input.hasAttribute('data-value')) {\n this._add()\n }\n\n this._changingNow = false\n }\n\n _build(includeNewRecord?) {\n if (includeNewRecord) var records = this.renderRoot.querySelectorAll('[data-record],[data-record-new]')\n else var records = this.renderRoot.querySelectorAll('[data-record]')\n\n var newmap = {}\n\n for (var i = 0; i < records.length; i++) {\n var record = records[i]\n\n var key = (record.querySelector('[data-key]') as HTMLInputElement).value\n var inputs = record.querySelectorAll('[data-value]:not([style*=\"display: none\"])')\n if (!inputs || inputs.length == 0) continue\n\n var input = inputs[inputs.length - 1] as HTMLInputElement\n\n var value = input.value\n\n if (key) newmap[key] = value || ''\n }\n\n this.value = newmap\n this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n }\n\n /* map아이템들을 template(dom-repeat)용 배열로 변환하는 함수 */\n _toArray(map) {\n var array: { key: any; value: any }[] = []\n\n for (var key in map) {\n array.push({\n key: key,\n value: map[key]\n })\n }\n\n return array\n }\n\n _add() {\n this._build(true)\n\n var inputs = this.renderRoot.querySelectorAll('[data-record-new] input:not([style*=\"display: none\"])')\n\n for (var i = 0; i < inputs.length; i++) {\n let input = inputs[i] as HTMLInputElement\n input.value = ''\n }\n\n ;(inputs[0] as HTMLInputElement).focus()\n }\n\n _delete(e) {\n var record = e.target.parentElement\n record.querySelector('[data-key]').value = ''\n this._build()\n }\n}\n"]}
|
@@ -1,29 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* @license Copyright © HatioLab Inc. All rights reserved.
|
3
|
-
*/
|
4
|
-
import { LitElement } from 'lit';
|
5
|
-
/**
|
6
|
-
http parameters editor element
|
7
|
-
|
8
|
-
Example:
|
9
|
-
|
10
|
-
<things-editor-http-parameters value=${map}>
|
11
|
-
</things-editor-http-parameters>
|
12
|
-
*/
|
13
|
-
export default class ThingsEditorHttpParameters extends LitElement {
|
14
|
-
static styles: import("lit").CSSResult[];
|
15
|
-
value: {
|
16
|
-
[key: string]: string;
|
17
|
-
};
|
18
|
-
_changingNow: boolean;
|
19
|
-
firstUpdated(): void;
|
20
|
-
render(): import("lit-html").TemplateResult<1>;
|
21
|
-
_onChange(e: any): void;
|
22
|
-
_build(includeNewRecord?: any): void;
|
23
|
-
_toArray(map: any): {
|
24
|
-
key: any;
|
25
|
-
value: any;
|
26
|
-
}[];
|
27
|
-
_add(): void;
|
28
|
-
_delete(e: any): void;
|
29
|
-
}
|