@operato/scene-chartjs 1.1.8 → 1.1.13
Sign up to get free protection for your applications and to get access to all the features.
- 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()}
|