goblin-desktop 4.2.0 → 4.2.2

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.
Files changed (144) hide show
  1. package/.editorconfig +9 -9
  2. package/.zou-flow +2 -2
  3. package/LICENSE +21 -21
  4. package/README.md +108 -108
  5. package/builders/builders.js +3 -3
  6. package/builders/wizard.js +462 -462
  7. package/contexts.js +13 -13
  8. package/desktop-manager.js +10 -10
  9. package/desktop-window.js +13 -13
  10. package/desktop.js +13 -13
  11. package/eslint.config.js +65 -65
  12. package/lib/service.js +137 -137
  13. package/package.json +48 -48
  14. package/password-wizard.js +24 -24
  15. package/quest-run-wizard.js +24 -24
  16. package/taskbar.js +13 -13
  17. package/widgets/audio/sfx.js +177 -177
  18. package/widgets/board/view.js +37 -37
  19. package/widgets/board/widget.js +65 -65
  20. package/widgets/contexts/logic-handlers.js +36 -36
  21. package/widgets/contexts/service.js +40 -40
  22. package/widgets/contexts/view.js +21 -21
  23. package/widgets/contexts/widget.js +147 -147
  24. package/widgets/datagrid/datagrid-entity.js +82 -82
  25. package/widgets/datagrid/datagrid-headers.js +274 -274
  26. package/widgets/datagrid/styles.js +13 -13
  27. package/widgets/datagrid/widget.js +192 -192
  28. package/widgets/datagrid-cell/styles.js +52 -52
  29. package/widgets/datagrid-cell/widget.js +41 -41
  30. package/widgets/datagrid-item/styles.js +15 -15
  31. package/widgets/datagrid-item/widget.js +74 -74
  32. package/widgets/default/view.js +160 -160
  33. package/widgets/desktop/compensator.js +9 -9
  34. package/widgets/desktop/logic-handlers.js +243 -243
  35. package/widgets/desktop/reducer.js +35 -35
  36. package/widgets/desktop/service.js +858 -858
  37. package/widgets/desktop/styles.js +28 -28
  38. package/widgets/desktop/widget.js +191 -191
  39. package/widgets/desktop-clock/styles.js +69 -69
  40. package/widgets/desktop-clock/widget.js +387 -387
  41. package/widgets/desktop-clock-clock/styles.js +56 -56
  42. package/widgets/desktop-clock-clock/widget.js +96 -96
  43. package/widgets/desktop-clock-menu/styles.js +129 -129
  44. package/widgets/desktop-clock-menu/widget.js +63 -63
  45. package/widgets/desktop-connection-status/reducer.js +15 -15
  46. package/widgets/desktop-connection-status/styles.js +44 -44
  47. package/widgets/desktop-connection-status/widget.js +134 -134
  48. package/widgets/desktop-content/widget.js +68 -68
  49. package/widgets/desktop-footer/reducer.js +31 -31
  50. package/widgets/desktop-footer/styles.js +36 -36
  51. package/widgets/desktop-footer/widget.js +52 -52
  52. package/widgets/desktop-monitors/styles.js +155 -155
  53. package/widgets/desktop-monitors/widget.js +272 -272
  54. package/widgets/desktop-notebook/styles.js +155 -155
  55. package/widgets/desktop-notebook/widget.js +252 -252
  56. package/widgets/desktop-notifications/styles.js +147 -147
  57. package/widgets/desktop-notifications/widget.js +231 -231
  58. package/widgets/desktop-scale/reducer.js +15 -15
  59. package/widgets/desktop-scale/styles.js +49 -49
  60. package/widgets/desktop-scale/widget.js +173 -172
  61. package/widgets/desktop-state-monitor/styles.js +72 -72
  62. package/widgets/desktop-state-monitor/widget.js +123 -123
  63. package/widgets/desktop-taskbar/widget.js +57 -57
  64. package/widgets/desktop-themes-menu/widget.js +121 -121
  65. package/widgets/desktop-topbar/widget.js +201 -201
  66. package/widgets/desktop-window/service.js +56 -56
  67. package/widgets/desktop-window/styles.js +22 -22
  68. package/widgets/desktop-window/widget.js +70 -70
  69. package/widgets/detail/compensator.js +17 -17
  70. package/widgets/detail/view.js +40 -40
  71. package/widgets/detail/widget.js +119 -119
  72. package/widgets/editor/widget.js +82 -82
  73. package/widgets/entity-alerts/styles.js +77 -77
  74. package/widgets/entity-alerts/widget.js +328 -328
  75. package/widgets/entity-list/styles.js +66 -66
  76. package/widgets/entity-list/view.js +36 -36
  77. package/widgets/entity-list/widget.js +209 -209
  78. package/widgets/entity-list-item/widget.js +68 -68
  79. package/widgets/entity-row/styles.js +105 -105
  80. package/widgets/entity-row/widget.js +524 -524
  81. package/widgets/entity-row-button/styles.js +46 -46
  82. package/widgets/entity-row-button/widget.js +57 -57
  83. package/widgets/entity-view/reducer.js +20 -20
  84. package/widgets/entity-view/styles.js +90 -90
  85. package/widgets/entity-view/widget.js +601 -601
  86. package/widgets/facet-checkbox/styles.js +17 -17
  87. package/widgets/facet-checkbox/widget.js +43 -43
  88. package/widgets/facet-filter/widget.js +94 -94
  89. package/widgets/facet-filter-add/styles.js +30 -30
  90. package/widgets/facet-filter-add/widget.js +105 -105
  91. package/widgets/facet-filter-button/styles.js +74 -74
  92. package/widgets/facet-filter-button/widget.js +214 -214
  93. package/widgets/facet-filter-list-dialog/styles.js +59 -59
  94. package/widgets/facet-filter-list-dialog/widget.js +273 -273
  95. package/widgets/facet-filter-list-dialog-footer/styles.js +22 -22
  96. package/widgets/facet-filter-list-dialog-footer/widget.js +105 -105
  97. package/widgets/facet-filter-range-dialog/styles.js +82 -82
  98. package/widgets/facet-filter-range-dialog/widget.js +399 -399
  99. package/widgets/facet-filter-range-dialog-footer/styles.js +22 -22
  100. package/widgets/facet-filter-range-dialog-footer/widget.js +182 -182
  101. package/widgets/gamepad/widget.js +75 -75
  102. package/widgets/helpers/facet-helpers.js +105 -105
  103. package/widgets/hinter/reducer.js +35 -35
  104. package/widgets/hinter/styles.js +79 -79
  105. package/widgets/hinter/view.js +32 -32
  106. package/widgets/hinter/widget.js +289 -291
  107. package/widgets/junction/styles.js +22 -22
  108. package/widgets/junction/widget.js +50 -50
  109. package/widgets/main-tab-menu/styles.js +17 -17
  110. package/widgets/main-tab-menu/widget.js +130 -130
  111. package/widgets/map/view.js +49 -49
  112. package/widgets/map/widget.js +64 -64
  113. package/widgets/monitor/reducer.js +15 -15
  114. package/widgets/monitor/widget.js +60 -60
  115. package/widgets/navigating-layer/widget.js +25 -25
  116. package/widgets/notifications-button/widget.js +44 -44
  117. package/widgets/password-wizard/service.js +53 -53
  118. package/widgets/password-wizard/ui.js +66 -66
  119. package/widgets/plugin/reducer.js +19 -19
  120. package/widgets/plugin/styles.js +294 -294
  121. package/widgets/plugin/widget.js +622 -622
  122. package/widgets/quest-run-wizard/service.js +49 -49
  123. package/widgets/quest-run-wizard/ui.js +25 -25
  124. package/widgets/search/styles.js +80 -80
  125. package/widgets/search/widget.js +283 -285
  126. package/widgets/simple/view.js +28 -28
  127. package/widgets/status-filters/widget.js +121 -121
  128. package/widgets/tab/styles.js +16 -16
  129. package/widgets/tab/widget.js +89 -89
  130. package/widgets/tab-content/widget.js +35 -35
  131. package/widgets/tabs/widget.js +48 -48
  132. package/widgets/taskbar/service.js +99 -99
  133. package/widgets/taskbar/view.js +27 -27
  134. package/widgets/taskbar/widget.js +167 -167
  135. package/widgets/widget-doc-caller/reducer.js +15 -15
  136. package/widgets/widget-doc-caller/styles.js +20 -20
  137. package/widgets/widget-doc-caller/widget.js +55 -55
  138. package/widgets/wizard/widget.js +298 -298
  139. package/widgets/wizard-buttons/widget.js +111 -111
  140. package/widgets/workitem/styles.js +286 -286
  141. package/widgets/workitem/view.js +62 -62
  142. package/widgets/workitem/widget.js +988 -988
  143. package/widgets/workitem-dialog/widget.js +86 -86
  144. package/widgets/workitem-fields/widget.js +64 -64
@@ -1,24 +1,24 @@
1
- 'use strict';
2
-
3
- try {
4
- require('goblin-workshop');
5
-
6
- /**
7
- * Retrieve the list of available commands.
8
- *
9
- * @returns {Object} The list and definitions of commands.
10
- */
11
- exports.xcraftCommands = function () {
12
- return require(`./widgets/${require('path').basename(
13
- __filename,
14
- '.js'
15
- )}/service.js`);
16
- };
17
- } catch (ex) {
18
- if (ex.code !== 'MODULE_NOT_FOUND') {
19
- throw ex;
20
- }
21
- console.log(
22
- `Skip ${__filename} initialization, goblin-workshop not available`
23
- );
24
- }
1
+ 'use strict';
2
+
3
+ try {
4
+ require('goblin-workshop');
5
+
6
+ /**
7
+ * Retrieve the list of available commands.
8
+ *
9
+ * @returns {Object} The list and definitions of commands.
10
+ */
11
+ exports.xcraftCommands = function () {
12
+ return require(`./widgets/${require('path').basename(
13
+ __filename,
14
+ '.js'
15
+ )}/service.js`);
16
+ };
17
+ } catch (ex) {
18
+ if (ex.code !== 'MODULE_NOT_FOUND') {
19
+ throw ex;
20
+ }
21
+ console.log(
22
+ `Skip ${__filename} initialization, goblin-workshop not available`
23
+ );
24
+ }
package/taskbar.js CHANGED
@@ -1,13 +1,13 @@
1
- 'use strict';
2
-
3
- /**
4
- * Retrieve the list of available commands.
5
- *
6
- * @returns {Object} The list and definitions of commands.
7
- */
8
- exports.xcraftCommands = function () {
9
- return require(`./widgets/${require('path').basename(
10
- __filename,
11
- '.js'
12
- )}/service.js`);
13
- };
1
+ 'use strict';
2
+
3
+ /**
4
+ * Retrieve the list of available commands.
5
+ *
6
+ * @returns {Object} The list and definitions of commands.
7
+ */
8
+ exports.xcraftCommands = function () {
9
+ return require(`./widgets/${require('path').basename(
10
+ __filename,
11
+ '.js'
12
+ )}/service.js`);
13
+ };
@@ -1,177 +1,177 @@
1
- /******************************************************************************/
2
- if (!window.mainAudioCtx) {
3
- window.mainAudioCtx = new (window.AudioContext ||
4
- window.webkitAudioContext)();
5
- window.mainGain = window.mainAudioCtx.createGain();
6
- window.mainGain.gain.setValueAtTime(0.2, window.mainAudioCtx.currentTime);
7
- }
8
-
9
- const delay = (ctx, input, options) => {
10
- const leftDelay = ctx.createDelay();
11
- const rightDelay = ctx.createDelay();
12
- const feedback = ctx.createGain();
13
- const dryMix = ctx.createGain();
14
- const wetMix = ctx.createGain();
15
- const output = ctx.createGain();
16
- const merger = ctx.createChannelMerger(2);
17
-
18
- leftDelay.delayTime.value = options.time;
19
- rightDelay.delayTime.value = options.time;
20
-
21
- feedback.gain.value = options.feedback;
22
- dryMix.gain.value = options.dry;
23
- wetMix.gain.value = options.wet;
24
-
25
- input.connect(dryMix);
26
- input.connect(feedback);
27
-
28
- feedback.connect(leftDelay);
29
- leftDelay.connect(rightDelay);
30
- rightDelay.connect(feedback);
31
-
32
- leftDelay.connect(merger, 0, 0);
33
- rightDelay.connect(merger, 0, 1);
34
- merger.connect(wetMix);
35
-
36
- dryMix.connect(output);
37
- wetMix.connect(output);
38
-
39
- return output;
40
- };
41
-
42
- class SFX {
43
- constructor(
44
- seq = [],
45
- pitch = 1,
46
- type = 'sine',
47
- delayOptions = {
48
- time: 0.1,
49
- feedback: 0.2,
50
- wet: 1,
51
- dry: 1,
52
- }
53
- ) {
54
- this.ctx = window.mainAudioCtx;
55
- this.LA = 432 * Math.pow(2, 1);
56
- this.seq = seq;
57
- this.type = type;
58
- this.delayOptions = delayOptions;
59
- this.pitch = pitch;
60
- }
61
-
62
- get time() {
63
- return this.ctx.currentTime;
64
- }
65
-
66
- osc(note) {
67
- const osc = this.ctx.createOscillator();
68
- osc.type = this.type;
69
- osc.frequency.setValueAtTime(note, this.time);
70
- const delayed = delay(this.ctx, osc, this.delayOptions);
71
- delayed.connect(window.mainGain);
72
- return osc;
73
- }
74
-
75
- tr(x) {
76
- return Math.pow(Math.pow(2, 1 / 12), -x);
77
- }
78
-
79
- base(x) {
80
- return this.LA * this.tr(x);
81
- }
82
-
83
- play() {
84
- let timeline = 0;
85
- Array.from(this.seq).map((notes) =>
86
- Array.from(notes)
87
- .map((n) => {
88
- n = n.toLowerCase();
89
- let note;
90
- let duration = 100;
91
- switch (n) {
92
- case ' ':
93
- //tick blank note 200ms
94
- note = 0;
95
- duration = 0;
96
- timeline += 200;
97
- break;
98
- case '.':
99
- //tick blank note 100ms
100
- note = 0;
101
- duration = 0;
102
- timeline += 100;
103
- break;
104
- case '+':
105
- //merge note
106
- note = 0;
107
- break;
108
- default:
109
- //tick note at 20ms
110
- note = this.base(-parseInt(n) * this.pitch);
111
- timeline += 20;
112
- }
113
-
114
- const noteOsc = this.osc(note);
115
- const harmOsc = this.osc(note * 2);
116
- const bassOsc = this.osc(note / 4);
117
- const atTime = timeline;
118
- return () => {
119
- setTimeout(() => {
120
- setTimeout(() => noteOsc.stop(), duration);
121
- setTimeout(() => harmOsc.stop(), duration);
122
- setTimeout(() => bassOsc.stop(), duration);
123
- noteOsc.start(this.time);
124
- harmOsc.start(this.time);
125
- bassOsc.start(this.time);
126
- }, atTime);
127
- };
128
- })
129
- .map((n) => n())
130
- );
131
- }
132
- }
133
-
134
- const tuludu = new SFX(['444', '..6', '8..'], -2, 'sine', {
135
- time: 0.1,
136
- feedback: 0.1,
137
- wet: 0.1,
138
- dry: 0.1,
139
- });
140
-
141
- const zim = new SFX(['..6', '8..'], 4, 'sine', {
142
- time: 0.1,
143
- feedback: 0.1,
144
- wet: 0.1,
145
- dry: 0.1,
146
- });
147
-
148
- const blip = new SFX(['4 8+4'], -8, 'sine', {
149
- time: 0,
150
- feedback: 0.1,
151
- wet: 1,
152
- dry: 0.3,
153
- });
154
-
155
- const blop = new SFX(['1+3+9999'], -24, 'sine', {
156
- time: 0,
157
- feedback: 0.1,
158
- wet: 1,
159
- dry: 0.3,
160
- });
161
-
162
- const bop = new SFX(['1'], -18, 'sine', {
163
- time: 0.0004,
164
- feedback: 0.1,
165
- wet: 1,
166
- dry: 0.3,
167
- });
168
-
169
- const intro = new SFX(['00+22', '66+66', '...8'], 2, 'square', {
170
- time: 0.2,
171
- feedback: 0.1,
172
- wet: 1,
173
- dry: 0.3,
174
- });
175
- /******************************************************************************/
176
-
177
- export default {intro, tuludu, zim, blop, blip, bop};
1
+ /******************************************************************************/
2
+ if (!window.mainAudioCtx) {
3
+ window.mainAudioCtx = new (window.AudioContext ||
4
+ window.webkitAudioContext)();
5
+ window.mainGain = window.mainAudioCtx.createGain();
6
+ window.mainGain.gain.setValueAtTime(0.2, window.mainAudioCtx.currentTime);
7
+ }
8
+
9
+ const delay = (ctx, input, options) => {
10
+ const leftDelay = ctx.createDelay();
11
+ const rightDelay = ctx.createDelay();
12
+ const feedback = ctx.createGain();
13
+ const dryMix = ctx.createGain();
14
+ const wetMix = ctx.createGain();
15
+ const output = ctx.createGain();
16
+ const merger = ctx.createChannelMerger(2);
17
+
18
+ leftDelay.delayTime.value = options.time;
19
+ rightDelay.delayTime.value = options.time;
20
+
21
+ feedback.gain.value = options.feedback;
22
+ dryMix.gain.value = options.dry;
23
+ wetMix.gain.value = options.wet;
24
+
25
+ input.connect(dryMix);
26
+ input.connect(feedback);
27
+
28
+ feedback.connect(leftDelay);
29
+ leftDelay.connect(rightDelay);
30
+ rightDelay.connect(feedback);
31
+
32
+ leftDelay.connect(merger, 0, 0);
33
+ rightDelay.connect(merger, 0, 1);
34
+ merger.connect(wetMix);
35
+
36
+ dryMix.connect(output);
37
+ wetMix.connect(output);
38
+
39
+ return output;
40
+ };
41
+
42
+ class SFX {
43
+ constructor(
44
+ seq = [],
45
+ pitch = 1,
46
+ type = 'sine',
47
+ delayOptions = {
48
+ time: 0.1,
49
+ feedback: 0.2,
50
+ wet: 1,
51
+ dry: 1,
52
+ }
53
+ ) {
54
+ this.ctx = window.mainAudioCtx;
55
+ this.LA = 432 * Math.pow(2, 1);
56
+ this.seq = seq;
57
+ this.type = type;
58
+ this.delayOptions = delayOptions;
59
+ this.pitch = pitch;
60
+ }
61
+
62
+ get time() {
63
+ return this.ctx.currentTime;
64
+ }
65
+
66
+ osc(note) {
67
+ const osc = this.ctx.createOscillator();
68
+ osc.type = this.type;
69
+ osc.frequency.setValueAtTime(note, this.time);
70
+ const delayed = delay(this.ctx, osc, this.delayOptions);
71
+ delayed.connect(window.mainGain);
72
+ return osc;
73
+ }
74
+
75
+ tr(x) {
76
+ return Math.pow(Math.pow(2, 1 / 12), -x);
77
+ }
78
+
79
+ base(x) {
80
+ return this.LA * this.tr(x);
81
+ }
82
+
83
+ play() {
84
+ let timeline = 0;
85
+ Array.from(this.seq).map((notes) =>
86
+ Array.from(notes)
87
+ .map((n) => {
88
+ n = n.toLowerCase();
89
+ let note;
90
+ let duration = 100;
91
+ switch (n) {
92
+ case ' ':
93
+ //tick blank note 200ms
94
+ note = 0;
95
+ duration = 0;
96
+ timeline += 200;
97
+ break;
98
+ case '.':
99
+ //tick blank note 100ms
100
+ note = 0;
101
+ duration = 0;
102
+ timeline += 100;
103
+ break;
104
+ case '+':
105
+ //merge note
106
+ note = 0;
107
+ break;
108
+ default:
109
+ //tick note at 20ms
110
+ note = this.base(-parseInt(n) * this.pitch);
111
+ timeline += 20;
112
+ }
113
+
114
+ const noteOsc = this.osc(note);
115
+ const harmOsc = this.osc(note * 2);
116
+ const bassOsc = this.osc(note / 4);
117
+ const atTime = timeline;
118
+ return () => {
119
+ setTimeout(() => {
120
+ setTimeout(() => noteOsc.stop(), duration);
121
+ setTimeout(() => harmOsc.stop(), duration);
122
+ setTimeout(() => bassOsc.stop(), duration);
123
+ noteOsc.start(this.time);
124
+ harmOsc.start(this.time);
125
+ bassOsc.start(this.time);
126
+ }, atTime);
127
+ };
128
+ })
129
+ .map((n) => n())
130
+ );
131
+ }
132
+ }
133
+
134
+ const tuludu = new SFX(['444', '..6', '8..'], -2, 'sine', {
135
+ time: 0.1,
136
+ feedback: 0.1,
137
+ wet: 0.1,
138
+ dry: 0.1,
139
+ });
140
+
141
+ const zim = new SFX(['..6', '8..'], 4, 'sine', {
142
+ time: 0.1,
143
+ feedback: 0.1,
144
+ wet: 0.1,
145
+ dry: 0.1,
146
+ });
147
+
148
+ const blip = new SFX(['4 8+4'], -8, 'sine', {
149
+ time: 0,
150
+ feedback: 0.1,
151
+ wet: 1,
152
+ dry: 0.3,
153
+ });
154
+
155
+ const blop = new SFX(['1+3+9999'], -24, 'sine', {
156
+ time: 0,
157
+ feedback: 0.1,
158
+ wet: 1,
159
+ dry: 0.3,
160
+ });
161
+
162
+ const bop = new SFX(['1'], -18, 'sine', {
163
+ time: 0.0004,
164
+ feedback: 0.1,
165
+ wet: 1,
166
+ dry: 0.3,
167
+ });
168
+
169
+ const intro = new SFX(['00+22', '66+66', '...8'], 2, 'square', {
170
+ time: 0.2,
171
+ feedback: 0.1,
172
+ wet: 1,
173
+ dry: 0.3,
174
+ });
175
+ /******************************************************************************/
176
+
177
+ export default {intro, tuludu, zim, blop, blip, bop};
@@ -1,37 +1,37 @@
1
- //T:2019-02-27
2
- import React from 'react';
3
- import View from 'goblin-laboratory/widgets/view';
4
- import Container from 'goblin-gadgets/widgets/container/widget';
5
- import Board from 'goblin-desktop/widgets/board/widget';
6
- import Wizard from 'goblin-desktop/widgets/wizard/widget';
7
-
8
- class BoardView extends View {
9
- render() {
10
- const {workitemId, dialogId} = this.props;
11
- if (!workitemId) {
12
- return null;
13
- }
14
-
15
- let WiredDialog = null;
16
-
17
- if (dialogId) {
18
- const dialog = dialogId.split('@')[0];
19
- if (dialog.endsWith('-wizard')) {
20
- WiredDialog = Wizard;
21
- } else {
22
- throw new Error(`${dialog} dialog kind not implemented in BoardView`);
23
- }
24
- }
25
-
26
- return (
27
- <Container kind="row" grow="1" width="100%">
28
- <Container kind="tickets-root">
29
- <Board id={workitemId} />
30
- {WiredDialog ? <WiredDialog id={dialogId} kind="dialog" /> : null}
31
- </Container>
32
- </Container>
33
- );
34
- }
35
- }
36
-
37
- export default BoardView;
1
+ //T:2019-02-27
2
+ import React from 'react';
3
+ import View from 'goblin-laboratory/widgets/view';
4
+ import Container from 'goblin-gadgets/widgets/container/widget';
5
+ import Board from 'goblin-desktop/widgets/board/widget';
6
+ import Wizard from 'goblin-desktop/widgets/wizard/widget';
7
+
8
+ class BoardView extends View {
9
+ render() {
10
+ const {workitemId, dialogId} = this.props;
11
+ if (!workitemId) {
12
+ return null;
13
+ }
14
+
15
+ let WiredDialog = null;
16
+
17
+ if (dialogId) {
18
+ const dialog = dialogId.split('@')[0];
19
+ if (dialog.endsWith('-wizard')) {
20
+ WiredDialog = Wizard;
21
+ } else {
22
+ throw new Error(`${dialog} dialog kind not implemented in BoardView`);
23
+ }
24
+ }
25
+
26
+ return (
27
+ <Container kind="row" grow="1" width="100%">
28
+ <Container kind="tickets-root">
29
+ <Board id={workitemId} />
30
+ {WiredDialog ? <WiredDialog id={dialogId} kind="dialog" /> : null}
31
+ </Container>
32
+ </Container>
33
+ );
34
+ }
35
+ }
36
+
37
+ export default BoardView;
@@ -1,65 +1,65 @@
1
- //T:2019-02-27
2
- import React from 'react';
3
- import Widget from 'goblin-laboratory/widgets/widget';
4
- import stateMapperToProps from 'goblin-laboratory/widgets/state-mapper-to-props/widget.js';
5
- import importer from 'goblin_importer';
6
- import Workitem from 'goblin-desktop/widgets/workitem/widget';
7
-
8
- const uiImporter = importer('ui');
9
-
10
- class Board extends Widget {
11
- constructor() {
12
- super(...arguments);
13
- this.doProxy = this.doProxy.bind(this);
14
- }
15
-
16
- static get wiring() {
17
- return {
18
- id: 'id',
19
- entityId: 'entityId',
20
- layout: 'layout',
21
- };
22
- }
23
-
24
- doProxy(action, args) {
25
- const workitem = this.props.id.split('@')[0];
26
- this.doAs(workitem, action, args);
27
- }
28
-
29
- render() {
30
- const {id, entityId} = this.props;
31
- if (!id) {
32
- return null;
33
- }
34
- if (!entityId) {
35
- return null;
36
- }
37
-
38
- const workitem = this.props.id.split('@')[0];
39
-
40
- const workitemUI = uiImporter(workitem);
41
- const mapper = workitemUI.mappers && workitemUI.mappers.board;
42
- const EditorUI = stateMapperToProps(
43
- workitemUI.board,
44
- mapper,
45
- `backend.${entityId}`
46
- );
47
-
48
- return (
49
- <Workitem
50
- kind="board"
51
- id={this.props.id}
52
- entityId={this.props.entityId}
53
- dragServiceId={this.props.dragServiceId}
54
- >
55
- <EditorUI
56
- {...this.props}
57
- theme={this.context.theme}
58
- do={this.doProxy}
59
- />
60
- </Workitem>
61
- );
62
- }
63
- }
64
-
65
- export default Widget.Wired(Board);
1
+ //T:2019-02-27
2
+ import React from 'react';
3
+ import Widget from 'goblin-laboratory/widgets/widget';
4
+ import stateMapperToProps from 'goblin-laboratory/widgets/state-mapper-to-props/widget.js';
5
+ import importer from 'goblin_importer';
6
+ import Workitem from 'goblin-desktop/widgets/workitem/widget';
7
+
8
+ const uiImporter = importer('ui');
9
+
10
+ class Board extends Widget {
11
+ constructor() {
12
+ super(...arguments);
13
+ this.doProxy = this.doProxy.bind(this);
14
+ }
15
+
16
+ static get wiring() {
17
+ return {
18
+ id: 'id',
19
+ entityId: 'entityId',
20
+ layout: 'layout',
21
+ };
22
+ }
23
+
24
+ doProxy(action, args) {
25
+ const workitem = this.props.id.split('@')[0];
26
+ this.doAs(workitem, action, args);
27
+ }
28
+
29
+ render() {
30
+ const {id, entityId} = this.props;
31
+ if (!id) {
32
+ return null;
33
+ }
34
+ if (!entityId) {
35
+ return null;
36
+ }
37
+
38
+ const workitem = this.props.id.split('@')[0];
39
+
40
+ const workitemUI = uiImporter(workitem);
41
+ const mapper = workitemUI.mappers && workitemUI.mappers.board;
42
+ const EditorUI = stateMapperToProps(
43
+ workitemUI.board,
44
+ mapper,
45
+ `backend.${entityId}`
46
+ );
47
+
48
+ return (
49
+ <Workitem
50
+ kind="board"
51
+ id={this.props.id}
52
+ entityId={this.props.entityId}
53
+ dragServiceId={this.props.dragServiceId}
54
+ >
55
+ <EditorUI
56
+ {...this.props}
57
+ theme={this.context.theme}
58
+ do={this.doProxy}
59
+ />
60
+ </Workitem>
61
+ );
62
+ }
63
+ }
64
+
65
+ export default Widget.Wired(Board);