@things-factory/integration-ui 9.0.0-beta.63 → 9.0.0-beta.67
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/client/viewparts/scenario-instance-monitor.ts +6 -4
- package/client/viewparts/scenario-monitor.ts +4 -2
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/scenario-instance-monitor.js +6 -4
- package/dist-client/viewparts/scenario-instance-monitor.js.map +1 -1
- package/dist-client/viewparts/scenario-monitor.js +4 -2
- package/dist-client/viewparts/scenario-monitor.js.map +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
|
@@ -72,10 +72,12 @@ export class ScenarioInstanceMonitor extends localize(i18next)(LitElement) {
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
[buttons] {
|
|
75
|
+
display: flex;
|
|
76
|
+
flex-direction: row-reverse;
|
|
75
77
|
--md-icon-size: 18px;
|
|
76
78
|
|
|
77
79
|
border-top: var(--border-dim-color);
|
|
78
|
-
padding: var(--spacing-
|
|
80
|
+
padding: var(--spacing-medium) 0 0 0;
|
|
79
81
|
text-align: right;
|
|
80
82
|
}
|
|
81
83
|
|
|
@@ -108,16 +110,16 @@ export class ScenarioInstanceMonitor extends localize(i18next)(LitElement) {
|
|
|
108
110
|
<div name>${instanceName}</div>
|
|
109
111
|
<div progress-wrap>
|
|
110
112
|
<div progress>
|
|
111
|
-
<div id="progressbar"
|
|
113
|
+
<div id="progressbar" style="width:${rate}%;background-color:${this.color};"></div>
|
|
112
114
|
</div>
|
|
113
115
|
<div steps>${step}/${steps}</div>
|
|
114
116
|
</div>
|
|
115
117
|
<div buttons>
|
|
116
|
-
<span><strong>${rounds}</strong> round</span>
|
|
117
|
-
<md-icon @click=${e => this.showInstanceDetail()}>wysiwyg</md-icon>
|
|
118
118
|
<md-icon @click=${e => (running ? this.stopScenario(instance) : this.startScenario(instance))}
|
|
119
119
|
>${running ? 'pause' : 'play_arrow'}</md-icon
|
|
120
120
|
>
|
|
121
|
+
<md-icon @click=${e => this.showInstanceDetail()}>wysiwyg</md-icon>
|
|
122
|
+
<span><strong>${rounds}</strong> round</span>
|
|
121
123
|
</div>
|
|
122
124
|
`
|
|
123
125
|
}
|
|
@@ -147,6 +147,8 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
|
|
|
147
147
|
border: 1px solid black;
|
|
148
148
|
border-radius: var(--border-radius);
|
|
149
149
|
font-size: 12px;
|
|
150
|
+
box-sizing: border-box;
|
|
151
|
+
overflow: hidden;
|
|
150
152
|
}
|
|
151
153
|
|
|
152
154
|
li span {
|
|
@@ -199,7 +201,7 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
|
|
|
199
201
|
<span>${instances.length}</span>
|
|
200
202
|
</div>
|
|
201
203
|
<div schedule>
|
|
202
|
-
<md-icon
|
|
204
|
+
<md-icon style="background-color: ${color};">schedule</md-icon>
|
|
203
205
|
<pre>${schedule} </pre>
|
|
204
206
|
</div>
|
|
205
207
|
${this.renderButtons(scenario)}
|
|
@@ -210,7 +212,7 @@ export class ScenarioMonitor extends localize(i18next)(LitElement) {
|
|
|
210
212
|
<ul>
|
|
211
213
|
${instances.map(
|
|
212
214
|
instance => html`
|
|
213
|
-
<li
|
|
215
|
+
<li style="border-color:${color};background-color:${color}">
|
|
214
216
|
<span></span>
|
|
215
217
|
<scenario-instance-monitor .instance=${instance} .color=${color}></scenario-instance-monitor>
|
|
216
218
|
</li>
|