@things-factory/rack-base 6.2.70 → 6.2.77

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.
@@ -5,12 +5,7 @@ import { PageView, store } from '@operato/shell'
5
5
  import { css, html } from 'lit'
6
6
  import { customElement, property, query } from 'lit/decorators.js'
7
7
  import { ScopedElementsMixin } from '@open-wc/scoped-elements'
8
- import {
9
- ColumnConfig,
10
- DataGrist,
11
- FetchOption,
12
- SortersControl
13
- } from '@operato/data-grist'
8
+ import { ColumnConfig, DataGrist, FetchOption, SortersControl } from '@operato/data-grist'
14
9
  import { client } from '@operato/graphql'
15
10
  import { i18next, localize } from '@operato/i18n'
16
11
  import { notify, openPopup } from '@operato/layout'
@@ -24,7 +19,6 @@ import { CellImporter } from './cell-importer'
24
19
 
25
20
  @customElement('cell-list-page')
26
21
  export class CellListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
27
-
28
22
  static styles = [
29
23
  ScrollbarStyles,
30
24
  CommonGristStyles,
@@ -34,8 +28,13 @@ export class CellListPage extends connect(store)(localize(i18next)(ScopedElement
34
28
 
35
29
  width: 100%;
36
30
 
37
- --grid-record-emphasized-background-color: red;
38
- --grid-record-emphasized-color: yellow;
31
+ --grid-record-emphasized-background-color: #8b0000;
32
+ --grid-record-emphasized-color: #ff6b6b;
33
+ }
34
+
35
+ ox-grist {
36
+ overflow-y: auto;
37
+ flex: 1;
39
38
  }
40
39
  `
41
40
  ]
@@ -82,11 +81,7 @@ export class CellListPage extends connect(store)(localize(i18next)(ScopedElement
82
81
  const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
83
82
 
84
83
  return html`
85
- <ox-grist
86
- .mode=${mode}
87
- .config=${this.gristConfig}
88
- .fetchHandler=${this.fetchHandler.bind(this)}
89
- >
84
+ <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
90
85
  <div slot="headroom">
91
86
  <div id="filters">
92
87
  <ox-filters-form autofocus></ox-filters-form>
@@ -294,12 +289,7 @@ export class CellListPage extends connect(store)(localize(i18next)(ScopedElement
294
289
 
295
290
  async exportHandler() {
296
291
  const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records
297
- const targetFieldSet = new Set([
298
- 'id',
299
- 'name',
300
- 'description',
301
- 'active'
302
- ])
292
+ const targetFieldSet = new Set(['id', 'name', 'description', 'active'])
303
293
 
304
294
  return exportTargets.map(cell => {
305
295
  let tempObj = {}
@@ -328,10 +318,9 @@ export class CellListPage extends connect(store)(localize(i18next)(ScopedElement
328
318
  title: i18next.t('title.import cell')
329
319
  }
330
320
  )
331
-
321
+
332
322
  popup.onclosed = () => {
333
323
  this.grist.fetch()
334
324
  }
335
325
  }
336
326
  }
337
-
@@ -5,12 +5,7 @@ import { PageView, store } from '@operato/shell'
5
5
  import { css, html } from 'lit'
6
6
  import { customElement, property, query } from 'lit/decorators.js'
7
7
  import { ScopedElementsMixin } from '@open-wc/scoped-elements'
8
- import {
9
- ColumnConfig,
10
- DataGrist,
11
- FetchOption,
12
- SortersControl
13
- } from '@operato/data-grist'
8
+ import { ColumnConfig, DataGrist, FetchOption, SortersControl } from '@operato/data-grist'
14
9
  import { client } from '@operato/graphql'
15
10
  import { i18next, localize } from '@operato/i18n'
16
11
  import { notify, openPopup } from '@operato/layout'
@@ -24,7 +19,6 @@ import { RackImporter } from './rack-importer'
24
19
 
25
20
  @customElement('rack-list-page')
26
21
  export class RackListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
27
-
28
22
  static styles = [
29
23
  ScrollbarStyles,
30
24
  CommonGristStyles,
@@ -34,8 +28,13 @@ export class RackListPage extends connect(store)(localize(i18next)(ScopedElement
34
28
 
35
29
  width: 100%;
36
30
 
37
- --grid-record-emphasized-background-color: red;
38
- --grid-record-emphasized-color: yellow;
31
+ --grid-record-emphasized-background-color: #8b0000;
32
+ --grid-record-emphasized-color: #ff6b6b;
33
+ }
34
+
35
+ ox-grist {
36
+ overflow-y: auto;
37
+ flex: 1;
39
38
  }
40
39
  `
41
40
  ]
@@ -82,11 +81,7 @@ export class RackListPage extends connect(store)(localize(i18next)(ScopedElement
82
81
  const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
83
82
 
84
83
  return html`
85
- <ox-grist
86
- .mode=${mode}
87
- .config=${this.gristConfig}
88
- .fetchHandler=${this.fetchHandler.bind(this)}
89
- >
84
+ <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
90
85
  <div slot="headroom">
91
86
  <div id="filters">
92
87
  <ox-filters-form autofocus></ox-filters-form>
@@ -294,12 +289,7 @@ export class RackListPage extends connect(store)(localize(i18next)(ScopedElement
294
289
 
295
290
  async exportHandler() {
296
291
  const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records
297
- const targetFieldSet = new Set([
298
- 'id',
299
- 'name',
300
- 'description',
301
- 'active'
302
- ])
292
+ const targetFieldSet = new Set(['id', 'name', 'description', 'active'])
303
293
 
304
294
  return exportTargets.map(rack => {
305
295
  let tempObj = {}
@@ -328,10 +318,9 @@ export class RackListPage extends connect(store)(localize(i18next)(ScopedElement
328
318
  title: i18next.t('title.import rack')
329
319
  }
330
320
  )
331
-
321
+
332
322
  popup.onclosed = () => {
333
323
  this.grist.fetch()
334
324
  }
335
325
  }
336
326
  }
337
-