@things-factory/dataset 6.2.27 → 6.2.29

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 (11) hide show
  1. package/client/pages/data-summary/data-summary-period-page.ts +67 -55
  2. package/dist-client/pages/data-summary/data-summary-period-page.d.ts +8 -9
  3. package/dist-client/pages/data-summary/data-summary-period-page.js +61 -50
  4. package/dist-client/pages/data-summary/data-summary-period-page.js.map +1 -1
  5. package/dist-client/tsconfig.tsbuildinfo +1 -1
  6. package/package.json +2 -2
  7. package/translations/en.json +1 -0
  8. package/translations/ja.json +1 -0
  9. package/translations/ko.json +1 -0
  10. package/translations/ms.json +1 -0
  11. package/translations/zh.json +1 -0
package/client/pages/data-summary/data-summary-period-page.ts CHANGED
@@ -1,27 +1,20 @@
1
1
  import '@operato/input/ox-input-select-buttons.js'
2
2
  import '@operato/data-grist'
3
+ import '@operato/context/ox-context-page-toolbar.js'
3
4
 
4
5
  import gql from 'graphql-tag'
5
6
  import { css, html } from 'lit'
6
7
  import { customElement, property, query, state } from 'lit/decorators.js'
7
8
  import { connect } from 'pwa-helpers/connect-mixin'
8
9
 
9
- import {
10
- getEditor,
11
- getRenderer,
12
- ColumnConfig,
13
- DataGrist,
14
- FetchOption,
15
- SortersControl,
16
- GristRecord
17
- } from '@operato/data-grist'
10
+ import { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'
18
11
  import { client } from '@operato/graphql'
19
12
  import { i18next, localize } from '@operato/i18n'
20
13
  import { PageView, store } from '@operato/shell'
21
- import { CommonGristStyles, ScrollbarStyles } from '@operato/styles'
14
+ import { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
22
15
  import { isMobileDevice } from '@operato/utils'
23
- import { OxPopup } from '@operato/popup'
24
16
  import { DataItem } from '@operato/dataset'
17
+ import { openOverlay, TOOL_POSITION } from '@operato/layout'
25
18
 
26
19
  enum DataSetSummaryGroupType {
27
20
  Today = 'today',
@@ -35,7 +28,7 @@ enum DataSetSummaryGroupType {
35
28
  export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageView)) {
36
29
  static styles = [
37
30
  ScrollbarStyles,
38
- CommonGristStyles,
31
+ CommonHeaderStyles,
39
32
  css`
40
33
  :host {
41
34
  display: flex;
@@ -48,6 +41,17 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
48
41
  overflow-y: auto;
49
42
  flex: 1;
50
43
  }
44
+
45
+ .header {
46
+ grid-template-areas:
47
+ 'titler actions'
48
+ 'filters filters';
49
+ }
50
+
51
+ .header .actions {
52
+ display: flex;
53
+ flex-direction: row-reverse;
54
+ }
51
55
  `
52
56
  ]
53
57
 
@@ -63,28 +67,25 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
63
67
  @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'
64
68
 
65
69
  @query('ox-grist') private grist!: DataGrist
66
- @query('#sorter-control') private sortersControl!: OxPopup
67
70
 
68
71
  get context() {
69
72
  return {
70
73
  title: i18next.t('title.data-summary period'),
71
- search: {
72
- handler: (search: string) => {
73
- this.grist.searchText = search
74
- },
75
- value: this.grist?.searchText || ''
76
- },
77
- filter: {
78
- handler: () => {
79
- this.grist.toggleHeadroom()
80
- }
81
- },
82
74
  help: 'dataset/data-summary-period',
83
- actions: [],
75
+ actions: [
76
+ {
77
+ type: 'icon',
78
+ icon: 'search',
79
+ action: () => {
80
+ this.grist.fetch()
81
+ }
82
+ }
83
+ ],
84
84
  exportable: {
85
85
  name: i18next.t('title.data-summary period'),
86
86
  data: this._exportableData.bind(this)
87
- }
87
+ },
88
+ toolbar: false
88
89
  }
89
90
  }
90
91
 
@@ -93,9 +94,14 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
93
94
 
94
95
  return html`
95
96
  <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
96
- <div slot="headroom">
97
+ <div slot="headroom" class="header">
98
+ <div class="title">
99
+ <mwc-icon>summarize</mwc-icon>
100
+ ${i18next.t('title.data-summary period')}
101
+ </div>
102
+
97
103
  <div
98
- id="filters"
104
+ class="filters"
99
105
  @change=${(e: CustomEvent) => {
100
106
  const element = e.target as Element
101
107
  if (element?.hasAttribute('period')) {
@@ -109,6 +115,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
109
115
  }}
110
116
  >
111
117
  <ox-input-select-buttons
118
+ class="filter"
112
119
  .value=${this.period}
113
120
  .options=${[
114
121
  {
@@ -135,31 +142,10 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
135
142
  period
136
143
  ></ox-input-select-buttons>
137
144
 
138
- <ox-checkbox with-keys>Grouping by data keys</ox-checkbox>
145
+ <ox-checkbox class="filter" with-keys>${i18next.t('label.group-by data-keys')}</ox-checkbox>
139
146
  </div>
140
147
 
141
- <div id="sorters">
142
- Sort
143
- <mwc-icon
144
- @click=${e => {
145
- const target = e.currentTarget
146
- this.sortersControl.open({
147
- right: 0,
148
- top: target.offsetTop + target.offsetHeight
149
- })
150
- }}
151
- >expand_more</mwc-icon
152
- >
153
- <ox-popup id="sorter-control">
154
- <ox-sorters-control> </ox-sorters-control>
155
- </ox-popup>
156
- </div>
157
-
158
- <div id="modes">
159
- <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</mwc-icon>
160
- <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</mwc-icon>
161
- <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
162
- </div>
148
+ <ox-context-page-toolbar class="actions" .context=${this.context}></ox-context-page-toolbar>
163
149
  </div>
164
150
  </ox-grist>
165
151
  `
@@ -233,6 +219,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
233
219
  type: 'string',
234
220
  name: `key0${index + 1}`,
235
221
  header: i18next.t(item.tKey),
222
+ label: true,
236
223
  record: {
237
224
  editable: false
238
225
  },
@@ -254,6 +241,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
254
241
  type: 'number',
255
242
  name: `data0${index + 1}`,
256
243
  header: i18next.t(item.name),
244
+ label: true,
257
245
  record: {
258
246
  editable: false
259
247
  },
@@ -265,15 +253,34 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
265
253
  }
266
254
 
267
255
  refreshGristConfig() {
256
+ const keyColumns = this.getKeyColumns()
257
+ const dataColumns = this.getDataColumns()
258
+
259
+ const listFields = [] as string[]
260
+ if (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) {
261
+ listFields.push('month')
262
+ }
263
+ if (this.period != DataSetSummaryGroupType.ThisYear && this.period != DataSetSummaryGroupType.TwelveMonths) {
264
+ listFields.push('date')
265
+ }
266
+ if (this.period == DataSetSummaryGroupType.Today) {
267
+ listFields.push('period')
268
+ }
269
+
270
+ keyColumns.map(col => listFields.push(col.name))
271
+ dataColumns.map(col => listFields.push(col.name))
272
+
273
+ listFields.push('count', 'countOoc', 'countOos')
274
+
268
275
  this.gristConfig = {
269
- list: { fields: ['dataSet', 'data', 'updater', 'updatedAt'] },
276
+ list: { fields: listFields },
270
277
  columns: [
271
278
  { type: 'gutter', gutterName: 'sequence' },
272
- { type: 'gutter', gutterName: 'row-selector', multiple: true },
273
279
  (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) && {
274
280
  type: 'string',
275
281
  name: 'month',
276
282
  header: i18next.t('field.month'),
283
+ label: true,
277
284
  width: 80,
278
285
  sortable: true,
279
286
  imex: true
@@ -283,6 +290,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
283
290
  type: 'string',
284
291
  name: 'date',
285
292
  header: i18next.t('field.date'),
293
+ label: true,
286
294
  sortable: true,
287
295
  width: 80,
288
296
  imex: true
@@ -291,16 +299,18 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
291
299
  type: 'string',
292
300
  name: 'period',
293
301
  header: i18next.t('field.time-period'),
302
+ label: true,
294
303
  sortable: true,
295
304
  width: 80,
296
305
  imex: true
297
306
  },
298
- ...this.getKeyColumns(),
299
- ...this.getDataColumns(),
307
+ ...keyColumns,
308
+ ...dataColumns,
300
309
  {
301
310
  type: 'number',
302
311
  name: 'count',
303
312
  header: i18next.t('field.count'),
313
+ label: true,
304
314
  record: {
305
315
  editable: false
306
316
  },
@@ -309,6 +319,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
309
319
  {
310
320
  type: 'number',
311
321
  name: 'countOoc',
322
+ label: true,
312
323
  header: i18next.t('field.count-ooc'),
313
324
  record: {
314
325
  editable: false
@@ -319,6 +330,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
319
330
  type: 'number',
320
331
  name: 'countOos',
321
332
  header: i18next.t('field.count-oos'),
333
+ label: true,
322
334
  record: {
323
335
  editable: false
324
336
  },
package/dist-client/pages/data-summary/data-summary-period-page.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import '@operato/input/ox-input-select-buttons.js';
2
2
  import '@operato/data-grist';
3
+ import '@operato/context/ox-context-page-toolbar.js';
3
4
  import { FetchOption } from '@operato/data-grist';
4
5
  import { PageView } from '@operato/shell';
5
6
  import { DataItem } from '@operato/dataset';
@@ -21,18 +22,14 @@ export declare class DataSummaryGroupPage extends DataSummaryGroupPage_base {
21
22
  gristConfig: any;
22
23
  mode: 'CARD' | 'GRID' | 'LIST';
23
24
  private grist;
24
- private sortersControl;
25
25
  get context(): {
26
26
  title: string;
27
- search: {
28
- handler: (search: string) => void;
29
- value: string;
30
- };
31
- filter: {
32
- handler: () => void;
33
- };
34
27
  help: string;
35
- actions: never[];
28
+ actions: {
29
+ type: string;
30
+ icon: string;
31
+ action: () => void;
32
+ }[];
36
33
  exportable: {
37
34
  name: string;
38
35
  data: () => {
@@ -45,6 +42,7 @@ export declare class DataSummaryGroupPage extends DataSummaryGroupPage_base {
45
42
  data: any[];
46
43
  };
47
44
  };
45
+ toolbar: boolean;
48
46
  };
49
47
  render(): import("lit-html").TemplateResult<1>;
50
48
  pageUpdated(changes: any, lifecycle: any): void;
@@ -54,6 +52,7 @@ export declare class DataSummaryGroupPage extends DataSummaryGroupPage_base {
54
52
  type: string;
55
53
  name: string;
56
54
  header: string;
55
+ label: boolean;
57
56
  record: {
58
57
  editable: boolean;
59
58
  };
package/dist-client/pages/data-summary/data-summary-period-page.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { __decorate, __metadata } from "tslib";
2
2
  import '@operato/input/ox-input-select-buttons.js';
3
3
  import '@operato/data-grist';
4
+ import '@operato/context/ox-context-page-toolbar.js';
4
5
  import gql from 'graphql-tag';
5
6
  import { css, html } from 'lit';
6
7
  import { customElement, query, state } from 'lit/decorators.js';
@@ -9,9 +10,8 @@ import { DataGrist } from '@operato/data-grist';
9
10
  import { client } from '@operato/graphql';
10
11
  import { i18next, localize } from '@operato/i18n';
11
12
  import { PageView, store } from '@operato/shell';
12
- import { CommonGristStyles, ScrollbarStyles } from '@operato/styles';
13
+ import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
13
14
  import { isMobileDevice } from '@operato/utils';
14
- import { OxPopup } from '@operato/popup';
15
15
  var DataSetSummaryGroupType;
16
16
  (function (DataSetSummaryGroupType) {
17
17
  DataSetSummaryGroupType["Today"] = "today";
@@ -28,35 +28,37 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
28
28
  this.mode = isMobileDevice() ? 'CARD' : 'GRID';
29
29
  }
30
30
  get context() {
31
- var _a;
32
31
  return {
33
32
  title: i18next.t('title.data-summary period'),
34
- search: {
35
- handler: (search) => {
36
- this.grist.searchText = search;
37
- },
38
- value: ((_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText) || ''
39
- },
40
- filter: {
41
- handler: () => {
42
- this.grist.toggleHeadroom();
43
- }
44
- },
45
33
  help: 'dataset/data-summary-period',
46
- actions: [],
34
+ actions: [
35
+ {
36
+ type: 'icon',
37
+ icon: 'search',
38
+ action: () => {
39
+ this.grist.fetch();
40
+ }
41
+ }
42
+ ],
47
43
  exportable: {
48
44
  name: i18next.t('title.data-summary period'),
49
45
  data: this._exportableData.bind(this)
50
- }
46
+ },
47
+ toolbar: false
51
48
  };
52
49
  }
53
50
  render() {
54
51
  const mode = this.mode || (isMobileDevice() ? 'LIST' : 'GRID');
55
52
  return html `
56
53
  <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
57
- <div slot="headroom">
54
+ <div slot="headroom" class="header">
55
+ <div class="title">
56
+ <mwc-icon>summarize</mwc-icon>
57
+ ${i18next.t('title.data-summary period')}
58
+ </div>
59
+
58
60
  <div
59
- id="filters"
61
+ class="filters"
60
62
  @change=${(e) => {
61
63
  const element = e.target;
62
64
  if (element === null || element === void 0 ? void 0 : element.hasAttribute('period')) {
@@ -70,6 +72,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
70
72
  }}
71
73
  >
72
74
  <ox-input-select-buttons
75
+ class="filter"
73
76
  .value=${this.period}
74
77
  .options=${[
75
78
  {
@@ -96,31 +99,10 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
96
99
  period
97
100
  ></ox-input-select-buttons>
98
101
 
99
- <ox-checkbox with-keys>Grouping by data keys</ox-checkbox>
102
+ <ox-checkbox class="filter" with-keys>${i18next.t('label.group-by data-keys')}</ox-checkbox>
100
103
  </div>
101
104
 
102
- <div id="sorters">
103
- Sort
104
- <mwc-icon
105
- @click=${e => {
106
- const target = e.currentTarget;
107
- this.sortersControl.open({
108
- right: 0,
109
- top: target.offsetTop + target.offsetHeight
110
- });
111
- }}
112
- >expand_more</mwc-icon
113
- >
114
- <ox-popup id="sorter-control">
115
- <ox-sorters-control> </ox-sorters-control>
116
- </ox-popup>
117
- </div>
118
-
119
- <div id="modes">
120
- <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</mwc-icon>
121
- <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</mwc-icon>
122
- <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
123
- </div>
105
+ <ox-context-page-toolbar class="actions" .context=${this.context}></ox-context-page-toolbar>
124
106
  </div>
125
107
  </ox-grist>
126
108
  `;
@@ -189,6 +171,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
189
171
  type: 'string',
190
172
  name: `key0${index + 1}`,
191
173
  header: i18next.t(item.tKey),
174
+ label: true,
192
175
  record: {
193
176
  editable: false
194
177
  },
@@ -206,6 +189,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
206
189
  type: 'number',
207
190
  name: `data0${index + 1}`,
208
191
  header: i18next.t(item.name),
192
+ label: true,
209
193
  record: {
210
194
  editable: false
211
195
  },
@@ -215,15 +199,30 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
215
199
  })) || []);
216
200
  }
217
201
  refreshGristConfig() {
202
+ const keyColumns = this.getKeyColumns();
203
+ const dataColumns = this.getDataColumns();
204
+ const listFields = [];
205
+ if (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) {
206
+ listFields.push('month');
207
+ }
208
+ if (this.period != DataSetSummaryGroupType.ThisYear && this.period != DataSetSummaryGroupType.TwelveMonths) {
209
+ listFields.push('date');
210
+ }
211
+ if (this.period == DataSetSummaryGroupType.Today) {
212
+ listFields.push('period');
213
+ }
214
+ keyColumns.map(col => listFields.push(col.name));
215
+ dataColumns.map(col => listFields.push(col.name));
216
+ listFields.push('count', 'countOoc', 'countOos');
218
217
  this.gristConfig = {
219
- list: { fields: ['dataSet', 'data', 'updater', 'updatedAt'] },
218
+ list: { fields: listFields },
220
219
  columns: [
221
220
  { type: 'gutter', gutterName: 'sequence' },
222
- { type: 'gutter', gutterName: 'row-selector', multiple: true },
223
221
  (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) && {
224
222
  type: 'string',
225
223
  name: 'month',
226
224
  header: i18next.t('field.month'),
225
+ label: true,
227
226
  width: 80,
228
227
  sortable: true,
229
228
  imex: true
@@ -233,6 +232,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
233
232
  type: 'string',
234
233
  name: 'date',
235
234
  header: i18next.t('field.date'),
235
+ label: true,
236
236
  sortable: true,
237
237
  width: 80,
238
238
  imex: true
@@ -241,16 +241,18 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
241
241
  type: 'string',
242
242
  name: 'period',
243
243
  header: i18next.t('field.time-period'),
244
+ label: true,
244
245
  sortable: true,
245
246
  width: 80,
246
247
  imex: true
247
248
  },
248
- ...this.getKeyColumns(),
249
- ...this.getDataColumns(),
249
+ ...keyColumns,
250
+ ...dataColumns,
250
251
  {
251
252
  type: 'number',
252
253
  name: 'count',
253
254
  header: i18next.t('field.count'),
255
+ label: true,
254
256
  record: {
255
257
  editable: false
256
258
  },
@@ -259,6 +261,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
259
261
  {
260
262
  type: 'number',
261
263
  name: 'countOoc',
264
+ label: true,
262
265
  header: i18next.t('field.count-ooc'),
263
266
  record: {
264
267
  editable: false
@@ -269,6 +272,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
269
272
  type: 'number',
270
273
  name: 'countOos',
271
274
  header: i18next.t('field.count-oos'),
275
+ label: true,
272
276
  record: {
273
277
  editable: false
274
278
  },
@@ -377,7 +381,7 @@ let DataSummaryGroupPage = class DataSummaryGroupPage extends connect(store)(loc
377
381
  };
378
382
  DataSummaryGroupPage.styles = [
379
383
  ScrollbarStyles,
380
- CommonGristStyles,
384
+ CommonHeaderStyles,
381
385
  css `
382
386
  :host {
383
387
  display: flex;
@@ -390,6 +394,17 @@ DataSummaryGroupPage.styles = [
390
394
  overflow-y: auto;
391
395
  flex: 1;
392
396
  }
397
+
398
+ .header {
399
+ grid-template-areas:
400
+ 'titler actions'
401
+ 'filters filters';
402
+ }
403
+
404
+ .header .actions {
405
+ display: flex;
406
+ flex-direction: row-reverse;
407
+ }
393
408
  `
394
409
  ];
395
410
  __decorate([
@@ -428,10 +443,6 @@ __decorate([
428
443
  query('ox-grist'),
429
444
  __metadata("design:type", DataGrist)
430
445
  ], DataSummaryGroupPage.prototype, "grist", void 0);
431
- __decorate([
432
- query('#sorter-control'),
433
- __metadata("design:type", OxPopup)
434
- ], DataSummaryGroupPage.prototype, "sortersControl", void 0);
435
446
  DataSummaryGroupPage = __decorate([
436
447
  customElement('data-summary-period-page')
437
448
  ], DataSummaryGroupPage);
package/dist-client/pages/data-summary/data-summary-period-page.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"data-summary-period-page.js","sourceRoot":"","sources":["../../../client/pages/data-summary/data-summary-period-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-select-buttons.js'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport {\n getEditor,\n getRenderer,\n ColumnConfig,\n DataGrist,\n FetchOption,\n SortersControl,\n GristRecord\n} from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { OxPopup } from '@operato/popup'\nimport { DataItem } from '@operato/dataset'\n\nenum DataSetSummaryGroupType {\n Today = 'today',\n ThisMonth = 'this month',\n ThirtyDays = '30 days',\n ThisYear = 'this year',\n TwelveMonths = '12 months'\n}\n\n@customElement('data-summary-period-page')\nexport class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @state() dataSetId?: string\n @state() period?: string = DataSetSummaryGroupType.ThisMonth\n @state() withKeys: boolean = false\n\n @state() dataSet: any\n @state() dataKeySet: any\n @state() dataItems?: DataItem[]\n\n @state() gristConfig: any\n @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n @query('ox-grist') private grist!: DataGrist\n @query('#sorter-control') private sortersControl!: OxPopup\n\n get context() {\n return {\n title: i18next.t('title.data-summary period'),\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist?.searchText || ''\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n },\n help: 'dataset/data-summary-period',\n actions: [],\n exportable: {\n name: i18next.t('title.data-summary period'),\n data: this._exportableData.bind(this)\n }\n }\n }\n\n render() {\n const mode = this.mode || (isMobileDevice() ? 'LIST' : 'GRID')\n\n return html`\n <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div\n id=\"filters\"\n @change=${(e: CustomEvent) => {\n const element = e.target as Element\n if (element?.hasAttribute('period')) {\n this.period = (element as any)?.value\n } else if (element?.hasAttribute('with-keys')) {\n this.withKeys = (element as any)?.checked\n }\n\n this.refreshGristConfig()\n this.grist.fetch()\n }}\n >\n <ox-input-select-buttons\n .value=${this.period}\n .options=${[\n {\n display: i18next.t('label.period-this-month'),\n value: 'this month'\n },\n {\n display: i18next.t('label.period-30-days'),\n value: '30 days'\n },\n {\n display: i18next.t('label.period-this-year'),\n value: 'this year'\n },\n {\n display: i18next.t('label.period-12-months'),\n value: '12 months'\n },\n {\n display: i18next.t('label.period-today'),\n value: 'today'\n }\n ]}\n period\n ></ox-input-select-buttons>\n\n <ox-checkbox with-keys>Grouping by data keys</ox-checkbox>\n </div>\n\n <div id=\"sorters\">\n Sort\n <mwc-icon\n @click=${e => {\n const target = e.currentTarget\n this.sortersControl.open({\n right: 0,\n top: target.offsetTop + target.offsetHeight\n })\n }}\n >expand_more</mwc-icon\n >\n <ox-popup id=\"sorter-control\">\n <ox-sorters-control> </ox-sorters-control>\n </ox-popup>\n </div>\n\n <div id=\"modes\">\n <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</mwc-icon>\n <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</mwc-icon>\n <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n pageUpdated(changes, lifecycle) {\n if (this.active) {\n this.dataSetId = lifecycle.resourceId\n return\n }\n }\n\n async updated(changes) {\n if (changes.has('dataSetId')) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataSet(id: $id) {\n id\n name\n summaryPeriod\n dataItems {\n name\n description\n active\n hidden\n tag\n type\n unit\n options\n quota\n spec\n stat\n }\n dataKeySet {\n id\n name\n description\n dataKeyItems {\n name\n description\n dataKey\n tKey\n }\n }\n }\n }\n `,\n variables: {\n id: this.dataSetId\n }\n })\n\n this.dataSet = response.data?.dataSet\n this.dataKeySet = this.dataSet?.dataKeySet || {}\n this.dataItems = this.dataSet?.dataItems || []\n\n this.refreshGristConfig()\n this.grist.fetch()\n }\n }\n\n getKeyColumns() {\n if (!this.withKeys) {\n return []\n }\n\n return (\n this.dataKeySet?.dataKeyItems.map((item, index) => {\n return {\n type: 'string',\n name: `key0${index + 1}`,\n header: i18next.t(item.tKey),\n record: {\n editable: false\n },\n sortable: true,\n filter: 'i_like',\n width: 120,\n imex: true\n }\n }) || []\n )\n }\n\n getDataColumns() {\n return (\n this.dataItems\n ?.filter(dataItem => dataItem.active && dataItem.stat)\n .map((item, index) => {\n return {\n type: 'number',\n name: `data0${index + 1}`,\n header: i18next.t(item.name),\n record: {\n editable: false\n },\n width: 120,\n imex: true\n }\n }) || []\n )\n }\n\n refreshGristConfig() {\n this.gristConfig = {\n list: { fields: ['dataSet', 'data', 'updater', 'updatedAt'] },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) && {\n type: 'string',\n name: 'month',\n header: i18next.t('field.month'),\n width: 80,\n sortable: true,\n imex: true\n },\n this.period != DataSetSummaryGroupType.ThisYear &&\n this.period != DataSetSummaryGroupType.TwelveMonths && {\n type: 'string',\n name: 'date',\n header: i18next.t('field.date'),\n sortable: true,\n width: 80,\n imex: true\n },\n this.period == DataSetSummaryGroupType.Today && {\n type: 'string',\n name: 'period',\n header: i18next.t('field.time-period'),\n sortable: true,\n width: 80,\n imex: true\n },\n ...this.getKeyColumns(),\n ...this.getDataColumns(),\n {\n type: 'number',\n name: 'count',\n header: i18next.t('field.count'),\n record: {\n editable: false\n },\n width: 30\n },\n {\n type: 'number',\n name: 'countOoc',\n header: i18next.t('field.count-ooc'),\n record: {\n editable: false\n },\n width: 30\n },\n {\n type: 'number',\n name: 'countOos',\n header: i18next.t('field.count-oos'),\n record: {\n editable: false\n },\n width: 30\n }\n ].filter(Boolean),\n pagination: {\n infinite: true\n },\n rows: {\n appendable: false,\n selectable: {\n multiple: true\n }\n }\n }\n }\n\n async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {\n if (!this.dataSetId) {\n return { records: [], total: 0 }\n }\n\n const response = await client.query({\n query: gql`\n query (\n $dataSetName: String!\n $period: String!\n $dataKeys: [String!]\n $filters: [Filter!]\n $pagination: Pagination\n $sortings: [Sorting!]\n ) {\n dataSummaryByPeriod(\n dataSetName: $dataSetName\n period: $period\n dataKeys: $dataKeys\n filters: $filters\n pagination: $pagination\n sortings: $sortings\n ) {\n month\n date\n period\n key01\n key02\n key03\n key04\n key05\n data01\n data02\n data03\n data04\n data05\n count\n countOoc\n countOos\n }\n }\n `,\n variables: {\n dataSetName: this.dataSet.name,\n period: this.period,\n dataKeys: this.withKeys ? null : [],\n filters,\n pagination: { page, limit },\n sortings\n }\n })\n\n return {\n records: response.data?.dataSummaryByPeriod || []\n }\n }\n\n _exportableData() {\n let records = [] as GristRecord[]\n if (this.grist.selected && this.grist.selected.length > 0) {\n records = this.grist.selected\n } else {\n records = this.grist.data.records\n }\n\n var headerSetting = this.grist.compiledConfig.columns\n .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)\n .map(column => {\n return column.imex === true\n ? {\n header: column.header.renderer(column),\n key: column.name,\n width: column.width,\n type: column.type\n }\n : column.imex\n })\n\n var data = records.map(item => {\n return {\n id: item.id,\n ...this.gristConfig.columns\n .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)\n .reduce((record, column) => {\n const key = column.imex === true ? column.name : column.imex.key\n record[key] = key\n .split('.')\n .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)\n return record\n }, {})\n }\n })\n\n return { header: headerSetting, data: data }\n }\n}\n"]}
1
+ {"version":3,"file":"data-summary-period-page.js","sourceRoot":"","sources":["../../../client/pages/data-summary/data-summary-period-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/input/ox-input-select-buttons.js'\nimport '@operato/data-grist'\nimport '@operato/context/ox-context-page-toolbar.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { DataItem } from '@operato/dataset'\nimport { openOverlay, TOOL_POSITION } from '@operato/layout'\n\nenum DataSetSummaryGroupType {\n Today = 'today',\n ThisMonth = 'this month',\n ThirtyDays = '30 days',\n ThisYear = 'this year',\n TwelveMonths = '12 months'\n}\n\n@customElement('data-summary-period-page')\nexport class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n overflow: hidden;\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n\n .header {\n grid-template-areas:\n 'titler actions'\n 'filters filters';\n }\n\n .header .actions {\n display: flex;\n flex-direction: row-reverse;\n }\n `\n ]\n\n @state() dataSetId?: string\n @state() period?: string = DataSetSummaryGroupType.ThisMonth\n @state() withKeys: boolean = false\n\n @state() dataSet: any\n @state() dataKeySet: any\n @state() dataItems?: DataItem[]\n\n @state() gristConfig: any\n @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() {\n return {\n title: i18next.t('title.data-summary period'),\n help: 'dataset/data-summary-period',\n actions: [\n {\n type: 'icon',\n icon: 'search',\n action: () => {\n this.grist.fetch()\n }\n }\n ],\n exportable: {\n name: i18next.t('title.data-summary period'),\n data: this._exportableData.bind(this)\n },\n toolbar: false\n }\n }\n\n render() {\n const mode = this.mode || (isMobileDevice() ? 'LIST' : 'GRID')\n\n return html`\n <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"title\">\n <mwc-icon>summarize</mwc-icon>\n ${i18next.t('title.data-summary period')}\n </div>\n\n <div\n class=\"filters\"\n @change=${(e: CustomEvent) => {\n const element = e.target as Element\n if (element?.hasAttribute('period')) {\n this.period = (element as any)?.value\n } else if (element?.hasAttribute('with-keys')) {\n this.withKeys = (element as any)?.checked\n }\n\n this.refreshGristConfig()\n this.grist.fetch()\n }}\n >\n <ox-input-select-buttons\n class=\"filter\"\n .value=${this.period}\n .options=${[\n {\n display: i18next.t('label.period-this-month'),\n value: 'this month'\n },\n {\n display: i18next.t('label.period-30-days'),\n value: '30 days'\n },\n {\n display: i18next.t('label.period-this-year'),\n value: 'this year'\n },\n {\n display: i18next.t('label.period-12-months'),\n value: '12 months'\n },\n {\n display: i18next.t('label.period-today'),\n value: 'today'\n }\n ]}\n period\n ></ox-input-select-buttons>\n\n <ox-checkbox class=\"filter\" with-keys>${i18next.t('label.group-by data-keys')}</ox-checkbox>\n </div>\n\n <ox-context-page-toolbar class=\"actions\" .context=${this.context}></ox-context-page-toolbar>\n </div>\n </ox-grist>\n `\n }\n\n pageUpdated(changes, lifecycle) {\n if (this.active) {\n this.dataSetId = lifecycle.resourceId\n return\n }\n }\n\n async updated(changes) {\n if (changes.has('dataSetId')) {\n const response = await client.query({\n query: gql`\n query ($id: String!) {\n dataSet(id: $id) {\n id\n name\n summaryPeriod\n dataItems {\n name\n description\n active\n hidden\n tag\n type\n unit\n options\n quota\n spec\n stat\n }\n dataKeySet {\n id\n name\n description\n dataKeyItems {\n name\n description\n dataKey\n tKey\n }\n }\n }\n }\n `,\n variables: {\n id: this.dataSetId\n }\n })\n\n this.dataSet = response.data?.dataSet\n this.dataKeySet = this.dataSet?.dataKeySet || {}\n this.dataItems = this.dataSet?.dataItems || []\n\n this.refreshGristConfig()\n this.grist.fetch()\n }\n }\n\n getKeyColumns() {\n if (!this.withKeys) {\n return []\n }\n\n return (\n this.dataKeySet?.dataKeyItems.map((item, index) => {\n return {\n type: 'string',\n name: `key0${index + 1}`,\n header: i18next.t(item.tKey),\n label: true,\n record: {\n editable: false\n },\n sortable: true,\n filter: 'i_like',\n width: 120,\n imex: true\n }\n }) || []\n )\n }\n\n getDataColumns() {\n return (\n this.dataItems\n ?.filter(dataItem => dataItem.active && dataItem.stat)\n .map((item, index) => {\n return {\n type: 'number',\n name: `data0${index + 1}`,\n header: i18next.t(item.name),\n label: true,\n record: {\n editable: false\n },\n width: 120,\n imex: true\n }\n }) || []\n )\n }\n\n refreshGristConfig() {\n const keyColumns = this.getKeyColumns()\n const dataColumns = this.getDataColumns()\n\n const listFields = [] as string[]\n if (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) {\n listFields.push('month')\n }\n if (this.period != DataSetSummaryGroupType.ThisYear && this.period != DataSetSummaryGroupType.TwelveMonths) {\n listFields.push('date')\n }\n if (this.period == DataSetSummaryGroupType.Today) {\n listFields.push('period')\n }\n\n keyColumns.map(col => listFields.push(col.name))\n dataColumns.map(col => listFields.push(col.name))\n\n listFields.push('count', 'countOoc', 'countOos')\n\n this.gristConfig = {\n list: { fields: listFields },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n (this.period == DataSetSummaryGroupType.ThisYear || this.period == DataSetSummaryGroupType.TwelveMonths) && {\n type: 'string',\n name: 'month',\n header: i18next.t('field.month'),\n label: true,\n width: 80,\n sortable: true,\n imex: true\n },\n this.period != DataSetSummaryGroupType.ThisYear &&\n this.period != DataSetSummaryGroupType.TwelveMonths && {\n type: 'string',\n name: 'date',\n header: i18next.t('field.date'),\n label: true,\n sortable: true,\n width: 80,\n imex: true\n },\n this.period == DataSetSummaryGroupType.Today && {\n type: 'string',\n name: 'period',\n header: i18next.t('field.time-period'),\n label: true,\n sortable: true,\n width: 80,\n imex: true\n },\n ...keyColumns,\n ...dataColumns,\n {\n type: 'number',\n name: 'count',\n header: i18next.t('field.count'),\n label: true,\n record: {\n editable: false\n },\n width: 30\n },\n {\n type: 'number',\n name: 'countOoc',\n label: true,\n header: i18next.t('field.count-ooc'),\n record: {\n editable: false\n },\n width: 30\n },\n {\n type: 'number',\n name: 'countOos',\n header: i18next.t('field.count-oos'),\n label: true,\n record: {\n editable: false\n },\n width: 30\n }\n ].filter(Boolean),\n pagination: {\n infinite: true\n },\n rows: {\n appendable: false,\n selectable: {\n multiple: true\n }\n }\n }\n }\n\n async fetchHandler({ page, limit, sortings = [], filters = [] }: FetchOption) {\n if (!this.dataSetId) {\n return { records: [], total: 0 }\n }\n\n const response = await client.query({\n query: gql`\n query (\n $dataSetName: String!\n $period: String!\n $dataKeys: [String!]\n $filters: [Filter!]\n $pagination: Pagination\n $sortings: [Sorting!]\n ) {\n dataSummaryByPeriod(\n dataSetName: $dataSetName\n period: $period\n dataKeys: $dataKeys\n filters: $filters\n pagination: $pagination\n sortings: $sortings\n ) {\n month\n date\n period\n key01\n key02\n key03\n key04\n key05\n data01\n data02\n data03\n data04\n data05\n count\n countOoc\n countOos\n }\n }\n `,\n variables: {\n dataSetName: this.dataSet.name,\n period: this.period,\n dataKeys: this.withKeys ? null : [],\n filters,\n pagination: { page, limit },\n sortings\n }\n })\n\n return {\n records: response.data?.dataSummaryByPeriod || []\n }\n }\n\n _exportableData() {\n let records = [] as GristRecord[]\n if (this.grist.selected && this.grist.selected.length > 0) {\n records = this.grist.selected\n } else {\n records = this.grist.data.records\n }\n\n var headerSetting = this.grist.compiledConfig.columns\n .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)\n .map(column => {\n return column.imex === true\n ? {\n header: column.header.renderer(column),\n key: column.name,\n width: column.width,\n type: column.type\n }\n : column.imex\n })\n\n var data = records.map(item => {\n return {\n id: item.id,\n ...this.gristConfig.columns\n .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)\n .reduce((record, column) => {\n const key = column.imex === true ? column.name : column.imex.key\n record[key] = key\n .split('.')\n .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)\n return record\n }, {})\n }\n })\n\n return { header: headerSetting, data: data }\n }\n}\n"]}