@operato/scene-chartjs 1.1.8 → 1.1.13
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/CHANGELOG.md +18 -0
- package/dist/editors/property-editor-chartjs-abstract.d.ts +1 -0
- package/dist/editors/property-editor-chartjs-abstract.js +14 -13
- package/dist/editors/property-editor-chartjs-abstract.js.map +1 -1
- package/dist/editors/property-editor-chartjs-hbar.d.ts +3 -1
- package/dist/editors/property-editor-chartjs-hbar.js +34 -32
- package/dist/editors/property-editor-chartjs-hbar.js.map +1 -1
- package/dist/editors/property-editor-chartjs-mixed.d.ts +1 -0
- package/dist/editors/property-editor-chartjs-mixed.js +28 -27
- package/dist/editors/property-editor-chartjs-mixed.js.map +1 -1
- package/dist/editors/property-editor-chartjs-multi-series-abstract.d.ts +5 -4
- package/dist/editors/property-editor-chartjs-multi-series-abstract.js +49 -48
- package/dist/editors/property-editor-chartjs-multi-series-abstract.js.map +1 -1
- package/dist/editors/property-editor-chartjs-pie.d.ts +1 -0
- package/dist/editors/property-editor-chartjs-pie.js +6 -5
- package/dist/editors/property-editor-chartjs-pie.js.map +1 -1
- package/dist/editors/property-editor-chartjs-radar.d.ts +1 -0
- package/dist/editors/property-editor-chartjs-radar.js +4 -3
- package/dist/editors/property-editor-chartjs-radar.js.map +1 -1
- package/dist/editors/property-editor-chartjs-styles.js +6 -9
- package/dist/editors/property-editor-chartjs-styles.js.map +1 -1
- package/dist/editors/property-editor-chartjs.d.ts +1 -0
- package/dist/editors/property-editor-chartjs.js +2 -1
- package/dist/editors/property-editor-chartjs.js.map +1 -1
- package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json +3 -13
- package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json +6 -11
- package/logs/application-2022-11-12-23.log +6 -0
- package/logs/connections-2022-11-07-00.log +35 -0
- package/logs/connections-2022-11-12-23.log +35 -0
- package/package.json +3 -3
- package/src/editors/property-editor-chartjs-abstract.ts +15 -13
- package/src/editors/property-editor-chartjs-hbar.ts +36 -32
- package/src/editors/property-editor-chartjs-mixed.ts +29 -27
- package/src/editors/property-editor-chartjs-multi-series-abstract.ts +53 -51
- package/src/editors/property-editor-chartjs-pie.ts +7 -5
- package/src/editors/property-editor-chartjs-radar.ts +5 -3
- package/src/editors/property-editor-chartjs-styles.ts +6 -9
- package/src/editors/property-editor-chartjs.ts +3 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/logs/application-2022-10-17-18.log +0 -18
- package/logs/application-2022-10-17-19.log +0 -16
- package/logs/application-2022-10-17-22.log +0 -7
- package/logs/connections-2022-10-17-18.log +0 -105
- package/logs/connections-2022-10-17-19.log +0 -70
- package/logs/connections-2022-10-17-22.log +0 -35
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"property-editor-chartjs-styles.js","sourceRoot":"","sources":["../../src/editors/property-editor-chartjs-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"property-editor-chartjs-styles.js","sourceRoot":"","sources":["../../src/editors/property-editor-chartjs-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8J7C,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const PropertyEditorChartJSStyles = css`\n :host {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n\n --mdc-icon-button-size: 24px;\n --mdc-icon-size: 24px;\n }\n\n :host > * {\n box-sizing: border-box;\n grid-column: span 7;\n }\n\n :host > label {\n box-sizing: border-box;\n grid-column: span 3;\n }\n\n :host > legend {\n box-sizing: border-box;\n grid-column: 1 / -1;\n color: var(--secondary-text-color, #e46c2e);\n font: var(--property-sidebar-fieldset-legend, bold 13px var(--theme-font));\n text-transform: capitalize;\n }\n\n #series-properties-container {\n display: grid;\n grid-template-columns: 1fr 25px;\n align-items: center;\n justify-content: center;\n }\n\n #series-properties-container > iron-pages {\n grid-column: span 2;\n }\n\n #tab-header {\n display: grid;\n grid-template-columns: 25px 1fr 25px;\n grid-gap: 5px;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-bottom: 0;\n background-color: #ccc;\n box-sizing: border-box;\n padding-top: 3px;\n align-items: center;\n }\n\n #tab-header > paper-tabs {\n height: 25px;\n }\n\n #tab-header paper-tabs mwc-icon-button {\n display: flex;\n margin-left: 5px;\n padding: 2px;\n color: #585858;\n\n --mdc-icon-size: 16px;\n }\n\n #add-series-button-container {\n height: 100%;\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n padding-top: 3px;\n display: flex;\n border-bottom: rgba(0, 0, 0, 0.2) 1px solid;\n }\n\n #add-series-button {\n width: 20px;\n height: 20px;\n padding: 0;\n color: var(--primary-text-color);\n }\n\n .tab-content {\n background-color: rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(0, 0, 0, 0.2);\n border-width: 0 1px 1px 1px;\n padding: 5px;\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n }\n\n .tab-content > * {\n box-sizing: border-box;\n grid-column: span 7;\n }\n\n label,\n .tab-content > label {\n grid-column: span 3;\n text-align: right;\n color: var(--primary-text-color);\n font-size: 0.8em;\n line-height: 2;\n text-transform: capitalize;\n }\n\n input[type='checkbox'],\n .tab-content > input[type='checkbox'] {\n grid-column: span 4;\n justify-self: end;\n align-self: center;\n }\n\n input[type='checkbox'] + label,\n .tab-content > input[type='checkbox'] + label {\n grid-column: span 6;\n\n text-align: left;\n }\n\n [fullwidth] {\n grid-column: 1 / -1;\n margin: 0;\n border: 0;\n }\n\n select {\n border: 1px solid rgba(0, 0, 0, 0.2);\n }\n input[type='text'] {\n border: 1px solid rgba(0, 0, 0, 0.2);\n }\n\n paper-tab {\n background-color: rgba(0, 0, 0, 0.2);\n background-color: #ccc;\n border-width: 1px 1px 0 1px;\n padding: 0 5px;\n color: #fff;\n font-size: 13px;\n box-sizing: border-box;\n min-width: 45px;\n }\n\n paper-tab[disabled] {\n background-color: rgba(0, 0, 0, 0.1);\n }\n\n paper-tab:last-child {\n border-width: 0;\n }\n\n paper-tabs paper-tab.iron-selected {\n background-color: #f6f8f9;\n border-radius: 5px 5px 0 0;\n color: #585858;\n }\n`\n"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
+
import '@operato/i18n/ox-i18n.js';
|
|
2
3
|
import './property-editor-chartjs-hbar';
|
|
3
4
|
import './property-editor-chartjs-mixed';
|
|
4
5
|
import './property-editor-chartjs-pie';
|
|
@@ -12,7 +13,7 @@ let ChartJSEditor = class ChartJSEditor extends OxPropertyEditor {
|
|
|
12
13
|
${value
|
|
13
14
|
? html `
|
|
14
15
|
<div id="chart-type">
|
|
15
|
-
<label> <i18n
|
|
16
|
+
<label> <ox-i18n msgid="label.chart-type">Chart Type</ox-i18n> </label>
|
|
16
17
|
<input type="text" .value=${value.type} readonly />
|
|
17
18
|
</div>
|
|
18
19
|
`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"property-editor-chartjs.js","sourceRoot":"","sources":["../../src/editors/property-editor-chartjs.ts"],"names":[],"mappings":";AAAA,OAAO,gCAAgC,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,+BAA+B,CAAA;AACtC,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAG1D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,gBAAgB;IAkCzD,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA;QACP,KAAK;YACL,CAAC,CAAC,IAAI,CAAA;;;0CAG4B,KAAK,CAAC,IAAI;;WAEzC;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;QACR,CAAC,KAAK;YACN,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM;gBACtB,CAAC,CAAC,IAAI,CAAA,0CAA0C,KAAK,8CAA8C;gBACnG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,eAAe;oBAC/B,CAAC,CAAC,IAAI,CAAA,yCAAyC,KAAK,6CAA6C;oBACjG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;wBACrB,CAAC,CAAC,IAAI,CAAA,0CAA0C,KAAK,8CAA8C;wBACnG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;4BACrB,CAAC,CAAC,IAAI,CAAA,wCAAwC,KAAK,4CAA4C;4BAC/F,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,UAAU;gCAC1B,CAAC,CAAC,IAAI,CAAA,wCAAwC,KAAK,4CAA4C;gCAC/F,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW;oCAC3B,CAAC,CAAC,IAAI,CAAA,wCAAwC,KAAK,4CAA4C;oCAC/F,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO;wCACvB,CAAC,CAAC,IAAI,CAAA,0CAA0C,KAAK,8CAA8C;wCACnG,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;;AA7DM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BF;CACF,CAAA;AAhCkB,aAAa;IADjC,aAAa,CAAC,yBAAyB,CAAC;GACpB,aAAa,CA+DjC;eA/DoB,aAAa","sourcesContent":["import './property-editor-chartjs-hbar'\nimport './property-editor-chartjs-mixed'\nimport './property-editor-chartjs-pie'\nimport './property-editor-chartjs-radar'\n\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('property-editor-chartjs')\nexport default class ChartJSEditor extends OxPropertyEditor {\n static styles = [\n css`\n :host {\n display: block;\n padding: 5px;\n }\n\n #chart-type {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n }\n\n #chart-type > label {\n box-sizing: border-box;\n grid-column: span 3;\n\n text-align: right;\n\n color: var(--primary-text-color);\n font-size: 0.8em;\n line-height: 2;\n text-transform: capitalize;\n }\n\n #chart-type > input {\n box-sizing: border-box;\n grid-column: span 7;\n border: 1px solid rgba(0, 0, 0, 0.2);\n }\n `\n ]\n\n editorTemplate(value: any, spec: PropertySpec) {\n return html`\n ${value\n ? html`\n <div id=\"chart-type\">\n <label> <i18n
|
|
1
|
+
{"version":3,"file":"property-editor-chartjs.js","sourceRoot":"","sources":["../../src/editors/property-editor-chartjs.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,gCAAgC,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,+BAA+B,CAAA;AACtC,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,gBAAgB,EAAgB,MAAM,0BAA0B,CAAA;AAG1D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,gBAAgB;IAkCzD,cAAc,CAAC,KAAU,EAAE,IAAkB;QAC3C,OAAO,IAAI,CAAA;QACP,KAAK;YACL,CAAC,CAAC,IAAI,CAAA;;;0CAG4B,KAAK,CAAC,IAAI;;WAEzC;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;QACR,CAAC,KAAK;YACN,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM;gBACtB,CAAC,CAAC,IAAI,CAAA,0CAA0C,KAAK,8CAA8C;gBACnG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,eAAe;oBAC/B,CAAC,CAAC,IAAI,CAAA,yCAAyC,KAAK,6CAA6C;oBACjG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;wBACrB,CAAC,CAAC,IAAI,CAAA,0CAA0C,KAAK,8CAA8C;wBACnG,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK;4BACrB,CAAC,CAAC,IAAI,CAAA,wCAAwC,KAAK,4CAA4C;4BAC/F,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,UAAU;gCAC1B,CAAC,CAAC,IAAI,CAAA,wCAAwC,KAAK,4CAA4C;gCAC/F,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW;oCAC3B,CAAC,CAAC,IAAI,CAAA,wCAAwC,KAAK,4CAA4C;oCAC/F,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO;wCACvB,CAAC,CAAC,IAAI,CAAA,0CAA0C,KAAK,8CAA8C;wCACnG,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;;AA7DM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BF;CACF,CAAA;AAhCkB,aAAa;IADjC,aAAa,CAAC,yBAAyB,CAAC;GACpB,aAAa,CA+DjC;eA/DoB,aAAa","sourcesContent":["import '@operato/i18n/ox-i18n.js'\n\nimport './property-editor-chartjs-hbar'\nimport './property-editor-chartjs-mixed'\nimport './property-editor-chartjs-pie'\nimport './property-editor-chartjs-radar'\n\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('property-editor-chartjs')\nexport default class ChartJSEditor extends OxPropertyEditor {\n static styles = [\n css`\n :host {\n display: block;\n padding: 5px;\n }\n\n #chart-type {\n display: grid;\n grid-template-columns: repeat(10, 1fr);\n grid-gap: 5px;\n }\n\n #chart-type > label {\n box-sizing: border-box;\n grid-column: span 3;\n\n text-align: right;\n\n color: var(--primary-text-color);\n font-size: 0.8em;\n line-height: 2;\n text-transform: capitalize;\n }\n\n #chart-type > input {\n box-sizing: border-box;\n grid-column: span 7;\n border: 1px solid rgba(0, 0, 0, 0.2);\n }\n `\n ]\n\n editorTemplate(value: any, spec: PropertySpec) {\n return html`\n ${value\n ? html`\n <div id=\"chart-type\">\n <label> <ox-i18n msgid=\"label.chart-type\">Chart Type</ox-i18n> </label>\n <input type=\"text\" .value=${value.type} readonly />\n </div>\n `\n : html``}\n ${!value\n ? html``\n : value.type == 'line'\n ? html` <property-editor-chartjs-mixed .value=${value} fullwidth></property-editor-chartjs-mixed> `\n : value.type == 'horizontalBar'\n ? html` <property-editor-chartjs-hbar .value=${value} fullwidth></property-editor-chartjs-hbar> `\n : value.type == 'bar'\n ? html` <property-editor-chartjs-mixed .value=${value} fullwidth></property-editor-chartjs-mixed> `\n : value.type == 'pie'\n ? html` <property-editor-chartjs-pie .value=${value} fullwidth></property-editor-chartjs-pie> `\n : value.type == 'doughnut'\n ? html` <property-editor-chartjs-pie .value=${value} fullwidth></property-editor-chartjs-pie> `\n : value.type == 'polarArea'\n ? html` <property-editor-chartjs-pie .value=${value} fullwidth></property-editor-chartjs-pie> `\n : value.type == 'radar'\n ? html` <property-editor-chartjs-radar .value=${value} fullwidth></property-editor-chartjs-radar> `\n : html``}\n `\n }\n}\n"]}
|
|
@@ -6,19 +6,9 @@
|
|
|
6
6
|
"auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
|
|
7
7
|
"files": [
|
|
8
8
|
{
|
|
9
|
-
"date":
|
|
10
|
-
"name": "logs/application-2022-
|
|
11
|
-
"hash": "
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
"date": 1666002009645,
|
|
15
|
-
"name": "logs/application-2022-10-17-19.log",
|
|
16
|
-
"hash": "6e7e9a3f86aa025510e67497b87856dd2fe1425e43ef28a3a178fb651158b4e2"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"date": 1666014316904,
|
|
20
|
-
"name": "logs/application-2022-10-17-22.log",
|
|
21
|
-
"hash": "34310c782e881da01bab2ff5e574194516a99111610ecf830d6c06e461bd165f"
|
|
9
|
+
"date": 1668262764298,
|
|
10
|
+
"name": "logs/application-2022-11-12-23.log",
|
|
11
|
+
"hash": "f37fb366de48b8954049da0e6c6418a7597cd13fe509213c3c4691c2f3a126ac"
|
|
22
12
|
}
|
|
23
13
|
],
|
|
24
14
|
"hashType": "sha256"
|
|
@@ -6,19 +6,14 @@
|
|
|
6
6
|
"auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
|
|
7
7
|
"files": [
|
|
8
8
|
{
|
|
9
|
-
"date":
|
|
10
|
-
"name": "logs/connections-2022-
|
|
11
|
-
"hash": "
|
|
9
|
+
"date": 1667749777877,
|
|
10
|
+
"name": "logs/connections-2022-11-07-00.log",
|
|
11
|
+
"hash": "1b4e31d56fbc1f6587f98c50d2cc26ef03ca2ae8e531a22bf4e1c6773d820bfd"
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
|
-
"date":
|
|
15
|
-
"name": "logs/connections-2022-
|
|
16
|
-
"hash": "
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"date": 1666014317941,
|
|
20
|
-
"name": "logs/connections-2022-10-17-22.log",
|
|
21
|
-
"hash": "8d7dabfa84723ed3c4724a0a7aa2d2f96e8fc5781015ad42a579e3247fd3ce16"
|
|
14
|
+
"date": 1668262765348,
|
|
15
|
+
"name": "logs/connections-2022-11-12-23.log",
|
|
16
|
+
"hash": "0491bc7bf12de8c21d480e63d522588e826d09e49553c70483ad30fc8568b7ab"
|
|
22
17
|
}
|
|
23
18
|
],
|
|
24
19
|
"hashType": "sha256"
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
2022-11-12T23:19:24+09:00 info: File Storage is Ready.
|
|
2
|
+
2022-11-12T23:19:25+09:00 error: oracledb module loading failed
|
|
3
|
+
2022-11-12T23:19:26+09:00 info: Default DataSource established
|
|
4
|
+
2022-11-12T23:19:26+09:00 info: Transaction DataSource established
|
|
5
|
+
2022-11-12T23:19:27+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
|
|
6
|
+
2022-11-12T23:19:27+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
2022-11-07T00:49:39+09:00 info: Initializing ConnectionManager...
|
|
2
|
+
2022-11-07T00:49:39+09:00 info: Connector 'echo-back-server' started to ready
|
|
3
|
+
2022-11-07T00:49:39+09:00 info: Connector 'echo-back' started to ready
|
|
4
|
+
2022-11-07T00:49:39+09:00 info: Connector 'http-connector' started to ready
|
|
5
|
+
2022-11-07T00:49:39+09:00 info: Connector 'graphql-connector' started to ready
|
|
6
|
+
2022-11-07T00:49:39+09:00 info: Connector 'sqlite-connector' started to ready
|
|
7
|
+
2022-11-07T00:49:39+09:00 info: Connector 'postgresql-connector' started to ready
|
|
8
|
+
2022-11-07T00:49:39+09:00 info: Connector 'mqtt-connector' started to ready
|
|
9
|
+
2022-11-07T00:49:39+09:00 info: Connector 'mssql-connector' started to ready
|
|
10
|
+
2022-11-07T00:49:39+09:00 info: Connector 'oracle-connector' started to ready
|
|
11
|
+
2022-11-07T00:49:39+09:00 info: Connector 'mysql-connector' started to ready
|
|
12
|
+
2022-11-07T00:49:39+09:00 info: Connector 'socket-server' started to ready
|
|
13
|
+
2022-11-07T00:49:39+09:00 info: echo-back-servers are ready
|
|
14
|
+
2022-11-07T00:49:39+09:00 info: echo-back connections are ready
|
|
15
|
+
2022-11-07T00:49:39+09:00 info: http-connector connections are ready
|
|
16
|
+
2022-11-07T00:49:39+09:00 info: graphql-connector connections are ready
|
|
17
|
+
2022-11-07T00:49:39+09:00 info: sqlite-connector connections are ready
|
|
18
|
+
2022-11-07T00:49:39+09:00 info: postgresql-connector connections are ready
|
|
19
|
+
2022-11-07T00:49:39+09:00 info: mqtt-connector connections are ready
|
|
20
|
+
2022-11-07T00:49:39+09:00 info: mssql-connector connections are ready
|
|
21
|
+
2022-11-07T00:49:39+09:00 info: oracle-connector connections are ready
|
|
22
|
+
2022-11-07T00:49:39+09:00 info: mysql-connector connections are ready
|
|
23
|
+
2022-11-07T00:49:39+09:00 info: socket servers are ready
|
|
24
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'echo-back-server' ready
|
|
25
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'echo-back' ready
|
|
26
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'http-connector' ready
|
|
27
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'graphql-connector' ready
|
|
28
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'sqlite-connector' ready
|
|
29
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'postgresql-connector' ready
|
|
30
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'mqtt-connector' ready
|
|
31
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'mssql-connector' ready
|
|
32
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'oracle-connector' ready
|
|
33
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'mysql-connector' ready
|
|
34
|
+
2022-11-07T00:49:39+09:00 info: All connector for 'socket-server' ready
|
|
35
|
+
2022-11-07T00:49:39+09:00 info: ConnectionManager initialization done:
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
2022-11-12T23:19:27+09:00 info: Initializing ConnectionManager...
|
|
2
|
+
2022-11-12T23:19:27+09:00 info: Connector 'echo-back-server' started to ready
|
|
3
|
+
2022-11-12T23:19:27+09:00 info: Connector 'echo-back' started to ready
|
|
4
|
+
2022-11-12T23:19:27+09:00 info: Connector 'http-connector' started to ready
|
|
5
|
+
2022-11-12T23:19:27+09:00 info: Connector 'graphql-connector' started to ready
|
|
6
|
+
2022-11-12T23:19:27+09:00 info: Connector 'sqlite-connector' started to ready
|
|
7
|
+
2022-11-12T23:19:27+09:00 info: Connector 'postgresql-connector' started to ready
|
|
8
|
+
2022-11-12T23:19:27+09:00 info: Connector 'mqtt-connector' started to ready
|
|
9
|
+
2022-11-12T23:19:27+09:00 info: Connector 'mssql-connector' started to ready
|
|
10
|
+
2022-11-12T23:19:27+09:00 info: Connector 'oracle-connector' started to ready
|
|
11
|
+
2022-11-12T23:19:27+09:00 info: Connector 'mysql-connector' started to ready
|
|
12
|
+
2022-11-12T23:19:27+09:00 info: Connector 'socket-server' started to ready
|
|
13
|
+
2022-11-12T23:19:27+09:00 info: echo-back-servers are ready
|
|
14
|
+
2022-11-12T23:19:27+09:00 info: echo-back connections are ready
|
|
15
|
+
2022-11-12T23:19:27+09:00 info: http-connector connections are ready
|
|
16
|
+
2022-11-12T23:19:27+09:00 info: graphql-connector connections are ready
|
|
17
|
+
2022-11-12T23:19:27+09:00 info: sqlite-connector connections are ready
|
|
18
|
+
2022-11-12T23:19:27+09:00 info: postgresql-connector connections are ready
|
|
19
|
+
2022-11-12T23:19:27+09:00 info: mqtt-connector connections are ready
|
|
20
|
+
2022-11-12T23:19:27+09:00 info: mssql-connector connections are ready
|
|
21
|
+
2022-11-12T23:19:27+09:00 info: oracle-connector connections are ready
|
|
22
|
+
2022-11-12T23:19:27+09:00 info: mysql-connector connections are ready
|
|
23
|
+
2022-11-12T23:19:27+09:00 info: socket servers are ready
|
|
24
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'echo-back-server' ready
|
|
25
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'echo-back' ready
|
|
26
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'http-connector' ready
|
|
27
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'graphql-connector' ready
|
|
28
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'sqlite-connector' ready
|
|
29
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'postgresql-connector' ready
|
|
30
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'mqtt-connector' ready
|
|
31
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'mssql-connector' ready
|
|
32
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'oracle-connector' ready
|
|
33
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'mysql-connector' ready
|
|
34
|
+
2022-11-12T23:19:27+09:00 info: All connector for 'socket-server' ready
|
|
35
|
+
2022-11-12T23:19:27+09:00 info: ConnectionManager initialization done:
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/scene-chartjs",
|
|
3
3
|
"description": "Things Scene ChartJS Component",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.13",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "heartyoh",
|
|
7
7
|
"main": "dist/index.js",
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@ctrl/tinycolor": "^3.1.6",
|
|
31
31
|
"@hatiolab/things-scene": "^3.1.0",
|
|
32
|
+
"@material/mwc-icon-button": "^0.27.0",
|
|
32
33
|
"@polymer/iron-pages": "^3.0.1",
|
|
33
|
-
"@polymer/paper-icon-button": "^3.0.2",
|
|
34
34
|
"@polymer/paper-tabs": "^3.1.0",
|
|
35
35
|
"@webcomponents/template": "^1.5.0",
|
|
36
36
|
"@webcomponents/webcomponentsjs": "^2.6.0",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"prettier --write"
|
|
73
73
|
]
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "fd407fa6abf653e7fed73f832ca73f1cb91cd27e"
|
|
76
76
|
}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import '@operato/i18n/ox-i18n.js'
|
|
2
|
+
|
|
1
3
|
import { html, LitElement } from 'lit'
|
|
2
4
|
import { property } from 'lit/decorators.js'
|
|
3
5
|
|
|
@@ -14,29 +16,29 @@ export default class PropertyEditorChartJSAbstract extends LitElement {
|
|
|
14
16
|
|
|
15
17
|
render() {
|
|
16
18
|
return html`
|
|
17
|
-
<legend><i18n
|
|
19
|
+
<legend><ox-i18n msgid="label.chart">Chart</ox-i18n></legend>
|
|
18
20
|
|
|
19
|
-
<label> <i18n
|
|
21
|
+
<label> <ox-i18n msgid="label.theme">theme</ox-i18n> </label>
|
|
20
22
|
<select value-key="theme" class="select-content" .value=${this.theme}>
|
|
21
23
|
<option value="dark">dark</option>
|
|
22
24
|
<option value="light">light</option>
|
|
23
25
|
</select>
|
|
24
26
|
|
|
25
27
|
<input type="checkbox" value-key="tooltip" .checked=${this.tooltip} />
|
|
26
|
-
<label> <i18n
|
|
28
|
+
<label> <ox-i18n msgid="label.tooltip">Tooltip</ox-i18n> </label>
|
|
27
29
|
|
|
28
30
|
<input type="checkbox" value-key="animation" .checked=${this.animation} />
|
|
29
|
-
<label> <i18n
|
|
31
|
+
<label> <ox-i18n msgid="label.animation">Animation</ox-i18n> </label>
|
|
30
32
|
|
|
31
33
|
<input type="checkbox" value-key="display" .checked=${this.display} />
|
|
32
|
-
<label> <i18n
|
|
34
|
+
<label> <ox-i18n msgid="label.legend">Legend</ox-i18n> </label>
|
|
33
35
|
|
|
34
36
|
<input type="checkbox" value-key="stacked" .checked=${this.stacked} />
|
|
35
|
-
<label> <i18n
|
|
37
|
+
<label> <ox-i18n msgid="label.stacked">Stacked</ox-i18n> </label>
|
|
36
38
|
|
|
37
39
|
${this.display
|
|
38
40
|
? html`
|
|
39
|
-
<label> <i18n
|
|
41
|
+
<label> <ox-i18n msgid="label.position">Position</ox-i18n> </label>
|
|
40
42
|
<select value-key="position" class="select-content" .value=${this.position}>
|
|
41
43
|
<option value="top">top</option>
|
|
42
44
|
<option value="right">right</option>
|
|
@@ -55,25 +57,25 @@ export default class PropertyEditorChartJSAbstract extends LitElement {
|
|
|
55
57
|
|
|
56
58
|
displayValueTemplate() {
|
|
57
59
|
return html`
|
|
58
|
-
<label> <i18n
|
|
60
|
+
<label> <ox-i18n msgid="label.value-prefix">Value Prefix</ox-i18n> </label>
|
|
59
61
|
<input type="text" value-key="series.valuePrefix" .value=${this.series.valuePrefix || ''} />
|
|
60
62
|
|
|
61
|
-
<label> <i18n
|
|
63
|
+
<label> <ox-i18n msgid="label.value-suffix">Value suffix</ox-i18n> </label>
|
|
62
64
|
<input type="text" value-key="series.valueSuffix" .value=${this.series.valueSuffix || ''} />
|
|
63
65
|
|
|
64
66
|
<input type="checkbox" value-key="series.displayValue" .checked=${this.series.displayValue || false} />
|
|
65
|
-
<label> <i18n
|
|
67
|
+
<label> <ox-i18n msgid="label.value-display">Value Display</ox-i18n> </label>
|
|
66
68
|
|
|
67
69
|
${this.series.displayValue
|
|
68
70
|
? html`
|
|
69
|
-
<label> <i18n
|
|
71
|
+
<label> <ox-i18n msgid="label.font-color">Font Color</ox-i18n> </label>
|
|
70
72
|
<ox-input-color
|
|
71
73
|
value-key="series.defaultFontColor"
|
|
72
74
|
.value=${this.series.defaultFontColor || '#000'}
|
|
73
75
|
></ox-input-color>
|
|
74
|
-
<label> <i18n
|
|
76
|
+
<label> <ox-i18n msgid="label.font-size">Font Size</ox-i18n> </label>
|
|
75
77
|
<input type="number" value-key="series.defaultFontSize" .value=${this.series.defaultFontSize || 10} />
|
|
76
|
-
<label> <i18n
|
|
78
|
+
<label> <ox-i18n msgid="label.position">Position</ox-i18n> </label>
|
|
77
79
|
<select value-key="series.dataLabelAnchor" .value=${this.series.dataLabelAnchor || 'center'}>
|
|
78
80
|
<option value="start">Start</option>
|
|
79
81
|
<option value="center" selected>Center</option>
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import '@
|
|
1
|
+
import '@material/mwc-icon-button'
|
|
2
2
|
import '@polymer/paper-tabs/paper-tabs'
|
|
3
3
|
import '@polymer/iron-pages/iron-pages'
|
|
4
4
|
|
|
5
|
+
import '@operato/i18n/ox-i18n.js'
|
|
6
|
+
|
|
5
7
|
import { html } from 'lit'
|
|
6
8
|
import { customElement } from 'lit/decorators.js'
|
|
7
9
|
|
|
@@ -9,20 +11,22 @@ import PropertyEditorChartJSMultiSeriesAbstract from './property-editor-chartjs-
|
|
|
9
11
|
|
|
10
12
|
@customElement('property-editor-chartjs-hbar')
|
|
11
13
|
export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMultiSeriesAbstract {
|
|
14
|
+
static styles = [...PropertyEditorChartJSMultiSeriesAbstract.styles]
|
|
15
|
+
|
|
12
16
|
editorTemplate() {
|
|
13
17
|
return html`
|
|
14
|
-
<legend><i18n
|
|
18
|
+
<legend><ox-i18n msgid="label.series">Series</ox-i18n></legend>
|
|
15
19
|
${this.multiSeriesTabTemplate()}
|
|
16
20
|
|
|
17
|
-
<legend><i18n
|
|
21
|
+
<legend><ox-i18n msgid="label.y-axes">Y Axes</ox-i18n></legend>
|
|
18
22
|
|
|
19
|
-
<label> <i18n
|
|
23
|
+
<label> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
|
|
20
24
|
<input type="text" value-key="labelDataKey" .value=${this.labelDataKey} />
|
|
21
25
|
|
|
22
|
-
<label> <i18n
|
|
26
|
+
<label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
|
|
23
27
|
<input type="text" value-key="yAxes0.axisTitle" .value=${this.yAxes0.axisTitle || ''} />
|
|
24
28
|
|
|
25
|
-
<label><i18n
|
|
29
|
+
<label><ox-i18n msgid="label.bar-spacing">Bar Spacing</ox-i18n></label>
|
|
26
30
|
<input
|
|
27
31
|
type="number"
|
|
28
32
|
min="0"
|
|
@@ -31,7 +35,7 @@ export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMult
|
|
|
31
35
|
value-key="yAxes0.barSpacing"
|
|
32
36
|
.value=${this.yAxes0.barSpacing || NaN}
|
|
33
37
|
/>
|
|
34
|
-
<label><i18n
|
|
38
|
+
<label><ox-i18n msgid="label.tick-spacing">Tick Spacing</ox-i18n></label>
|
|
35
39
|
<input
|
|
36
40
|
type="number"
|
|
37
41
|
min="0"
|
|
@@ -42,43 +46,43 @@ export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMult
|
|
|
42
46
|
/>
|
|
43
47
|
|
|
44
48
|
<input type="checkbox" value-key="value.options.xGridLine" .checked=${this.value.options.xGridLine} />
|
|
45
|
-
<label> <i18n
|
|
49
|
+
<label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
|
|
46
50
|
|
|
47
51
|
<input type="checkbox" value-key="xAxes0.ticks.display" .checked=${this.xAxes0.ticks.display} />
|
|
48
|
-
<label> <i18n
|
|
52
|
+
<label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
|
|
49
53
|
|
|
50
|
-
<legend><i18n
|
|
54
|
+
<legend><ox-i18n msgid="label.x-axes">X Axes</ox-i18n></legend>
|
|
51
55
|
|
|
52
|
-
<label> <i18n
|
|
56
|
+
<label> <ox-i18n msgid="label.title">Title</ox-i18n> </label>
|
|
53
57
|
<input type="text" value-key="xAxes0.title" .value=${this.xAxes0.axisTitle || ''} />
|
|
54
58
|
|
|
55
59
|
<input type="checkbox" value-key="xAxes0.ticks.autoMin" .checked=${this.xAxes0.ticks.autoMin} />
|
|
56
|
-
<label> <i18n
|
|
60
|
+
<label> <ox-i18n msgid="label.axis-min-auto">Axis Min Auto</ox-i18n> </label>
|
|
57
61
|
|
|
58
62
|
<input type="checkbox" value-key="xAxes0.ticks.autoMax" .checked=${this.xAxes0.ticks.autoMax} />
|
|
59
|
-
<label> <i18n
|
|
63
|
+
<label> <ox-i18n msgid="label.axis-max-auto">Axis Max Auto</ox-i18n> </label>
|
|
60
64
|
|
|
61
65
|
${!this.xAxes0.ticks.autoMin
|
|
62
66
|
? html`
|
|
63
|
-
<label> <i18n
|
|
67
|
+
<label> <ox-i18n msgid="label.axis-min">Axis Min</ox-i18n> </label>
|
|
64
68
|
<input type="number" value-key="xAxes0.ticks.min" .value=${this.xAxes0.ticks.min} />
|
|
65
69
|
`
|
|
66
70
|
: html``}
|
|
67
71
|
${!this.xAxes0.ticks.autoMax
|
|
68
72
|
? html`
|
|
69
|
-
<label> <i18n
|
|
73
|
+
<label> <ox-i18n msgid="label.axis-max">Axis Max</ox-i18n> </label>
|
|
70
74
|
<input type="number" value-key="xAxes0.ticks.max" .value=${this.xAxes0.ticks.max} />
|
|
71
75
|
`
|
|
72
76
|
: html``}
|
|
73
77
|
|
|
74
|
-
<label> <i18n
|
|
78
|
+
<label> <ox-i18n msgid="label.axis-step-size">Axis Step Size</ox-i18n> </label>
|
|
75
79
|
<input type="number" value-key="yAxes0.ticks.stepSize" .value=${this.yAxes0.ticks.stepSize} />
|
|
76
80
|
|
|
77
81
|
<input type="checkbox" .checked=${this.value.options.yGridLine} />
|
|
78
|
-
<label> <i18n
|
|
82
|
+
<label> <ox-i18n msgid="label.grid-line">Grid Line</ox-i18n> </label>
|
|
79
83
|
|
|
80
84
|
<input type="checkbox" value-key="yAxes0.ticks.display" .checked=${this.yAxes0.ticks.display} />
|
|
81
|
-
<label> <i18n
|
|
85
|
+
<label> <ox-i18n msgid="label.display-tick">Display Tick</ox-i18n> </label>
|
|
82
86
|
`
|
|
83
87
|
}
|
|
84
88
|
|
|
@@ -86,14 +90,14 @@ export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMult
|
|
|
86
90
|
return html`
|
|
87
91
|
<div id="series-properties-container" fullwidth>
|
|
88
92
|
<div id="tab-header">
|
|
89
|
-
<
|
|
93
|
+
<mwc-icon-button
|
|
90
94
|
id="tab-nav-left-button"
|
|
91
|
-
icon="
|
|
95
|
+
icon="chevron_left"
|
|
92
96
|
@click=${(e: Event) => {
|
|
93
97
|
this._onTabScrollNavLeft(e)
|
|
94
98
|
}}
|
|
95
99
|
disabled
|
|
96
|
-
></
|
|
100
|
+
></mwc-icon-button>
|
|
97
101
|
<paper-tabs
|
|
98
102
|
id="tabs"
|
|
99
103
|
@iron-select=${(e: Event) => (this.currentSeriesIndex = (e.target as any).selected)}
|
|
@@ -110,42 +114,42 @@ export default class PropertyEditorChartJSHBar extends PropertyEditorChartJSMult
|
|
|
110
114
|
>${index + 1}
|
|
111
115
|
${!this.datasets || (this.datasets.length != 1 && this.currentSeriesIndex == index)
|
|
112
116
|
? html`
|
|
113
|
-
<
|
|
114
|
-
</
|
|
117
|
+
<mwc-icon-button icon="close" @tap="${(e: Event) => this.onTapRemoveCurrentTab(e)}">
|
|
118
|
+
</mwc-icon-button>
|
|
115
119
|
`
|
|
116
120
|
: html``}
|
|
117
121
|
</paper-tab>
|
|
118
122
|
`
|
|
119
123
|
)}
|
|
120
124
|
</paper-tabs>
|
|
121
|
-
<
|
|
125
|
+
<mwc-icon-button
|
|
122
126
|
id="tab-nav-right-button"
|
|
123
|
-
icon="
|
|
127
|
+
icon="chevron_right"
|
|
124
128
|
@click=${(e: Event) => {
|
|
125
129
|
this._onTabScrollNavRight(e)
|
|
126
130
|
}}
|
|
127
131
|
disabled
|
|
128
|
-
></
|
|
132
|
+
></mwc-icon-button>
|
|
129
133
|
</div>
|
|
130
134
|
<div id="add-series-button-container">
|
|
131
|
-
<
|
|
135
|
+
<mwc-icon-button
|
|
132
136
|
id="add-series-button"
|
|
133
137
|
icon="add"
|
|
134
138
|
@tap=${(e: Event) => this.onTapAddTab(e)}
|
|
135
|
-
></
|
|
139
|
+
></mwc-icon-button>
|
|
136
140
|
</div>
|
|
137
141
|
|
|
138
142
|
<iron-pages .selected=${this.currentSeriesIndex} .attr-for-selected="series-index">
|
|
139
143
|
${this.datasets.map(
|
|
140
144
|
(dataset: any, index: number) => html`
|
|
141
145
|
<div class="tab-content" series-index="${index}">
|
|
142
|
-
<label> <i18n
|
|
146
|
+
<label> <ox-i18n msgid="label.data-key">Data Key</ox-i18n> </label>
|
|
143
147
|
<input type="text" value-key="dataKey" .value=${this.dataKey} />
|
|
144
|
-
<label> <i18n
|
|
148
|
+
<label> <ox-i18n msgid="label.label">Label</ox-i18n> </label>
|
|
145
149
|
<input type="text" value-key="series.label" .value=${this.series.label} />
|
|
146
|
-
<label> <i18n
|
|
150
|
+
<label> <ox-i18n msgid="label.color">Color</ox-i18n> </label>
|
|
147
151
|
<ox-input-color value-key="color" .value=${this.color}></ox-input-color>
|
|
148
|
-
<label> <i18n
|
|
152
|
+
<label> <ox-i18n msgid="label.stack-group">Stack Group</ox-i18n> </label>
|
|
149
153
|
<input type="text" value-key="series.stack" .value=${this.series.stack || ''} />
|
|
150
154
|
|
|
151
155
|
${this.displayValueTemplate()}
|