@things-factory/integration-ui 6.2.34 → 6.2.35

package/dist-client/viewparts/scenario-instance-log-view.js

@@ -20,7 +20,11 @@ let ScenarioInstanceLogView = class ScenarioInstanceLogView extends connect(stor
         return html `
       <div options></div>
       <div content>
-        ${logs.map(({ timestamp, message, level }) => html ` <div><span>${new Date(timestamp).toLocaleString()}</span> <strong>${level}</strong> ${message}</div> `)}
+        ${logs.map(({ timestamp, message, level }) => html `
+              <div class="${level}">
+                <span>${new Date(timestamp).toLocaleString()}</span> <strong>${level}</strong> ${message}
+              </div>
+            `)}
       </div>
     `;
     }
@@ -68,6 +72,7 @@ ScenarioInstanceLogView.styles = [
         background-color: var(--theme-white-color);
         padding: var(--padding-wide);
       }
+
       :host([active]) {
         padding: 0;
       }
@@ -81,6 +86,15 @@ ScenarioInstanceLogView.styles = [
 
         font-size: var(--fontsize-small);
       }
+
+      div.error {
+        color: red;
+      }
+
+      div.warn {
+        color: orange;
+      }
+
       span {
         color: var(--secondary-text-color);
       }

package/dist-client/viewparts/scenario-instance-log-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"scenario-instance-log-view.js","sourceRoot":"","sources":["../../client/viewparts/scenario-instance-log-view.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAmCrE,YAAY;QACV,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;QACd,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;QAE5B,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,GAAG,CACR,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,IAAI,CAAA,eAAe,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,mBAAmB,KAAK,aAAa,OAAO,SAAS,CAC/G;;KAEJ,CAAA;IACH,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,YAAY,EAAE,IAAI,CAAC,YAAY;aAChC;SACF,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;gBACvB,IAAI,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,YAAY,CAAA;gBAExE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBACxB,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;gBAC3C,IAAI,CAAC,aAAa,EAAE,CAAA;gBAEpB,IAAI,SAAS,EAAE;oBACb,6DAA6D;oBAC7D,MAAM,IAAI,CAAC,cAAc,CAAA;oBACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;iBACvD;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,aAAa;;QACjB,MAAM,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA,CAAA;QACtC,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;;AAhGM,8BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;KAuBF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAAsB;AACjD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAAsB;AACjD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;qDAAU;AA/BzB,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAkGnC;SAlGY,uBAAuB","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { subscribe } from '@operato/graphql'\nimport { store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('scenario-instance-log-view')\nexport class ScenarioInstanceLogView extends connect(store)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--theme-white-color);\n        padding: var(--padding-wide);\n      }\n      :host([active]) {\n        padding: 0;\n      }\n\n      [content] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n\n        font-size: var(--fontsize-small);\n      }\n      span {\n        color: var(--secondary-text-color);\n      }\n    `\n  ]\n\n  @property({ type: String }) scenarioName?: string\n  @property({ type: String }) instanceName?: string\n  @property({ type: Array }) logs: any\n\n  subscription: any\n\n  firstUpdated() {\n    this.logs = []\n    this.startSubscribe()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.stopSubscribe()\n  }\n\n  render() {\n    const logs = this.logs || []\n\n    return html`\n      <div options></div>\n      <div content>\n        ${logs.map(\n          ({ timestamp, message, level }) =>\n            html` <div><span>${new Date(timestamp).toLocaleString()}</span> <strong>${level}</strong> ${message}</div> `\n        )}\n      </div>\n    `\n  }\n\n  async startSubscribe() {\n    this.subscription = await subscribe(\n      {\n        query: gql`\n          subscription ($instanceName: String, $scenarioName: String, $level: String) {\n            log: scenarioInstanceLog(instanceName: $instanceName, scenarioName: $scenarioName, level: $level) {\n              level\n              message\n              timestamp\n            }\n          }\n        `,\n        variables: {\n          instanceName: this.instanceName,\n          scenarioName: this.scenarioName\n        }\n      },\n      {\n        next: async ({ data }) => {\n          var wasBottom = this.scrollHeight - this.scrollTop === this.clientHeight\n\n          this.logs.push(data.log)\n          this.logs.length > 100 && this.logs.shift()\n          this.requestUpdate()\n\n          if (wasBottom) {\n            /* this is not proved yet - to keep bottom scroll position */\n            await this.updateComplete\n            this.scrollTop = this.scrollHeight - this.clientHeight\n          }\n        }\n      }\n    )\n  }\n\n  async stopSubscribe() {\n    await this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n}\n"]}
+{"version":3,"file":"scenario-instance-log-view.js","sourceRoot":"","sources":["../../client/viewparts/scenario-instance-log-view.ts"],"names":[],"mappings":";AAAA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IA6CrE,YAAY;QACV,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;QACd,IAAI,CAAC,cAAc,EAAE,CAAA;IACvB,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAA;QAC5B,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;QAE5B,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,GAAG,CACR,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAChC,IAAI,CAAA;4BACY,KAAK;wBACT,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,mBAAmB,KAAK,aAAa,OAAO;;aAE3F,CACJ;;KAEJ,CAAA;IACH,CAAC;IAED,KAAK,CAAC,cAAc;QAClB,IAAI,CAAC,YAAY,GAAG,MAAM,SAAS,CACjC;YACE,KAAK,EAAE,GAAG,CAAA;;;;;;;;SAQT;YACD,SAAS,EAAE;gBACT,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,YAAY,EAAE,IAAI,CAAC,YAAY;aAChC;SACF,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;gBACvB,IAAI,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,YAAY,CAAA;gBAExE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBACxB,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;gBAC3C,IAAI,CAAC,aAAa,EAAE,CAAA;gBAEpB,IAAI,SAAS,EAAE;oBACb,6DAA6D;oBAC7D,MAAM,IAAI,CAAC,cAAc,CAAA;oBACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;iBACvD;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,aAAa;;QACjB,MAAM,CAAA,MAAA,IAAI,CAAC,YAAY,0CAAE,WAAW,EAAE,CAAA,CAAA;QACtC,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;;AA9GM,8BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAAsB;AACjD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAAsB;AACjD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;qDAAU;AAzCzB,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAgHnC;SAhHY,uBAAuB","sourcesContent":["import gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { subscribe } from '@operato/graphql'\nimport { store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('scenario-instance-log-view')\nexport class ScenarioInstanceLogView extends connect(store)(LitElement) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--theme-white-color);\n        padding: var(--padding-wide);\n      }\n\n      :host([active]) {\n        padding: 0;\n      }\n\n      [content] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n\n        font-size: var(--fontsize-small);\n      }\n\n      div.error {\n        color: red;\n      }\n\n      div.warn {\n        color: orange;\n      }\n\n      span {\n        color: var(--secondary-text-color);\n      }\n    `\n  ]\n\n  @property({ type: String }) scenarioName?: string\n  @property({ type: String }) instanceName?: string\n  @property({ type: Array }) logs: any\n\n  subscription: any\n\n  firstUpdated() {\n    this.logs = []\n    this.startSubscribe()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    this.stopSubscribe()\n  }\n\n  render() {\n    const logs = this.logs || []\n\n    return html`\n      <div options></div>\n      <div content>\n        ${logs.map(\n          ({ timestamp, message, level }) =>\n            html`\n              <div class=\"${level}\">\n                <span>${new Date(timestamp).toLocaleString()}</span> <strong>${level}</strong> ${message}\n              </div>\n            `\n        )}\n      </div>\n    `\n  }\n\n  async startSubscribe() {\n    this.subscription = await subscribe(\n      {\n        query: gql`\n          subscription ($instanceName: String, $scenarioName: String, $level: String) {\n            log: scenarioInstanceLog(instanceName: $instanceName, scenarioName: $scenarioName, level: $level) {\n              level\n              message\n              timestamp\n            }\n          }\n        `,\n        variables: {\n          instanceName: this.instanceName,\n          scenarioName: this.scenarioName\n        }\n      },\n      {\n        next: async ({ data }) => {\n          var wasBottom = this.scrollHeight - this.scrollTop === this.clientHeight\n\n          this.logs.push(data.log)\n          this.logs.length > 100 && this.logs.shift()\n          this.requestUpdate()\n\n          if (wasBottom) {\n            /* this is not proved yet - to keep bottom scroll position */\n            await this.updateComplete\n            this.scrollTop = this.scrollHeight - this.clientHeight\n          }\n        }\n      }\n    )\n  }\n\n  async stopSubscribe() {\n    await this.subscription?.unsubscribe()\n    delete this.subscription\n  }\n}\n"]}

package/helps/integration/ui/state-register.ja.md

@@ -0,0 +1,29 @@
+# 状態登録簿 (StateRegister)
+
+[状態登録簿(state-register)](../concept/state-register.md)は、特定の意味を持つ状態の値を定義する画面です。
+
+- この機能は通常、[シナリオ](../concept/scenario.md)の[state-write](../task/state-write.md)、[state-read](../task/state-read.md)タスクによって使用されます。
+
+## 属性(properties)
+
+- 名前(name)
+  - 状態の名前を指定
+  - 名前はユニークである必要があります
+- 説明(description)
+- 区分(type)
+  - 任意のテキストを入力でき、各状態をユーザーが区別するための目的です
+- TTL (Time To Live)
+  - 状態値が有効な時間を秒単位で定義できます。
+  - TTL 値が 0 より大きい場合、TTL が設定されていると判断されます。
+  - 最後に設定された状態値は、TTL 時間が経過すると無効になります
+- 状態値(state)
+  - この状態が持つ現在の値を意味します。
+- 修改日時(wrote at)
+  - 状態値が最終的に修正された時間
+
+## 操作
+
+- 保存(save state-register)
+  - 状態登録の変更を保存します。
+- 削除(delete state-register)
+  - 選択された状態登録を削除します。

package/helps/integration/ui/state-register.ko.md

@@ -0,0 +1,29 @@
+# 상태등록부 (StateRegister)
+
+[상태등록부(state-register)](../concept/state-register.md)는 특정 의미를 가지는 상태의 값을 정의하는 화면이다.
+
+- 이 기능은 보통 [시나리오](../concept/scenario.md)의 [state-write](../task/state-write.md), [state-read](../task/state-read.md) 태스크에 의해서 사용된다.
+
+## 속성(properties)
+
+- 이름(name)
+  - 상태의 이름을 지정
+  - 이름은 유니크해야함
+- 설명(description)
+- 구분(type)
+  - 임의의 텍스트를 입력할 수 있으며, 각 상태들을 사용자가 구분하고자 하는 목적이다
+- TTL (Time To Live)
+  - 상태값이 유효한 시간을 초단위로 정의할 수 있다.
+  - TTL 값이 0보다 크면, TTL이 설정된 것으로 판단한다.
+  - 마지막에 설정된 상태값이 TTL 시간이 지나면 무효화된다
+- 상태값(state)
+  - 이 상태가 가지는 현재의 값을 의미한다.
+- 수정일시(wrote at)
+  - 상태값이 수정된 최종 시간
+
+## operations
+
+- 저장(save state-register)
+  - 상태등록 수정사항을 저장한다.
+- 삭제(delete state-register)
+  - 선택된 상태등록을 삭제한다.

package/helps/integration/ui/state-register.md

@@ -0,0 +1,29 @@
+# StateRegister
+
+[State-register(state-register)](../concept/state-register.md) is a screen that defines values for states with specific meanings.
+
+- This function is usually used by tasks in [scenario](../concept/scenario.md) such as [state-write](../task/state-write.md), [state-read](../task/state-read.md).
+
+## Properties
+
+- Name (name)
+  - Specifies the name of the state
+  - Name must be unique
+- Description (description)
+- Type (type)
+  - Arbitrary text can be entered, and it is for the purpose of users differentiating among the states
+- TTL (Time To Live)
+  - The valid time of the state value can be defined in seconds.
+  - If the TTL value is greater than 0, it is considered set.
+  - The last set state value becomes invalid after the TTL time has passed
+- State Value (state)
+  - Refers to the current value of this state.
+- Last Modified (wrote at)
+  - The last time the state value was modified
+
+## Operations
+
+- Save (save state-register)
+  - Saves changes in the state register.
+- Delete (delete state-register)
+  - Deletes the selected state register.

package/helps/integration/ui/state-register.ms.md

@@ -0,0 +1,32 @@
+# Daftar Keadaan (StateRegister)
+
+[Daftar keadaan(state-register)](../concept/state-register.md) adalah skrin yang mentakrif nilai-nilai keadaan dengan makna tertentu.
+
+- Fungsi ini biasanya digunakan oleh tugas [senario](../concept/scenario.md) seperti [state-write](../task/state-write.md), [state-read](../task/state-read.md).
+
+## Sifat-sifat (properties)
+
+- Nama (name)
+  - Menentukan nama keadaan
+  - Nama harus unik
+- Deskripsi (description)
+- Jenis (type)
+  - Boleh memasukkan teks bebas, bertujuan untuk pengguna membezakan antara keadaan-keadaan
+- TTL (Time To Live)
+  - Boleh menentukan masa sah nilai keadaan dalam unit detik.
+  - Jika nilai TTL lebih dari 0, maka dianggap telah
+
+menetapkan TTL.
+
+- Nilai keadaan yang terakhir ditetapkan akan tidak sah setelah masa TTL berlalu
+- Nilai keadaan (state)
+  - Maksudnya nilai semasa keadaan itu.
+- Tarikh pengubahsuaian (wrote at)
+  - Masa terakhir nilai keadaan diubah
+
+## Operasi
+
+- Simpan (save state-register)
+  - Menyimpan perubahan dalam daftar keadaan.
+- Padam (delete state-register)
+  - Menghapus daftar keadaan yang dipilih.

package/helps/integration/ui/state-register.zh.md

@@ -0,0 +1,29 @@
+# 状态登记册 (StateRegister)
+
+[状态登记册(state-register)](../concept/state-register.md)是一个定义具有特定意义状态值的界面。
+
+- 这个功能通常由[场景](../concept/scenario.md)中的[state-write](../task/state-write.md)、[state-read](../task/state-read.md)任务使用。
+
+## 属性 (properties)
+
+- 名称(name)
+  - 指定状态的名称
+  - 名称必须是唯一的
+- 描述(description)
+- 类型(type)
+  - 可以输入任意文本，用于用户区分各个状态的目的
+- TTL (Time To Live)
+  - 可以以秒为单位定义状态值的有效时间。
+  - 如果 TTL 值大于 0，则认为设置了 TTL。
+  - 最后设置的状态值在 TTL 时间过后将失效
+- 状态值(state)
+  - 指当前该状态的值。
+- 修改时间(wrote at)
+  - 状态值最后修改的时间
+
+## 操作
+
+- 保存(save state-register)
+  - 保存状态登记的修改。
+- 删除(delete state-register)
+  - 删除选定的状态登记。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/integration-ui",
-  "version": "6.2.34",
+  "version": "6.2.35",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -39,9 +39,9 @@
     "@operato/utils": "^1.0.1",
     "@things-factory/export-base": "^6.2.34",
     "@things-factory/import-base": "^6.2.34",
-    "@things-factory/integration-base": "^6.2.34",
+    "@things-factory/integration-base": "^6.2.35",
     "d3": "^7.8.5",
     "moment-timezone": "^0.5.40"
   },
-  "gitHead": "c1bf972f4b3b088638923bbf62badb572e1e6401"
+  "gitHead": "7f44fa314cdfcb84faf99e3db9d188efb53c2423"
 }

package/things-factory.config.js

@@ -16,6 +16,10 @@ export default {
       tagname: 'integration-monitor',
       page: 'integration-monitor'
     },
+    {
+      tagname: 'state-register-page',
+      page: 'state-register-page'
+    },
     {
       tagname: 'integration-analysis',
       page: 'integration-analysis'

package/translations/en.json

@@ -18,9 +18,12 @@
   "field.rounds": "rounds",
   "field.schedule": "schedule",
   "field.skip": "skip",
+  "field.state-value": "state value",
   "field.task": "task",
   "field.timezone": "timezone",
+  "field.ttl-seconds": "TTL(seconds)",
   "field.type": "type",
+  "field.wrote-at": "wrote at",
   "label.address": "address",
   "label.auth-client": "oauth2 client",
   "label.authtype": "auth-type",
@@ -120,5 +123,6 @@
   "title.scenario-detail": "scenario detail",
   "title.scenario-instance": "scenario instance",
   "title.scenario-log": "scenario log",
-  "title.select entity": "select entity"
+  "title.select entity": "select entity",
+  "title.state-register": "state register"
 }

package/translations/ja.json

@@ -4,6 +4,7 @@
   "button.save": "保存",
   "button.start monitor": "モニタリング開始",
   "button.stop monitor": "モニタリング終了",
+  "field.active": "アクティブ化",
   "field.api_url": "API URL",
   "field.break_main": "BreakMain",
   "field.connection": "連結",
@@ -18,16 +19,19 @@
   "field.rounds": "回目",
   "field.schedule": "スケジュール",
   "field.skip": "スキップ",
+  "field.state-value": "状態値",
   "field.task": "タスク",
-  "field.type": "分類",
-  "field.active": "アクティブ化",
   "field.timezone": "タイムゾーン",
+  "field.ttl-seconds": "TTL(秒)",
+  "field.type": "分類",
+  "field.wrote-at": "作成日時",
   "label.address": "アドレス",
-  "label.authtype": "認証タイプ",
   "label.auth-client": "oauth2クライアント",
+  "label.authtype": "認証タイプ",
   "label.body": "body",
   "label.cases": "cases",
   "label.clear": "クリア",
+  "label.clientlib-path": "クライアント位置",
   "label.confirm": "確認",
   "label.daily": "日間",
   "label.database": "データベース",
@@ -47,8 +51,8 @@
   "label.level": "レベル",
   "label.mapping-rule": "マッピング規則",
   "label.message": "メッセージ",
-  "label.minute by minute": "分単位",
   "label.minute": "分",
+  "label.minute by minute": "分単位",
   "label.module": "モジュール",
   "label.month": "月",
   "label.monthly": "月間",
@@ -56,17 +60,21 @@
   "label.number of bytes": "バイトの長さ",
   "label.object-type": "オブジェクト タイプ",
   "label.operation": "動作",
+  "label.parameters": "パラメータ",
   "label.params": "パラメータ",
   "label.priority": "優先順位",
   "label.procedure": "プロシージャ",
+  "label.procedure-code": "手順コード",
+  "label.procedure-name": "手順名",
   "label.product-id": "製品ID.",
   "label.quantity": "数量",
   "label.query": "Query",
+  "label.reject-unauthorized": "証明書使用",
   "label.scenario": "シナリオ",
   "label.script": "スクリプト",
   "label.search-params": "search params",
-  "label.second by second": "秒単位",
   "label.second": "秒",
+  "label.second by second": "秒単位",
   "label.selectors": "selectors",
   "label.timeout": "タイムアウト",
   "label.username": "ユーザー名",
@@ -74,17 +82,12 @@
   "label.wait-for": "待機時間",
   "label.weekly": "週間",
   "label.yearly": "年間",
-  "label.reject-unauthorized": "証明書使用",
-  "label.clientlib-path": "クライアント位置",
-  "label.procedure-code": "手順コード",
-  "label.procedure-name": "手順名",
-  "label.parameters": "パラメータ",
   "text.10 am on every payday": "給料日の午前10時ごとに",
   "text.allowed values": "許された値",
   "text.alternative single values": "代替値",
   "text.any value": "任意の値",
-  "text.connection list": "コネクション リスト",
   "text.connection": "コネクション",
+  "text.connection list": "コネクション リスト",
   "text.copy": "コピー",
   "text.delete": "削除",
   "text.every 12 hours": "12時間ごとに",
@@ -97,29 +100,30 @@
   "text.every christmas": "毎クリスマスに",
   "text.every day": "毎日",
   "text.every half hour": "30分ごとに",
-  "text.every hour during working time": "勤務時間中時間ごとに",
   "text.every hour": "毎時間",
+  "text.every hour during working time": "勤務時間中時間ごとに",
   "text.every minute": "毎分",
   "text.every second": "毎秒",
   "text.every sunday": "毎週日曜日に",
   "text.every weekday": "平日ごとに",
   "text.info_x_successfully": "{x}に成功しました.",
+  "text.integration analysis": "統合分析 ",
+  "text.integration monitor": "インテグレーション モニタ",
   "text.no properties to set": "プロパティの設定は必要ありません.",
   "text.range of values": "値の範囲",
-  "text.scenario list": "シナリオリスト",
   "text.scenario": "シナリオ",
-  "text.integration analysis": "統合分析 ",
-  "text.integration monitor": "インテグレーション モニタ",
+  "text.scenario list": "シナリオリスト",
   "text.step values": "ステップ値",
   "text.sure_to_x": "{x}しますか?",
   "text.the first day of every month": "毎月1日ごとに",
   "text.the first day of every year": "毎年1月1日ごとに",
   "text.value list separator": "値区切り文字",
   "title.edit privilege": "編集権限",
+  "title.import connection": "インポート接続",
+  "title.import scenario": "シナリオ読み込み",
   "title.scenario-detail": "シナリオ詳細ステップ",
-  "title.select entity": "エンティティ選択",
   "title.scenario-instance": "シナリオ インスタンス",
   "title.scenario-log": "シナリオ ログ",
-  "title.import scenario": "シナリオ読み込み",
-  "title.import connection": "インポート接続"
+  "title.select entity": "エンティティ選択",
+  "title.state-register": "状態登録簿"
 }

package/translations/ko.json

@@ -19,9 +19,12 @@
   "field.rounds": "회차",
   "field.schedule": "스케줄",
   "field.skip": "건너뛰기",
+  "field.state-value": "상태값",
   "field.task": "작업",
   "field.timezone": "타임존",
+  "field.ttl-seconds": "TTL(초)",
   "field.type": "분류",
+  "field.wrote-at": "작성일시",
   "label.address": "주소",
   "label.auth-client": "oauth2 클라이언트",
   "label.authtype": "인증 유형",
@@ -121,5 +124,6 @@
   "title.scenario-detail": "시나리오 상세스텝",
   "title.scenario-instance": "시나리오 인스턴스",
   "title.scenario-log": "시나리오 로그",
-  "title.select entity": "엔티티 선택"
+  "title.select entity": "엔티티 선택",
+  "title.state-register": "상태 등록부"
 }

package/translations/ms.json

@@ -19,9 +19,12 @@
   "field.rounds": "pusingan",
   "field.schedule": "jadual",
   "field.skip": "langkau",
+  "field.state-value": "nilai keadaan",
   "field.task": "tugas",
   "field.timezone": "zon masa",
+  "field.ttl-seconds": "TTL(detik)",
   "field.type": "jenis",
+  "field.wrote-at": "tarikh & masa penulisan",
   "label.address": "alamat",
   "label.auth-client": "klien oauth2",
   "label.authtype": "jenis autentikasi",
@@ -121,5 +124,6 @@
   "title.scenario-detail": "perincian senario",
   "title.scenario-instance": "contoh senario",
   "title.scenario-log": "log senario",
-  "title.select entity": "pilih entiti"
+  "title.select entity": "pilih entiti",
+  "title.state-register": "daftar keadaan"
 }

package/translations/zh.json

@@ -18,9 +18,12 @@
   "field.rounds": "回合",
   "field.schedule": "日程",
   "field.skip": "跳过",
+  "field.state-value": "状态值",
   "field.task": "任务",
   "field.timezone": "时区",
+  "field.ttl-seconds": "TTL(秒)",
   "field.type": "类型",
+  "field.wrote-at": "编写日期和时间",
   "label.address": "地址",
   "label.auth-client": "认证客户端",
   "label.authtype": "授权类型",
@@ -120,5 +123,6 @@
   "title.scenario-detail": "方案详细信息",
   "title.scenario-instance": "场景实例",
   "title.scenario-log": "场景日志",
-  "title.select entity": "选择实体"
+  "title.select entity": "选择实体",
+  "title.state-register": "状态登记表"
 }

package/dist-client/editors/operato-select-scenario.d.ts

@@ -1,14 +0,0 @@
-import '@operato/data-grist';
-import { OxPropertyEditor } from '@operato/property-editor';
-export declare class OperatoSelectScenarioEditor extends OxPropertyEditor {
-    static get styles(): import("lit").CSSResult[];
-    value: string;
-    host: any;
-    scenarios: {
-        id: string;
-        name: string;
-        description: string;
-    }[];
-    connectedCallback(): Promise<void>;
-    editorTemplate(props: any): import("lit-html").TemplateResult<1>;
-}

package/dist-client/editors/operato-select-scenario.js

@@ -1,72 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@operato/data-grist';
-import gql from 'graphql-tag';
-import { html } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { OxPropertyEditor } from '@operato/property-editor';
-import { notifyChangeEvent } from '@things-factory/utils';
-let OperatoSelectScenarioEditor = class OperatoSelectScenarioEditor extends OxPropertyEditor {
-    constructor() {
-        super(...arguments);
-        this.value = '';
-        this.scenarios = [];
-    }
-    static get styles() {
-        return [...OxPropertyEditor.styles];
-    }
-    async connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        var { connection: client } = this.host; /* connection must be OperatoConnector and ApolloLink to operato service */
-        const response = await client.query({
-            query: gql `
-        {
-          scenarios {
-            id
-            name
-            description
-          }
-        }
-      `
-        });
-        this.scenarios = (_a = response.data) === null || _a === void 0 ? void 0 : _a.scenarios;
-    }
-    editorTemplate(props) {
-        const value = this.value;
-        const scenarios = this.scenarios || [];
-        return html `
-      <ox-select
-        fullwidth
-        name=${name}
-        .value=${value}
-        @change=${(e) => {
-            e.stopPropagation();
-            this.value = e.target.value;
-            notifyChangeEvent(this, this.value);
-        }}
-      >
-        <ox-popup-list with-search>
-          <div option value="">&nbsp;</div>
-          ${scenarios.map(({ name }) => html `<div option value=${name}>${name}</div>`)}
-        </ox-popup-list>
-      </ox-select>
-    `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], OperatoSelectScenarioEditor.prototype, "value", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], OperatoSelectScenarioEditor.prototype, "host", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], OperatoSelectScenarioEditor.prototype, "scenarios", void 0);
-OperatoSelectScenarioEditor = __decorate([
-    customElement('operato-select-scenario')
-], OperatoSelectScenarioEditor);
-export { OperatoSelectScenarioEditor };
-//# sourceMappingURL=operato-select-scenario.js.map

package/dist-client/editors/operato-select-scenario.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"operato-select-scenario.js","sourceRoot":"","sources":["../../client/editors/operato-select-scenario.ts"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAO,IAAI,EAAc,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGlD,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,gBAAgB;IAA1D;;QAKuB,UAAK,GAAW,EAAE,CAAA;QAGrC,cAAS,GAAwD,EAAE,CAAA;IA4C9E,CAAC;IAnDC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAOD,KAAK,CAAC,iBAAiB;;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAA;QAEzB,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAA,CAAC,2EAA2E;QAElH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;OAQT;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,SAAS,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,SAAS,CAAA;IAC3C,CAAC;IAED,cAAc,CAAC,KAAK;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QACxB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,EAAE,CAAA;QAEtC,OAAO,IAAI,CAAA;;;eAGA,IAAI;iBACF,KAAK;kBACJ,CAAC,CAAc,EAAE,EAAE;YAC3B,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAAc,CAAC,KAAK,CAAA;YACpC,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QACrC,CAAC;;;;YAIG,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,qBAAqB,IAAI,IAAI,IAAI,QAAQ,CAAC;;;KAGjF,CAAA;IACH,CAAC;CACF,CAAA;AA/CC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAAmB;AAC9C;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yDAAU;AAErC;IAAC,KAAK,EAAE;;8DAAoE;AARjE,2BAA2B;IADvC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,2BAA2B,CAoDvC;SApDY,2BAA2B","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { OxPropertyEditor } from '@operato/property-editor'\nimport { notifyChangeEvent } from '@things-factory/utils'\n\n@customElement('operato-select-scenario')\nexport class OperatoSelectScenarioEditor extends OxPropertyEditor {\n  static get styles() {\n    return [...OxPropertyEditor.styles]\n  }\n\n  @property({ type: String }) value: string = ''\n  @property({ type: Object }) host: any\n\n  @state() scenarios: { id: string; name: string; description: string }[] = []\n\n  async connectedCallback() {\n    super.connectedCallback()\n\n    var { connection: client } = this.host /* connection must be OperatoConnector and ApolloLink to operato service */\n\n    const response = await client.query({\n      query: gql`\n        {\n          scenarios {\n            id\n            name\n            description\n          }\n        }\n      `\n    })\n\n    this.scenarios = response.data?.scenarios\n  }\n\n  editorTemplate(props) {\n    const value = this.value\n    const scenarios = this.scenarios || []\n\n    return html`\n      <ox-select\n        fullwidth\n        name=${name}\n        .value=${value}\n        @change=${(e: CustomEvent) => {\n          e.stopPropagation()\n          this.value = (e.target as any).value\n          notifyChangeEvent(this, this.value)\n        }}\n      >\n        <ox-popup-list with-search>\n          <div option value=\"\">&nbsp;</div>\n          ${scenarios.map(({ name }) => html`<div option value=${name}>${name}</div>`)}\n        </ox-popup-list>\n      </ox-select>\n    `\n  }\n}\n"]}