@fmsim/fmsim 1.0.88 → 2.0.0-beta.100
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/Dockerfile +3 -3
- package/_index.html +8 -43
- package/assets/manifest.json +2 -0
- package/assets/playback-test-board.json +8440 -0
- package/config/config.development.js +2 -3
- package/dist-client/apptools/favorite-tool.js +4 -5
- package/dist-client/apptools/favorite-tool.js.map +1 -1
- package/dist-client/board-list/board-tile-list.js +205 -21
- package/dist-client/board-list/board-tile-list.js.map +1 -1
- package/dist-client/board-list/group-bar.js +6 -6
- package/dist-client/board-list/group-bar.js.map +1 -1
- package/dist-client/bootstrap.js +0 -2
- package/dist-client/bootstrap.js.map +1 -1
- package/dist-client/entries/headless-scene-components.js +7 -0
- package/dist-client/entries/headless-scene-components.js.map +1 -0
- package/dist-client/entries/scene-player.js +83 -0
- package/dist-client/entries/scene-player.js.map +1 -0
- package/dist-client/entries/scene-viewer.js +80 -0
- package/dist-client/entries/scene-viewer.js.map +1 -0
- package/dist-client/entries/things-scene-components.import +1 -0
- package/dist-client/pages/board-list-page.js +24 -4
- package/dist-client/pages/board-list-page.js.map +1 -1
- package/dist-client/themes/board-app-menu-tools-theme.css +0 -2
- package/dist-client/themes/index.css +8 -2
- package/dist-client/themes/light.css +51 -0
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/viewparts/board-info.js +16 -26
- package/dist-client/viewparts/board-info.js.map +1 -1
- package/dist-client/viewparts/group-info.js +15 -25
- package/dist-client/viewparts/group-info.js.map +1 -1
- package/dist-client/viewparts/menu-tools.js +10 -12
- package/dist-client/viewparts/menu-tools.js.map +1 -1
- package/dist-server/index.js +1 -0
- package/dist-server/index.js.map +1 -1
- package/dist-server/routes.js +41 -0
- package/dist-server/routes.js.map +1 -0
- package/dist-server/service/index.js +5 -2
- package/dist-server/service/index.js.map +1 -1
- package/dist-server/service/machine-units/machine-units-mock.js +84 -0
- package/dist-server/service/machine-units/machine-units-mock.js.map +1 -0
- package/dist-server/service/playback/index.js +217 -0
- package/dist-server/service/playback/index.js.map +1 -0
- package/dist-server/service/playback/mock-data.js +658 -0
- package/dist-server/service/playback/mock-data.js.map +1 -0
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/package.json +34 -33
- package/schema.graphql +3504 -380
- package/views/auth-page.html +2 -2
- package/views/internal-board-full-feature-view.html +1 -2
- package/views/internal-board-service-view.html +1 -2
- package/views/internal-label-command-view.html +0 -1
- package/views/public/home.html +2 -2
- package/dist-client/apptools/favorite-tool.d.ts +0 -26
- package/dist-client/board-list/board-tile-list.d.ts +0 -20
- package/dist-client/board-list/group-bar.d.ts +0 -14
- package/dist-client/bootstrap.d.ts +0 -5
- package/dist-client/index.d.ts +0 -0
- package/dist-client/pages/attachment-list-page.d.ts +0 -21
- package/dist-client/pages/board-list-page.d.ts +0 -70
- package/dist-client/pages/connection-list-page.d.ts +0 -30
- package/dist-client/pages/font-list-page.d.ts +0 -10
- package/dist-client/pages/scenario-list-page.d.ts +0 -30
- package/dist-client/pages/toplevel-theme-list-page.d.ts +0 -25
- package/dist-client/route.d.ts +0 -1
- package/dist-client/viewparts/board-info.d.ts +0 -16
- package/dist-client/viewparts/group-info.d.ts +0 -15
- package/dist-client/viewparts/menu-tools.d.ts +0 -20
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import '@material/
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
3
|
+
import '@material/web/button/filled-button.js';
|
|
4
|
+
import '@material/web/button/text-button.js';
|
|
3
5
|
import { css, html, LitElement } from 'lit';
|
|
4
6
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
5
7
|
import { i18next } from '@operato/i18n';
|
|
@@ -46,42 +48,30 @@ let BoardInfo = class BoardInfo extends LitElement {
|
|
|
46
48
|
</select>
|
|
47
49
|
<label>${i18next.t('label.creator')}</label>
|
|
48
50
|
<span>
|
|
49
|
-
<
|
|
50
|
-
<
|
|
51
|
+
<md-icon>person</md-icon> ${(board.creator && board.creator.name) || 'anonymous'}
|
|
52
|
+
<md-icon>schedule</md-icon> ${new Date(Number(board.createdAt)).toLocaleString()}
|
|
51
53
|
</span>
|
|
52
54
|
|
|
53
55
|
<label>${i18next.t('label.updater')}</label>
|
|
54
56
|
<span>
|
|
55
|
-
<
|
|
56
|
-
<
|
|
57
|
+
<md-icon>person</md-icon> ${(board.updater && board.updater.name) || 'anonymouse'}
|
|
58
|
+
<md-icon>schedule</md-icon> ${new Date(Number(board.updatedAt)).toLocaleString()}
|
|
57
59
|
</span>
|
|
58
60
|
|
|
59
61
|
<div buttons>
|
|
60
|
-
<
|
|
61
|
-
dense
|
|
62
|
-
raised
|
|
62
|
+
<md-text-button
|
|
63
63
|
danger
|
|
64
|
-
label=${String(i18next.t('button.delete'))}
|
|
65
64
|
?disabled=${!this.enableModeller}
|
|
66
65
|
@click=${this.deleteBoard.bind(this)}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
<mwc-button
|
|
70
|
-
dense
|
|
71
|
-
raised
|
|
72
|
-
label=${String(i18next.t('button.save'))}
|
|
66
|
+
><md-icon slot="icon">delete_outline</md-icon>${i18next.t('button.delete')}</md-text-button>
|
|
67
|
+
<md-filled-button
|
|
73
68
|
?disabled=${!this.enableModeller}
|
|
74
69
|
@click=${this.updateBoard.bind(this)}
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
<mwc-button
|
|
78
|
-
dense
|
|
79
|
-
raised
|
|
80
|
-
label="edit"
|
|
70
|
+
><md-icon slot="icon">done</md-icon>${i18next.t('button.save')}</md-filled-button>
|
|
71
|
+
<md-filled-button
|
|
81
72
|
?disabled=${!this.enableModeller}
|
|
82
73
|
@click=${() => navigate(`${'board-modeller/' + this.boardId}`)}
|
|
83
|
-
|
|
84
|
-
></mwc-button>
|
|
74
|
+
><md-icon slot="icon">drive_file_rename_outline</md-icon>edit</md-filled-button>
|
|
85
75
|
</div>
|
|
86
76
|
</fieldset>
|
|
87
77
|
</form>
|
|
@@ -126,7 +116,7 @@ BoardInfo.styles = [
|
|
|
126
116
|
--form-grid-gap: 2px 0;
|
|
127
117
|
--input-field-padding: var(--padding-default);
|
|
128
118
|
--legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;
|
|
129
|
-
--
|
|
119
|
+
--md-filled-button-container-height: 32px;
|
|
130
120
|
}
|
|
131
121
|
|
|
132
122
|
img {
|
|
@@ -159,7 +149,7 @@ BoardInfo.styles = [
|
|
|
159
149
|
[danger] {
|
|
160
150
|
float: left;
|
|
161
151
|
margin: 0 var(--margin-narrow) 0 0;
|
|
162
|
-
--
|
|
152
|
+
--md-text-button-label-text-color: var(--md-sys-color-error);
|
|
163
153
|
}
|
|
164
154
|
|
|
165
155
|
fieldset {
|
|
@@ -188,7 +178,7 @@ BoardInfo.styles = [
|
|
|
188
178
|
padding-bottom: var(--padding-narrow);
|
|
189
179
|
font: var(--input-field-font);
|
|
190
180
|
}
|
|
191
|
-
span
|
|
181
|
+
span md-icon {
|
|
192
182
|
vertical-align: middle;
|
|
193
183
|
font-size: var(--fontsize-large);
|
|
194
184
|
color: var(--primary-color);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"board-info.js","sourceRoot":"","sources":["../../client/viewparts/board-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\n\nimport { fetchBoardInfoById } from '@fmsim/api'\n\n@customElement('board-info')\nexport class BoardInfo extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n background-color: var(--main-section-background-color);\n height: 100%;\n min-width: 360px;\n overflow: auto;\n position: relative;\n\n --form-grid-gap: 2px 0;\n --input-field-padding: var(--padding-default);\n --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;\n --mdc-button-horizontal-padding: var(--padding-default);\n }\n\n img {\n display: block;\n\n margin: auto;\n max-width: 100%;\n max-height: 100%;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n }\n\n form {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: var(--form-grid-gap);\n grid-auto-rows: minmax(24px, auto);\n padding: var(--padding-wide);\n align-items: center;\n }\n\n [buttons] {\n grid-column: span 12;\n padding: var(--padding-default) 0;\n text-align: right;\n }\n\n [buttons] * {\n margin: 0 0 0 var(--margin-narrow);\n }\n [danger] {\n float: left;\n margin: 0 var(--margin-narrow) 0 0;\n --mdc-theme-primary: var(--status-danger-color);\n }\n\n fieldset {\n display: contents;\n }\n\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n font: var(--legend-font);\n color: var(--legend-text-color);\n text-transform: capitalize;\n }\n\n label {\n grid-column: span 12;\n text-transform: capitalize;\n color: var(--label-color);\n font: var(--label-font);\n }\n\n span {\n grid-column: span 12;\n border-bottom: var(--border-dark-color);\n margin-bottom: var(--margin-default);\n padding-bottom: var(--padding-narrow);\n font: var(--input-field-font);\n }\n span mwc-icon {\n vertical-align: middle;\n font-size: var(--fontsize-large);\n color: var(--primary-color);\n }\n\n input,\n table,\n select,\n textarea,\n [custom-input] {\n grid-column: span 12;\n\n border: var(--input-field-border);\n border-radius: var(--input-field-border-radius);\n margin-bottom: var(--margin-default);\n padding: var(--input-field-padding);\n font: var(--input-field-font);\n }\n\n input[type='checkbox'],\n input[type='radio'] {\n place-self: center;\n margin: 0;\n grid-column: 1;\n }\n\n input[type='checkbox'] + label,\n input[type='radio'] + label {\n text-align: left;\n grid-column: span 11 / auto;\n\n font: var(--form-sublabel-font);\n color: var(--form-sublabel-color);\n }\n\n input:focus {\n outline: none;\n border: 1px solid var(--focus-background-color);\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) boardId?: string\n @property({ type: String }) groupId?: string\n @property({ type: Boolean, attribute: 'enable-modeller' }) enableModeller?: boolean\n\n @state() board: any\n @state() boardGroupList: any[] = []\n\n render() {\n var board = this.board || { name: '', description: '' }\n var boardGroupList = this.boardGroupList || []\n\n return html`\n ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n <form>\n <fieldset>\n <legend>${i18next.t('label.information')}</legend>\n <label>${i18next.t('label.name')}</label>\n <input\n type=\"text\"\n .value=${board.name}\n @change=${e => (this.board.name = e.target.value)}\n ?disabled=${!this.enableModeller}\n />\n\n <label>${i18next.t('label.description')}</label>\n <input\n type=\"text\"\n .value=${board.description}\n @change=${e => (this.board.description = e.target.value)}\n ?disabled=${!this.enableModeller}\n />\n\n <label>${i18next.t('label.group')}</label>\n <select\n @change=${e => (this.board.groupId = e.target.value)}\n .value=${this.groupId || ''}\n ?disabled=${!this.enableModeller}\n >\n <option value=\"\" ?selected=${'' == this.groupId}></option>\n ${boardGroupList.map(\n item => html` <option .value=${item.id} ?selected=${item.id == this.groupId}>${item.name}</option> `\n )}\n </select>\n <label>${i18next.t('label.creator')}</label>\n <span>\n <mwc-icon>person</mwc-icon> ${(board.creator && board.creator.name) || 'anonymous'}\n <mwc-icon>schedule</mwc-icon> ${new Date(Number(board.createdAt)).toLocaleString()}\n </span>\n\n <label>${i18next.t('label.updater')}</label>\n <span>\n <mwc-icon>person</mwc-icon> ${(board.updater && board.updater.name) || 'anonymouse'}\n <mwc-icon>schedule</mwc-icon> ${new Date(Number(board.updatedAt)).toLocaleString()}\n </span>\n\n <div buttons>\n <mwc-button\n dense\n raised\n danger\n label=${String(i18next.t('button.delete'))}\n ?disabled=${!this.enableModeller}\n @click=${this.deleteBoard.bind(this)}\n icon=\"delete_outline\"\n ></mwc-button>\n <mwc-button\n dense\n raised\n label=${String(i18next.t('button.save'))}\n ?disabled=${!this.enableModeller}\n @click=${this.updateBoard.bind(this)}\n icon=\"done\"\n ></mwc-button>\n <mwc-button\n dense\n raised\n label=\"edit\"\n ?disabled=${!this.enableModeller}\n @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n icon=\"drive_file_rename_outline\"\n ></mwc-button>\n </div>\n </fieldset>\n </form>\n `\n }\n\n firstUpdated() {\n this.refresh()\n }\n\n async refresh() {\n const data = await fetchBoardInfoById(this.boardId!)\n\n this.board = data.board\n this.boardGroupList = data.groups.items\n\n this.groupId = this.board.group?.id\n }\n\n async updateBoard() {\n this.dispatchEvent(\n new CustomEvent('update-board', {\n detail: this.board\n })\n )\n\n this.close()\n }\n\n async deleteBoard() {\n this.dispatchEvent(\n new CustomEvent('delete-board', {\n detail: this.board\n })\n )\n\n this.close()\n }\n\n close() {\n history.back()\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"board-info.js","sourceRoot":"","sources":["../../client/viewparts/board-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\n\nimport { fetchBoardInfoById } from '@fmsim/api'\n\n@customElement('board-info')\nexport class BoardInfo extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n background-color: var(--main-section-background-color);\n height: 100%;\n min-width: 360px;\n overflow: auto;\n position: relative;\n\n --form-grid-gap: 2px 0;\n --input-field-padding: var(--padding-default);\n --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;\n --md-filled-button-container-height: 32px;\n }\n\n img {\n display: block;\n\n margin: auto;\n max-width: 100%;\n max-height: 100%;\n border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n }\n\n form {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: var(--form-grid-gap);\n grid-auto-rows: minmax(24px, auto);\n padding: var(--padding-wide);\n align-items: center;\n }\n\n [buttons] {\n grid-column: span 12;\n padding: var(--padding-default) 0;\n text-align: right;\n }\n\n [buttons] * {\n margin: 0 0 0 var(--margin-narrow);\n }\n [danger] {\n float: left;\n margin: 0 var(--margin-narrow) 0 0;\n --md-text-button-label-text-color: var(--md-sys-color-error);\n }\n\n fieldset {\n display: contents;\n }\n\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n font: var(--legend-font);\n color: var(--legend-text-color);\n text-transform: capitalize;\n }\n\n label {\n grid-column: span 12;\n text-transform: capitalize;\n color: var(--label-color);\n font: var(--label-font);\n }\n\n span {\n grid-column: span 12;\n border-bottom: var(--border-dark-color);\n margin-bottom: var(--margin-default);\n padding-bottom: var(--padding-narrow);\n font: var(--input-field-font);\n }\n span md-icon {\n vertical-align: middle;\n font-size: var(--fontsize-large);\n color: var(--primary-color);\n }\n\n input,\n table,\n select,\n textarea,\n [custom-input] {\n grid-column: span 12;\n\n border: var(--input-field-border);\n border-radius: var(--input-field-border-radius);\n margin-bottom: var(--margin-default);\n padding: var(--input-field-padding);\n font: var(--input-field-font);\n }\n\n input[type='checkbox'],\n input[type='radio'] {\n place-self: center;\n margin: 0;\n grid-column: 1;\n }\n\n input[type='checkbox'] + label,\n input[type='radio'] + label {\n text-align: left;\n grid-column: span 11 / auto;\n\n font: var(--form-sublabel-font);\n color: var(--form-sublabel-color);\n }\n\n input:focus {\n outline: none;\n border: 1px solid var(--focus-background-color);\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) boardId?: string\n @property({ type: String }) groupId?: string\n @property({ type: Boolean, attribute: 'enable-modeller' }) enableModeller?: boolean\n\n @state() board: any\n @state() boardGroupList: any[] = []\n\n render() {\n var board = this.board || { name: '', description: '' }\n var boardGroupList = this.boardGroupList || []\n\n return html`\n ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n <form>\n <fieldset>\n <legend>${i18next.t('label.information')}</legend>\n <label>${i18next.t('label.name')}</label>\n <input\n type=\"text\"\n .value=${board.name}\n @change=${e => (this.board.name = e.target.value)}\n ?disabled=${!this.enableModeller}\n />\n\n <label>${i18next.t('label.description')}</label>\n <input\n type=\"text\"\n .value=${board.description}\n @change=${e => (this.board.description = e.target.value)}\n ?disabled=${!this.enableModeller}\n />\n\n <label>${i18next.t('label.group')}</label>\n <select\n @change=${e => (this.board.groupId = e.target.value)}\n .value=${this.groupId || ''}\n ?disabled=${!this.enableModeller}\n >\n <option value=\"\" ?selected=${'' == this.groupId}></option>\n ${boardGroupList.map(\n item => html` <option .value=${item.id} ?selected=${item.id == this.groupId}>${item.name}</option> `\n )}\n </select>\n <label>${i18next.t('label.creator')}</label>\n <span>\n <md-icon>person</md-icon> ${(board.creator && board.creator.name) || 'anonymous'}\n <md-icon>schedule</md-icon> ${new Date(Number(board.createdAt)).toLocaleString()}\n </span>\n\n <label>${i18next.t('label.updater')}</label>\n <span>\n <md-icon>person</md-icon> ${(board.updater && board.updater.name) || 'anonymouse'}\n <md-icon>schedule</md-icon> ${new Date(Number(board.updatedAt)).toLocaleString()}\n </span>\n\n <div buttons>\n <md-text-button\n danger\n ?disabled=${!this.enableModeller}\n @click=${this.deleteBoard.bind(this)}\n ><md-icon slot=\"icon\">delete_outline</md-icon>${i18next.t('button.delete')}</md-text-button>\n <md-filled-button\n ?disabled=${!this.enableModeller}\n @click=${this.updateBoard.bind(this)}\n ><md-icon slot=\"icon\">done</md-icon>${i18next.t('button.save')}</md-filled-button>\n <md-filled-button\n ?disabled=${!this.enableModeller}\n @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n ><md-icon slot=\"icon\">drive_file_rename_outline</md-icon>edit</md-filled-button>\n </div>\n </fieldset>\n </form>\n `\n }\n\n firstUpdated() {\n this.refresh()\n }\n\n async refresh() {\n const data = await fetchBoardInfoById(this.boardId!)\n\n this.board = data.board\n this.boardGroupList = data.groups.items\n\n this.groupId = this.board.group?.id\n }\n\n async updateBoard() {\n this.dispatchEvent(\n new CustomEvent('update-board', {\n detail: this.board\n })\n )\n\n this.close()\n }\n\n async deleteBoard() {\n this.dispatchEvent(\n new CustomEvent('delete-board', {\n detail: this.board\n })\n )\n\n this.close()\n }\n\n close() {\n history.back()\n }\n}\n"]}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import '@material/
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
3
|
+
import '@material/web/button/filled-button.js';
|
|
4
|
+
import '@material/web/button/text-button.js';
|
|
3
5
|
import { css, html, LitElement } from 'lit';
|
|
4
6
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
5
|
-
import { i18next } from '@things-factory/i18n-base/client';
|
|
7
|
+
import { i18next } from '@things-factory/i18n-base/dist-client';
|
|
6
8
|
import { fetchGroupById } from '@fmsim/api';
|
|
7
9
|
let GroupInfo = class GroupInfo extends LitElement {
|
|
8
10
|
render() {
|
|
@@ -19,41 +21,29 @@ let GroupInfo = class GroupInfo extends LitElement {
|
|
|
19
21
|
|
|
20
22
|
<label>${i18next.t('label.creator')}</label>
|
|
21
23
|
<span>
|
|
22
|
-
<
|
|
24
|
+
<md-icon>person</md-icon> ${group.creator && group.creator.name} <md-icon>schedule</md-icon> ${new Date(Number(group.createdAt)).toLocaleString()}
|
|
23
25
|
</span>
|
|
24
26
|
|
|
25
27
|
<label>${i18next.t('label.updater')}</label>
|
|
26
28
|
<span>
|
|
27
|
-
<
|
|
29
|
+
<md-icon>person</md-icon> ${group.updater && group.updater.name} <md-icon>schedule</md-icon> ${new Date(Number(group.updatedAt)).toLocaleString()}
|
|
28
30
|
</span>
|
|
29
31
|
|
|
30
32
|
<div buttons>
|
|
31
33
|
${this.groupId
|
|
32
34
|
? html `
|
|
33
|
-
<
|
|
34
|
-
dense
|
|
35
|
-
raised
|
|
35
|
+
<md-text-button
|
|
36
36
|
danger
|
|
37
|
-
label=${i18next.t('button.delete')}
|
|
38
37
|
@click=${this.deleteGroup.bind(this)}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
<mwc-button
|
|
42
|
-
dense
|
|
43
|
-
raised
|
|
44
|
-
label=${i18next.t('button.save')}
|
|
38
|
+
><md-icon slot="icon">delete_outline</md-icon>${i18next.t('button.delete')}</md-text-button>
|
|
39
|
+
<md-filled-button
|
|
45
40
|
@click=${this.updateGroup.bind(this)}
|
|
46
|
-
|
|
47
|
-
></mwc-button>
|
|
41
|
+
><md-icon slot="icon">done</md-icon>${i18next.t('button.save')}</md-filled-button>
|
|
48
42
|
`
|
|
49
43
|
: html `
|
|
50
|
-
<
|
|
51
|
-
dense
|
|
52
|
-
raised
|
|
53
|
-
label=${i18next.t('button.create')}
|
|
44
|
+
<md-filled-button
|
|
54
45
|
@click=${this.createGroup.bind(this)}
|
|
55
|
-
|
|
56
|
-
></mwc-button>
|
|
46
|
+
><md-icon slot="icon">create_new_folder</md-icon>${i18next.t('button.create')}</md-filled-button>
|
|
57
47
|
`}
|
|
58
48
|
</div>
|
|
59
49
|
</fieldset>
|
|
@@ -116,7 +106,7 @@ GroupInfo.styles = [
|
|
|
116
106
|
--form-grid-gap: 2px 0;
|
|
117
107
|
--input-field-padding: var(--padding-default);
|
|
118
108
|
--legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;
|
|
119
|
-
--
|
|
109
|
+
--md-filled-button-container-height: 32px;
|
|
120
110
|
}
|
|
121
111
|
|
|
122
112
|
form {
|
|
@@ -140,7 +130,7 @@ GroupInfo.styles = [
|
|
|
140
130
|
[danger] {
|
|
141
131
|
float: left;
|
|
142
132
|
margin: 0 var(--margin-narrow) 0 0;
|
|
143
|
-
--
|
|
133
|
+
--md-text-button-label-text-color: var(--md-sys-color-error);
|
|
144
134
|
}
|
|
145
135
|
|
|
146
136
|
fieldset {
|
|
@@ -169,7 +159,7 @@ GroupInfo.styles = [
|
|
|
169
159
|
padding-bottom: var(--padding-narrow);
|
|
170
160
|
font: var(--input-field-font);
|
|
171
161
|
}
|
|
172
|
-
span
|
|
162
|
+
span md-icon {
|
|
173
163
|
vertical-align: middle;
|
|
174
164
|
font-size: var(--fontsize-large);
|
|
175
165
|
color: var(--primary-color);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"group-info.js","sourceRoot":"","sources":["../../client/viewparts/group-info.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"group-info.js","sourceRoot":"","sources":["../../client/viewparts/group-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@things-factory/i18n-base/dist-client'\n\nimport { fetchGroupById } from '@fmsim/api'\n\n@customElement('group-info')\nexport class GroupInfo extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n background-color: var(--main-section-background-color);\n height: 100%;\n min-width: 360px;\n overflow: auto;\n position: relative;\n\n --form-grid-gap: 2px 0;\n --input-field-padding: var(--padding-default);\n --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;\n --md-filled-button-container-height: 32px;\n }\n\n form {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n grid-gap: var(--form-grid-gap);\n grid-auto-rows: minmax(24px, auto);\n padding: var(--padding-wide);\n align-items: center;\n }\n\n [buttons] {\n grid-column: span 12;\n padding: var(--padding-default) 0;\n text-align: right;\n }\n\n [buttons] * {\n margin: 0 0 0 var(--margin-narrow);\n }\n [danger] {\n float: left;\n margin: 0 var(--margin-narrow) 0 0;\n --md-text-button-label-text-color: var(--md-sys-color-error);\n }\n\n fieldset {\n display: contents;\n }\n\n legend {\n grid-column: span 12;\n padding: var(--legend-padding);\n font: var(--legend-font);\n color: var(--legend-text-color);\n text-transform: capitalize;\n }\n\n label {\n grid-column: span 12;\n text-transform: capitalize;\n color: var(--label-color);\n font: var(--label-font);\n }\n\n span {\n grid-column: span 12;\n border-bottom: var(--border-dark-color);\n margin-bottom: var(--margin-default);\n padding-bottom: var(--padding-narrow);\n font: var(--input-field-font);\n }\n span md-icon {\n vertical-align: middle;\n font-size: var(--fontsize-large);\n color: var(--primary-color);\n }\n\n input,\n table,\n select,\n textarea,\n [custom-input] {\n grid-column: span 12;\n\n border: var(--input-field-border);\n border-radius: var(--input-field-border-radius);\n margin-bottom: var(--margin-default);\n padding: var(--input-field-padding);\n font: var(--input-field-font);\n }\n\n input[type='checkbox'],\n input[type='radio'] {\n place-self: center;\n margin: 0;\n grid-column: 1;\n }\n\n input[type='checkbox'] + label,\n input[type='radio'] + label {\n text-align: left;\n grid-column: span 11 / auto;\n\n font: var(--form-sublabel-font);\n color: var(--form-sublabel-color);\n }\n\n input:focus {\n outline: none;\n border: 1px solid var(--focus-background-color);\n }\n\n @media screen and (max-width: 460px) {\n :host {\n width: 100vw;\n }\n }\n `\n ]\n\n @property({ type: String }) groupId?: string\n\n @state() group: any\n\n render() {\n var group = this.group || { name: '', description: '' }\n\n return html`\n <form>\n <fieldset>\n <legend>group information</legend>\n <label>${i18next.t('label.name')}</label>\n <input type=\"text\" .value=${group.name} @change=${e => (this.group.name = e.target.value)} />\n\n <label>${i18next.t('label.description')}</label>\n <input type=\"text\" .value=${group.description} @change=${e => (this.group.description = e.target.value)} />\n\n <label>${i18next.t('label.creator')}</label>\n <span>\n <md-icon>person</md-icon> ${group.creator && group.creator.name} <md-icon>schedule</md-icon> ${new Date(\n Number(group.createdAt)\n ).toLocaleString()}\n </span>\n\n <label>${i18next.t('label.updater')}</label>\n <span>\n <md-icon>person</md-icon> ${group.updater && group.updater.name} <md-icon>schedule</md-icon> ${new Date(\n Number(group.updatedAt)\n ).toLocaleString()}\n </span>\n\n <div buttons>\n ${this.groupId\n ? html`\n <md-text-button\n danger\n @click=${this.deleteGroup.bind(this)}\n ><md-icon slot=\"icon\">delete_outline</md-icon>${i18next.t('button.delete')}</md-text-button>\n <md-filled-button\n @click=${this.updateGroup.bind(this)}\n ><md-icon slot=\"icon\">done</md-icon>${i18next.t('button.save')}</md-filled-button>\n `\n : html`\n <md-filled-button\n @click=${this.createGroup.bind(this)}\n ><md-icon slot=\"icon\">create_new_folder</md-icon>${i18next.t('button.create')}</md-filled-button>\n `}\n </div>\n </fieldset>\n </form>\n `\n }\n\n updated(changes) {\n if (changes.has('groupId')) {\n this.refresh()\n }\n }\n\n firstUpdated() {\n setTimeout(() => {\n ;(this.renderRoot.querySelector('input[type=text]') as any).focus()\n }, 100)\n }\n\n async refresh() {\n if (!this.groupId) {\n /* model이 없으므로, 기본 모델을 제공함. */\n this.group = { name: '', description: '' }\n } else {\n var response = await fetchGroupById(this.groupId)\n this.group = response.group\n }\n }\n\n async createGroup() {\n this.dispatchEvent(\n new CustomEvent('create-group', {\n detail: this.group\n })\n )\n\n this.close()\n }\n\n async updateGroup() {\n this.dispatchEvent(\n new CustomEvent('update-group', {\n detail: this.group\n })\n )\n\n this.close()\n }\n\n async deleteGroup() {\n this.dispatchEvent(\n new CustomEvent('delete-group', {\n detail: this.group\n })\n )\n\n this.close()\n }\n\n close() {\n history.back()\n }\n}\n"]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import '@material/
|
|
2
|
+
import '@material/web/icon/icon.js';
|
|
3
3
|
import '@operato/i18n/ox-i18n.js';
|
|
4
4
|
import { css, html, LitElement } from 'lit';
|
|
5
5
|
import { customElement, property } from 'lit/decorators.js';
|
|
6
|
-
import { connect } from '
|
|
7
|
-
import { store } from '@operato/shell';
|
|
6
|
+
import { connect, store } from '@operato/shell';
|
|
8
7
|
let MenuTools = class MenuTools extends connect(store)(LitElement) {
|
|
9
8
|
render() {
|
|
10
9
|
return this.context && this.context['board_topmenu']
|
|
@@ -12,37 +11,37 @@ let MenuTools = class MenuTools extends connect(store)(LitElement) {
|
|
|
12
11
|
<ul>
|
|
13
12
|
<li>
|
|
14
13
|
<a href="board-list" ?active=${this.page == 'board-list'}>
|
|
15
|
-
<
|
|
14
|
+
<md-icon>dvr</md-icon>
|
|
16
15
|
<div><ox-i18n msgid="label.board"></ox-i18n></div>
|
|
17
16
|
</a>
|
|
18
17
|
</li>
|
|
19
18
|
<li>
|
|
20
19
|
<a href="font-list" ?active=${this.page == 'font-list'}>
|
|
21
|
-
<
|
|
20
|
+
<md-icon>font_download</md-icon>
|
|
22
21
|
<div><ox-i18n msgid="label.font"></ox-i18n></div>
|
|
23
22
|
</a>
|
|
24
23
|
</li>
|
|
25
24
|
<li>
|
|
26
25
|
<a href="attachment-list" ?active=${this.page == 'attachment-list'}>
|
|
27
|
-
<
|
|
26
|
+
<md-icon>attachment</md-icon>
|
|
28
27
|
<div><ox-i18n msgid="label.attachment"></ox-i18n></div>
|
|
29
28
|
</a>
|
|
30
29
|
</li>
|
|
31
30
|
<li>
|
|
32
31
|
<a href="theme-list" ?active=${this.page == 'theme-list'}>
|
|
33
|
-
<
|
|
32
|
+
<md-icon>draw</md-icon>
|
|
34
33
|
<div><ox-i18n msgid="label.theme"></ox-i18n></div>
|
|
35
34
|
</a>
|
|
36
35
|
</li>
|
|
37
36
|
<li>
|
|
38
37
|
<a href="connection-list" ?active=${this.page == 'connection-list'}>
|
|
39
|
-
<
|
|
38
|
+
<md-icon>device_hub</md-icon>
|
|
40
39
|
<div><ox-i18n msgid="label.connection"></ox-i18n></div>
|
|
41
40
|
</a>
|
|
42
41
|
</li>
|
|
43
42
|
<li>
|
|
44
43
|
<a href="scenario-list" ?active=${this.page == 'scenario-list'}>
|
|
45
|
-
<
|
|
44
|
+
<md-icon>format_list_numbered</md-icon>
|
|
46
45
|
<div><ox-i18n msgid="label.scenario"></ox-i18n></div>
|
|
47
46
|
</a>
|
|
48
47
|
</li>
|
|
@@ -99,16 +98,15 @@ MenuTools.styles = [
|
|
|
99
98
|
padding: 5px 0px;
|
|
100
99
|
text-align: center;
|
|
101
100
|
text-decoration: none;
|
|
102
|
-
color: var(--
|
|
101
|
+
color: var(--md-sys-color-on-secondary);
|
|
103
102
|
max-width: 54px;
|
|
104
103
|
}
|
|
105
104
|
|
|
106
105
|
a[active] {
|
|
107
|
-
color: var(--menu-tools-active-color);
|
|
108
106
|
background-color: rgba(0, 0, 0, 0.2);
|
|
109
107
|
}
|
|
110
108
|
|
|
111
|
-
|
|
109
|
+
md-icon {
|
|
112
110
|
padding: 5px 15px 0px 15px;
|
|
113
111
|
vertical-align: bottom;
|
|
114
112
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGxC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAoEvD,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,CAAC,CAAC,IAAI,CAAA;;;6CAGiC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;4CAM1B,IAAI,CAAC,IAAI,IAAI,WAAW;;;;;;kDAMlB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;6CAMnC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;kDAMpB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;gDAMhC,IAAI,CAAC,IAAI,IAAI,eAAe;;;;;;SAMnE;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC;;AApHM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DF;CACF,AA5DY,CA4DZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CAAmB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAa;AAlE7B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAsHrB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect, store } from '@operato/shell'\n\n@customElement('menu-tools')\nexport class MenuTools extends connect(store)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n background-color: var(--menu-tools-background-color);\n\n /* for narrow mode */\n flex-direction: column;\n width: 100%;\n }\n\n :host([width='WIDE']) {\n /* for wide mode */\n flex-direction: row;\n width: initial;\n height: 100%;\n }\n\n ul {\n display: flex;\n flex-direction: row;\n\n margin: auto;\n padding: 0;\n list-style: none;\n height: 100%;\n overflow: none;\n }\n\n :host([width='WIDE']) ul {\n flex-direction: column;\n }\n\n :host([width='WIDE']) li {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n a {\n display: block;\n padding: 5px 0px;\n text-align: center;\n text-decoration: none;\n color: var(--md-sys-color-on-secondary);\n max-width: 54px;\n }\n\n a[active] {\n background-color: rgba(0, 0, 0, 0.2);\n }\n\n md-icon {\n padding: 5px 15px 0px 15px;\n vertical-align: bottom;\n }\n\n div {\n font-size: 0.6em;\n }\n `\n ]\n\n @property({ type: String }) page?: string\n @property({ type: String, reflect: true }) width?: string\n @property({ type: Boolean }) editable?: boolean\n @property({ type: Object }) context: any\n\n render() {\n return this.context && this.context['board_topmenu']\n ? html`\n <ul>\n <li>\n <a href=\"board-list\" ?active=${this.page == 'board-list'}>\n <md-icon>dvr</md-icon>\n <div><ox-i18n msgid=\"label.board\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"font-list\" ?active=${this.page == 'font-list'}>\n <md-icon>font_download</md-icon>\n <div><ox-i18n msgid=\"label.font\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"attachment-list\" ?active=${this.page == 'attachment-list'}>\n <md-icon>attachment</md-icon>\n <div><ox-i18n msgid=\"label.attachment\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"theme-list\" ?active=${this.page == 'theme-list'}>\n <md-icon>draw</md-icon>\n <div><ox-i18n msgid=\"label.theme\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"connection-list\" ?active=${this.page == 'connection-list'}>\n <md-icon>device_hub</md-icon>\n <div><ox-i18n msgid=\"label.connection\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"scenario-list\" ?active=${this.page == 'scenario-list'}>\n <md-icon>format_list_numbered</md-icon>\n <div><ox-i18n msgid=\"label.scenario\"></ox-i18n></div>\n </a>\n </li>\n </ul>\n `\n : html``\n }\n\n stateChanged(state) {\n this.page = state.route.page\n this.width = state.layout.width\n this.context = state.route.context\n }\n}\n"]}
|
package/dist-server/index.js
CHANGED
package/dist-server/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":";;;AAAA,oDAAyB","sourcesContent":["
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../server/index.ts"],"names":[],"mappings":";;;AAAA,oBAAiB;AAEjB,oDAAyB","sourcesContent":["import './routes'\n\nexport * from './service'\n"]}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
/**
|
|
4
|
+
* fmsim 테스트 환경 mock 서버 REST 라우트.
|
|
5
|
+
*
|
|
6
|
+
* 프로덕션(fmsim-restful)은 MCS LV RESTful 서비스가 GET /resource/name 를 응답한다 (확정 명세).
|
|
7
|
+
* fmsim 은 테스트 환경이므로, 클라이언트(@fmsim/api 의 fetchFigureIds)가 lv_server_ip_port
|
|
8
|
+
* 미설정 상태에서 same-origin 으로 호출하는 동일 경로를 이 라우트가 mock 으로 응답한다.
|
|
9
|
+
*
|
|
10
|
+
* GET /resource/name?figureType={type}[&machineName={parentMachine}]
|
|
11
|
+
* - figureType : 컴포넌트(figure) 타입 (query 파라미터)
|
|
12
|
+
* - machineName: 부모 머신 id (조회 범위 한정 — unit 계열일 때)
|
|
13
|
+
* - keyword 는 받지 않는다 (클라이언트가 후보 목록을 받아 로컬 필터)
|
|
14
|
+
* 응답: { data: string[], errorMessage: null, status: true }
|
|
15
|
+
*
|
|
16
|
+
* @things-factory 모듈 라우트 등록 규약: shell 이 부팅 시 emit 하는
|
|
17
|
+
* 'bootstrap-module-global-public-route' 이벤트로 globalPublicRouter(koa-router) 를 받아
|
|
18
|
+
* 라우트를 추가한다. (server/index.ts 가 이 모듈을 import 하여 리스너를 등록한다.)
|
|
19
|
+
*/
|
|
20
|
+
const machine_units_mock_1 = require("./service/machine-units/machine-units-mock");
|
|
21
|
+
/** 테스트용 의도적 지연 (0.1 ~ 1.0초) — 클라이언트 비동기 처리 검증용. */
|
|
22
|
+
function mockLatency() {
|
|
23
|
+
const ms = 100 + Math.floor(Math.random() * 900);
|
|
24
|
+
return new Promise(resolve => setTimeout(resolve, ms));
|
|
25
|
+
}
|
|
26
|
+
process.on('bootstrap-module-global-public-route', (_app, globalPublicRouter) => {
|
|
27
|
+
globalPublicRouter.get('/resource/name', async (ctx) => {
|
|
28
|
+
const figureType = typeof ctx.query.figureType === 'string' ? ctx.query.figureType : '';
|
|
29
|
+
const machineName = typeof ctx.query.machineName === 'string' ? ctx.query.machineName : undefined;
|
|
30
|
+
// 테스트 환경 mock — 실제 서버 지연을 모사해 클라이언트 비동기 흐름(로딩 표시 등) 확인.
|
|
31
|
+
await mockLatency();
|
|
32
|
+
ctx.type = 'application/json';
|
|
33
|
+
// 확정 응답 envelope: { data, errorMessage, status }
|
|
34
|
+
ctx.body = {
|
|
35
|
+
data: (0, machine_units_mock_1.searchMockFigureIds)(figureType, machineName ? { machine: machineName } : {}),
|
|
36
|
+
errorMessage: null,
|
|
37
|
+
status: true
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=routes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"routes.js","sourceRoot":"","sources":["../server/routes.ts"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,mFAAgF;AAEhF,mDAAmD;AACnD,SAAS,WAAW;IAClB,MAAM,EAAE,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAA;IAChD,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAA;AACxD,CAAC;AAED,OAAO,CAAC,EAAE,CAAC,sCAA6C,EAAE,CAAC,IAAS,EAAE,kBAAuB,EAAE,EAAE;IAC/F,kBAAkB,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,GAAQ,EAAE,EAAE;QAC1D,MAAM,UAAU,GAAW,OAAO,GAAG,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;QAC/F,MAAM,WAAW,GAAuB,OAAO,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAA;QAErH,wDAAwD;QACxD,MAAM,WAAW,EAAE,CAAA;QAEnB,GAAG,CAAC,IAAI,GAAG,kBAAkB,CAAA;QAC7B,iDAAiD;QACjD,GAAG,CAAC,IAAI,GAAG;YACT,IAAI,EAAE,IAAA,wCAAmB,EAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAClF,YAAY,EAAE,IAAI;YAClB,MAAM,EAAE,IAAI;SACb,CAAA;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["/**\n * fmsim 테스트 환경 mock 서버 REST 라우트.\n *\n * 프로덕션(fmsim-restful)은 MCS LV RESTful 서비스가 GET /resource/name 를 응답한다 (확정 명세).\n * fmsim 은 테스트 환경이므로, 클라이언트(@fmsim/api 의 fetchFigureIds)가 lv_server_ip_port\n * 미설정 상태에서 same-origin 으로 호출하는 동일 경로를 이 라우트가 mock 으로 응답한다.\n *\n * GET /resource/name?figureType={type}[&machineName={parentMachine}]\n * - figureType : 컴포넌트(figure) 타입 (query 파라미터)\n * - machineName: 부모 머신 id (조회 범위 한정 — unit 계열일 때)\n * - keyword 는 받지 않는다 (클라이언트가 후보 목록을 받아 로컬 필터)\n * 응답: { data: string[], errorMessage: null, status: true }\n *\n * @things-factory 모듈 라우트 등록 규약: shell 이 부팅 시 emit 하는\n * 'bootstrap-module-global-public-route' 이벤트로 globalPublicRouter(koa-router) 를 받아\n * 라우트를 추가한다. (server/index.ts 가 이 모듈을 import 하여 리스너를 등록한다.)\n */\nimport { searchMockFigureIds } from './service/machine-units/machine-units-mock'\n\n/** 테스트용 의도적 지연 (0.1 ~ 1.0초) — 클라이언트 비동기 처리 검증용. */\nfunction mockLatency(): Promise<void> {\n const ms = 100 + Math.floor(Math.random() * 900)\n return new Promise(resolve => setTimeout(resolve, ms))\n}\n\nprocess.on('bootstrap-module-global-public-route' as any, (_app: any, globalPublicRouter: any) => {\n globalPublicRouter.get('/resource/name', async (ctx: any) => {\n const figureType: string = typeof ctx.query.figureType === 'string' ? ctx.query.figureType : ''\n const machineName: string | undefined = typeof ctx.query.machineName === 'string' ? ctx.query.machineName : undefined\n\n // 테스트 환경 mock — 실제 서버 지연을 모사해 클라이언트 비동기 흐름(로딩 표시 등) 확인.\n await mockLatency()\n\n ctx.type = 'application/json'\n // 확정 응답 envelope: { data, errorMessage, status }\n ctx.body = {\n data: searchMockFigureIds(figureType, machineName ? { machine: machineName } : {}),\n errorMessage: null,\n status: true\n }\n })\n})\n"]}
|
|
@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.schema = exports.entities = void 0;
|
|
5
5
|
/* IMPORT ENTITIES AND RESOLVERS */
|
|
6
6
|
const board_favorite_1 = require("./board-favorite");
|
|
7
|
+
const playback_1 = require("./playback");
|
|
7
8
|
exports.entities = [
|
|
8
9
|
/* ENTITIES */
|
|
9
|
-
...board_favorite_1.entities
|
|
10
|
+
...board_favorite_1.entities,
|
|
11
|
+
...playback_1.entities
|
|
10
12
|
];
|
|
11
13
|
exports.schema = {
|
|
12
14
|
resolverClasses: [
|
|
13
15
|
/* RESOLVER CLASSES */
|
|
14
|
-
...board_favorite_1.resolvers
|
|
16
|
+
...board_favorite_1.resolvers,
|
|
17
|
+
...playback_1.resolvers
|
|
15
18
|
]
|
|
16
19
|
};
|
|
17
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/service/index.ts"],"names":[],"mappings":";AAAA,yBAAyB;;;AAEzB,mCAAmC;AACnC,qDAAyG;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../server/service/index.ts"],"names":[],"mappings":";AAAA,yBAAyB;;;AAEzB,mCAAmC;AACnC,qDAAyG;AACzG,yCAAyF;AAE5E,QAAA,QAAQ,GAAG;IACtB,cAAc;IACd,GAAG,yBAAqB;IACxB,GAAG,mBAAgB;CACpB,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,eAAe,EAAE;QACf,sBAAsB;QACtB,GAAG,0BAAsB;QACzB,GAAG,oBAAiB;KACrB;CACF,CAAA","sourcesContent":["/* EXPORT ENTITY TYPES */\n\n/* IMPORT ENTITIES AND RESOLVERS */\nimport { entities as BoardFavoriteEntities, resolvers as BoardFavoriteResolvers } from './board-favorite'\nimport { entities as PlaybackEntities, resolvers as PlaybackResolvers } from './playback'\n\nexport const entities = [\n /* ENTITIES */\n ...BoardFavoriteEntities,\n ...PlaybackEntities\n]\n\nexport const schema = {\n resolverClasses: [\n /* RESOLVER CLASSES */\n ...BoardFavoriteResolvers,\n ...PlaybackResolvers\n ]\n}\n"]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/*
|
|
3
|
+
* 머신/유닛 ID 검색 — 서버측 가상(mock) 데이터.
|
|
4
|
+
*
|
|
5
|
+
* 프로덕션(fmsim-restful)은 MCS LV RESTful 서비스가 GET /resource/name 를 응답한다 (확정 명세).
|
|
6
|
+
* fmsim 은 테스트 환경이므로 이 모듈이 같은 형태(string[])의 가상 응답을 만들어 mock 라우트가
|
|
7
|
+
* { data, errorMessage, status } envelope 로 감싸 응답한다.
|
|
8
|
+
*
|
|
9
|
+
* 엔티티는 machine 과 unit 으로 나뉜다 (키 = 실제 모델 타입):
|
|
10
|
+
* - machine: 독립 엔티티 (STOCKER, Conveyor, Equipment, Buffer, AGV, OHT, Shuttle, …)
|
|
11
|
+
* - unit: 어떤 machine 에 소속되는 엔티티 (Port, Shelf, Crane).
|
|
12
|
+
*
|
|
13
|
+
* 결과는 **1차원 id 리스트(string[])**:
|
|
14
|
+
* - machine 조회 → 머신 id 리스트.
|
|
15
|
+
* - unit 조회 → unit id 리스트 (머신별 그룹핑 없음). unit id 는 부모 머신을 접두로
|
|
16
|
+
* 포함한다(예: STK01-P03). opts.machine 지정 시 그 머신 소속으로 좁힌다.
|
|
17
|
+
*
|
|
18
|
+
* 외부 의존 없는 순수 함수.
|
|
19
|
+
*/
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.MACHINE_UNIT_SEARCH_LIMIT = void 0;
|
|
22
|
+
exports.searchMockFigureIds = searchMockFigureIds;
|
|
23
|
+
function seq(prefix, count, pad = 2) {
|
|
24
|
+
return Array.from({ length: count }, (_, i) => `${prefix}${String(i + 1).padStart(pad, '0')}`);
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* machine 타입 → 머신 id 후보 selector.
|
|
28
|
+
* 키는 **실제 모델 타입(@sceneComponent 등록명)** — 'STOCKER'(대문자) 등 등록 그대로.
|
|
29
|
+
*/
|
|
30
|
+
const MACHINE_TYPES = {
|
|
31
|
+
STOCKER: () => seq('STK', 10),
|
|
32
|
+
Equipment: () => seq('EQP', 20),
|
|
33
|
+
Buffer: () => seq('BUF', 10),
|
|
34
|
+
Conveyor: () => seq('CNV', 30),
|
|
35
|
+
ConveyorJoin: () => seq('CNVJ', 10),
|
|
36
|
+
CraneRail: () => seq('CRAIL', 6),
|
|
37
|
+
OHTLine: () => seq('OHTLINE', 3),
|
|
38
|
+
AGVLine: () => seq('AGVLINE', 6),
|
|
39
|
+
AGV: () => seq('AGV', 20),
|
|
40
|
+
OHT: () => seq('OHT', 10),
|
|
41
|
+
Shuttle: () => seq('SHTL', 8)
|
|
42
|
+
};
|
|
43
|
+
/**
|
|
44
|
+
* unit 타입 → 부모 machine 에 소속. 키는 실제 모델 타입. id = `{machine}-{prefix}{nn}`.
|
|
45
|
+
*/
|
|
46
|
+
const UNIT_TYPES = {
|
|
47
|
+
Port: { prefix: 'P', count: 20 },
|
|
48
|
+
Shelf: { prefix: 'SH', count: 30 },
|
|
49
|
+
Crane: { prefix: 'CR', count: 2 }
|
|
50
|
+
};
|
|
51
|
+
/** machine 미지정 시 unit 을 펼칠 표본 부모 머신 (Stocker). */
|
|
52
|
+
const SAMPLE_UNIT_PARENTS = seq('STK', 10);
|
|
53
|
+
/** 응답 ID 총 개수 상한. */
|
|
54
|
+
exports.MACHINE_UNIT_SEARCH_LIMIT = 50;
|
|
55
|
+
/**
|
|
56
|
+
* 컴포넌트 타입으로 후보 id 리스트를 생성 (가상). **1차원 string[]** 반환.
|
|
57
|
+
*
|
|
58
|
+
* @param type 실제 모델 타입 (예: 'STOCKER', 'AGV', 'Port'). 정확 매칭.
|
|
59
|
+
* @param opts machine(부모 머신 id, unit 조회 시) / limit.
|
|
60
|
+
* @returns string[] (총 id 개수 limit 까지). 매핑 없는 타입은 빈 배열.
|
|
61
|
+
*/
|
|
62
|
+
function searchMockFigureIds(type, opts = {}) {
|
|
63
|
+
const t = String(type || '');
|
|
64
|
+
const { machine, limit = exports.MACHINE_UNIT_SEARCH_LIMIT } = opts;
|
|
65
|
+
const cap = Math.max(0, limit);
|
|
66
|
+
const unitSpec = UNIT_TYPES[t];
|
|
67
|
+
if (unitSpec) {
|
|
68
|
+
// unit 조회 — 부모 머신 접두를 포함한 unit id 평면 리스트
|
|
69
|
+
const parents = machine ? [machine] : SAMPLE_UNIT_PARENTS;
|
|
70
|
+
const out = [];
|
|
71
|
+
for (const parent of parents) {
|
|
72
|
+
if (out.length >= cap)
|
|
73
|
+
break;
|
|
74
|
+
out.push(...seq(`${parent}-${unitSpec.prefix}`, unitSpec.count).slice(0, cap - out.length));
|
|
75
|
+
}
|
|
76
|
+
return out;
|
|
77
|
+
}
|
|
78
|
+
// machine 조회 — 머신 id 평면 리스트
|
|
79
|
+
const selector = MACHINE_TYPES[t];
|
|
80
|
+
if (!selector)
|
|
81
|
+
return [];
|
|
82
|
+
return selector().slice(0, cap);
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=machine-units-mock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"machine-units-mock.js","sourceRoot":"","sources":["../../../server/service/machine-units/machine-units-mock.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * 머신/유닛 ID 검색 — 서버측 가상(mock) 데이터.\n *\n * 프로덕션(fmsim-restful)은 MCS LV RESTful 서비스가 GET /resource/name 를 응답한다 (확정 명세).\n * fmsim 은 테스트 환경이므로 이 모듈이 같은 형태(string[])의 가상 응답을 만들어 mock 라우트가\n * { data, errorMessage, status } envelope 로 감싸 응답한다.\n *\n * 엔티티는 machine 과 unit 으로 나뉜다 (키 = 실제 모델 타입):\n * - machine: 독립 엔티티 (STOCKER, Conveyor, Equipment, Buffer, AGV, OHT, Shuttle, …)\n * - unit: 어떤 machine 에 소속되는 엔티티 (Port, Shelf, Crane).\n *\n * 결과는 **1차원 id 리스트(string[])**:\n * - machine 조회 → 머신 id 리스트.\n * - unit 조회 → unit id 리스트 (머신별 그룹핑 없음). unit id 는 부모 머신을 접두로\n * 포함한다(예: STK01-P03). opts.machine 지정 시 그 머신 소속으로 좁힌다.\n *\n * 외부 의존 없는 순수 함수.\n */\n\nexport interface FigureIdSearchOptions {\n /** 부모 machine id — unit 조회를 그 machine 소속으로 좁힌다 (선택). */\n machine?: string\n /** 결과 id 총 개수 상한 (기본 MACHINE_UNIT_SEARCH_LIMIT). */\n limit?: number\n}\n\nfunction seq(prefix: string, count: number, pad: number = 2): string[] {\n return Array.from({ length: count }, (_, i) => `${prefix}${String(i + 1).padStart(pad, '0')}`)\n}\n\n/**\n * machine 타입 → 머신 id 후보 selector.\n * 키는 **실제 모델 타입(@sceneComponent 등록명)** — 'STOCKER'(대문자) 등 등록 그대로.\n */\nconst MACHINE_TYPES: Record<string, () => string[]> = {\n STOCKER: () => seq('STK', 10),\n Equipment: () => seq('EQP', 20),\n Buffer: () => seq('BUF', 10),\n Conveyor: () => seq('CNV', 30),\n ConveyorJoin: () => seq('CNVJ', 10),\n CraneRail: () => seq('CRAIL', 6),\n OHTLine: () => seq('OHTLINE', 3),\n AGVLine: () => seq('AGVLINE', 6),\n AGV: () => seq('AGV', 20),\n OHT: () => seq('OHT', 10),\n Shuttle: () => seq('SHTL', 8)\n}\n\n/**\n * unit 타입 → 부모 machine 에 소속. 키는 실제 모델 타입. id = `{machine}-{prefix}{nn}`.\n */\nconst UNIT_TYPES: Record<string, { prefix: string; count: number }> = {\n Port: { prefix: 'P', count: 20 },\n Shelf: { prefix: 'SH', count: 30 },\n Crane: { prefix: 'CR', count: 2 }\n}\n\n/** machine 미지정 시 unit 을 펼칠 표본 부모 머신 (Stocker). */\nconst SAMPLE_UNIT_PARENTS = seq('STK', 10)\n\n/** 응답 ID 총 개수 상한. */\nexport const MACHINE_UNIT_SEARCH_LIMIT = 50\n\n/**\n * 컴포넌트 타입으로 후보 id 리스트를 생성 (가상). **1차원 string[]** 반환.\n *\n * @param type 실제 모델 타입 (예: 'STOCKER', 'AGV', 'Port'). 정확 매칭.\n * @param opts machine(부모 머신 id, unit 조회 시) / limit.\n * @returns string[] (총 id 개수 limit 까지). 매핑 없는 타입은 빈 배열.\n */\nexport function searchMockFigureIds(type: string, opts: FigureIdSearchOptions = {}): string[] {\n const t = String(type || '')\n const { machine, limit = MACHINE_UNIT_SEARCH_LIMIT } = opts\n const cap = Math.max(0, limit)\n\n const unitSpec = UNIT_TYPES[t]\n if (unitSpec) {\n // unit 조회 — 부모 머신 접두를 포함한 unit id 평면 리스트\n const parents = machine ? [machine] : SAMPLE_UNIT_PARENTS\n const out: string[] = []\n for (const parent of parents) {\n if (out.length >= cap) break\n out.push(...seq(`${parent}-${unitSpec.prefix}`, unitSpec.count).slice(0, cap - out.length))\n }\n return out\n }\n\n // machine 조회 — 머신 id 평면 리스트\n const selector = MACHINE_TYPES[t]\n if (!selector) return []\n return selector().slice(0, cap)\n}\n"]}
|