@things-factory/operato-fleet 10.0.0-beta.4 → 10.0.0-beta.6

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 (20) hide show
  1. package/client/commons/marker-info-content.ts +3 -3
  2. package/client/pages/admin/admin.ts +1 -1
  3. package/client/pages/client/client.ts +8 -8
  4. package/client/pages/device/device.ts +8 -8
  5. package/client/pages/fleet-page-style.ts +1 -1
  6. package/client/pages/geofence/geofence.ts +6 -6
  7. package/client/pages/monitoring/map-mode.ts +4 -9
  8. package/client/pages/monitoring/monitoring.ts +8 -8
  9. package/client/pages/report/report-air-pressure.ts +8 -8
  10. package/client/pages/report/report-based-on-track.ts +2 -2
  11. package/client/pages/report/report-breakdown.ts +8 -8
  12. package/client/pages/report/report-delivery.ts +8 -8
  13. package/client/pages/report/report-device.ts +8 -8
  14. package/client/pages/report/report-humidity.ts +8 -8
  15. package/client/pages/report/report-illuminance.ts +8 -8
  16. package/client/pages/report/report-shock.ts +8 -8
  17. package/client/pages/report/report-style.ts +1 -1
  18. package/client/pages/report/report-temperature.ts +8 -8
  19. package/dist-server/tsconfig.tsbuildinfo +1 -1
  20. package/package.json +28 -30
package/client/commons/marker-info-content.ts CHANGED
@@ -1,4 +1,4 @@
1
- import '@material/mwc-linear-progress'
1
+ import '@material/web/progress/linear-progress.js'
2
2
  import '@operato/board/ox-board-viewer.js'
3
3
 
4
4
  import gql from 'graphql-tag'
@@ -28,7 +28,7 @@ export class MarkerInfoContent extends LitElement {
28
28
  height: 100%;
29
29
  }
30
30
 
31
- mwc-linear-progress {
31
+ md-linear-progress {
32
32
  margin: 13px;
33
33
  width: 200px;
34
34
  }
@@ -67,7 +67,7 @@ export class MarkerInfoContent extends LitElement {
67
67
  hide-navigation
68
68
  ></ox-board-viewer>
69
69
 
70
- ${this.board ? html`` : html` <mwc-linear-progress indeterminate></mwc-linear-progress> `}
70
+ ${this.board ? html`` : html` <md-linear-progress indeterminate></md-linear-progress> `}
71
71
  `
72
72
  }
73
73
 
package/client/pages/admin/admin.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
2
+ import '@material/web/button/filled-button.js'
3
3
  import { store, PageView } from '@operato/shell'
4
4
  import { i18next, localize } from '@operato/i18n'
5
5
  import { ScrollbarStyles } from '@operato/styles'
package/client/pages/client/client.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import { store, PageView } from '@operato/shell'
5
5
  import '@operato/data-grist'
6
6
  import { i18next, localize } from '@operato/i18n'
@@ -42,12 +42,12 @@ class FMSClient extends localize(i18next)(PageView) {
42
42
  render() {
43
43
  return html`
44
44
  <form search>
45
- <mwc-textfield label="device" icon="router"></mwc-textfield>
46
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
47
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
48
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
49
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
50
- <mwc-button label="search" icon="search" raised></mwc-button>
45
+ <md-outlined-text-field label="device"></md-outlined-text-field>
46
+ <md-outlined-text-field label="client"></md-outlined-text-field>
47
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
48
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
49
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
50
+ <md-filled-button>search</md-filled-button>
51
51
  </form>
52
52
 
53
53
  <ox-grist
package/client/pages/device/device.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import { store, PageView } from '@operato/shell'
5
5
  import '@operato/data-grist'
6
6
  import { i18next, localize } from '@operato/i18n'
@@ -42,12 +42,12 @@ class FMSDevice extends localize(i18next)(PageView) {
42
42
  render() {
43
43
  return html`
44
44
  <form search>
45
- <mwc-textfield label="device" icon="router"></mwc-textfield>
46
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
47
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
48
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
49
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
50
- <mwc-button label="search" icon="search" raised></mwc-button>
45
+ <md-outlined-text-field label="device"></md-outlined-text-field>
46
+ <md-outlined-text-field label="client"></md-outlined-text-field>
47
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
48
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
49
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
50
+ <md-filled-button>search</md-filled-button>
51
51
  </form>
52
52
 
53
53
  <ox-grist
package/client/pages/fleet-page-style.ts CHANGED
@@ -57,7 +57,7 @@ export const FMSPageStyles = css`
57
57
  margin: 0 20px 0 0;
58
58
  }
59
59
 
60
- [search] mwc-button {
60
+ [search] md-filled-button {
61
61
  margin: 10px 0;
62
62
  }
63
63
  `
package/client/pages/geofence/geofence.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import { store, PageView } from '@operato/shell'
5
5
  import { i18next, localize } from '@operato/i18n'
6
6
 
@@ -46,10 +46,10 @@ class FMSGeoFence extends localize(i18next)(PageView) {
46
46
  render() {
47
47
  return html`
48
48
  <form search>
49
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
50
- <mwc-textfield label="geofence" icon="tab_unselected"></mwc-textfield>
51
- <mwc-textfield label="type" icon="sync_alt"></mwc-textfield>
52
- <mwc-button label="search" icon="search" raised></mwc-button>
49
+ <md-outlined-text-field label="client"></md-outlined-text-field>
50
+ <md-outlined-text-field label="geofence"></md-outlined-text-field>
51
+ <md-outlined-text-field label="type"></md-outlined-text-field>
52
+ <md-filled-button>search</md-filled-button>
53
53
  </form>
54
54
 
55
55
  <div main>
package/client/pages/monitoring/map-mode.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { LitElement, html, css } from 'lit'
2
- import '@material/mwc-radio'
3
- import '@material/mwc-formfield'
2
+ import '@material/web/radio/radio.js'
4
3
 
5
4
  export const MODE_FLEET = 0
6
5
  export const MODE_TRACK = 1
@@ -17,7 +16,7 @@ class MapMode extends LitElement {
17
16
  background-color: var(--md-sys-color-surface);
18
17
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
19
18
  }
20
- mwc-radio {
19
+ md-radio {
21
20
  margin-right: -10px;
22
21
  }
23
22
  `
@@ -33,13 +32,9 @@ class MapMode extends LitElement {
33
32
  render() {
34
33
  var mode = this.mode || MODE_FLEET
35
34
  return html`
36
- <mwc-formfield label="Fleet">
37
- <mwc-radio @click=${e => this.setMode(MODE_FLEET)} name="fleet" ?checked=${mode == MODE_FLEET}></mwc-radio>
38
- </mwc-formfield>
35
+ <label>Fleet <md-radio @click=${e => this.setMode(MODE_FLEET)} name="fleet" ?checked=${mode == MODE_FLEET}></md-radio></label>
39
36
 
40
- <mwc-formfield label="Track">
41
- <mwc-radio @click=${e => this.setMode(MODE_TRACK)} name="track" ?checked=${mode == MODE_TRACK}></mwc-radio>
42
- </mwc-formfield>
37
+ <label>Track <md-radio @click=${e => this.setMode(MODE_TRACK)} name="track" ?checked=${mode == MODE_TRACK}></md-radio></label>
43
38
  `
44
39
  }
45
40
 
package/client/pages/monitoring/monitoring.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
 
5
5
  import { store, PageView } from '@operato/shell'
6
6
  import { i18next, localize } from '@operato/i18n'
@@ -76,12 +76,12 @@ class FMSMonitoring extends localize(i18next)(PageView) {
76
76
 
77
77
  return html`
78
78
  <form @change=${this.onchangeSearch.bind(this)} search>
79
- <mwc-textfield label="device" icon="router" .value=${device}></mwc-textfield>
80
- <mwc-textfield label="client" icon="domain" .value=${client}></mwc-textfield>
81
- <mwc-textfield label="delivery" icon="local_shipping" .value=${delivery}></mwc-textfield>
82
- <mwc-textfield label="from date" icon="event" type="date" .value=${fromdate}></mwc-textfield>
83
- <mwc-textfield label="to date" icon="event" type="date" .value=${todate}></mwc-textfield>
84
- <mwc-button label="search" icon="search" raised></mwc-button>
79
+ <md-outlined-text-field label="device" .value=${device}></md-outlined-text-field>
80
+ <md-outlined-text-field label="client" .value=${client}></md-outlined-text-field>
81
+ <md-outlined-text-field label="delivery" .value=${delivery}></md-outlined-text-field>
82
+ <md-outlined-text-field label="from date" type="date" .value=${fromdate}></md-outlined-text-field>
83
+ <md-outlined-text-field label="to date" type="date" .value=${todate}></md-outlined-text-field>
84
+ <md-filled-button>search</md-filled-button>
85
85
  </form>
86
86
 
87
87
  <div main>
package/client/pages/report/report-air-pressure.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import '@operato/data-grist'
5
5
  import { i18next } from '@operato/i18n'
6
6
  import { isMobileDevice } from '@operato/utils'
@@ -35,12 +35,12 @@ class ReportAirPressure extends ReportBasedOnTrack {
35
35
  render() {
36
36
  return html`
37
37
  <form search>
38
- <mwc-textfield label="device" icon="router"></mwc-textfield>
39
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
40
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
41
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
42
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
43
- <mwc-button label="search" icon="search" raised></mwc-button>
38
+ <md-outlined-text-field label="device"></md-outlined-text-field>
39
+ <md-outlined-text-field label="client"></md-outlined-text-field>
40
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
41
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
42
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
43
+ <md-filled-button>search</md-filled-button>
44
44
  </form>
45
45
  <ox-grist
46
46
  .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
package/client/pages/report/report-based-on-track.ts CHANGED
@@ -1,5 +1,5 @@
1
- import '@material/mwc-button'
2
- import '@material/mwc-textfield'
1
+ import '@material/web/button/filled-button.js'
2
+ import '@material/web/textfield/outlined-text-field.js'
3
3
  import '../../commons/fleet-search'
4
4
  import '../../commons/track-popup'
5
5
  import '../../commons/marker-info-content'
package/client/pages/report/report-breakdown.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import '@operato/data-grist'
5
5
  import { i18next } from '@operato/i18n'
6
6
  import { isMobileDevice } from '@operato/utils'
@@ -35,12 +35,12 @@ class ReportBreakDown extends ReportBasedOnTrack {
35
35
  render() {
36
36
  return html`
37
37
  <form search>
38
- <mwc-textfield label="device" icon="router"></mwc-textfield>
39
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
40
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
41
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
42
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
43
- <mwc-button label="search" icon="search" raised></mwc-button>
38
+ <md-outlined-text-field label="device"></md-outlined-text-field>
39
+ <md-outlined-text-field label="client"></md-outlined-text-field>
40
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
41
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
42
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
43
+ <md-filled-button>search</md-filled-button>
44
44
  </form>
45
45
 
46
46
  <ox-grist
package/client/pages/report/report-delivery.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import { store, PageView } from '@operato/shell'
5
5
  import '@operato/data-grist'
6
6
  import { i18next, localize } from '@operato/i18n'
@@ -34,12 +34,12 @@ class ReportDelivery extends localize(i18next)(PageView) {
34
34
  render() {
35
35
  return html`
36
36
  <form search>
37
- <mwc-textfield label="device" icon="router"></mwc-textfield>
38
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
39
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
40
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
41
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
42
- <mwc-button label="search" icon="search" raised></mwc-button>
37
+ <md-outlined-text-field label="device"></md-outlined-text-field>
38
+ <md-outlined-text-field label="client"></md-outlined-text-field>
39
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
40
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
41
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
42
+ <md-filled-button>search</md-filled-button>
43
43
  </form>
44
44
 
45
45
  <ox-grist
package/client/pages/report/report-device.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import { store, PageView } from '@operato/shell'
5
5
  import '@operato/data-grist'
6
6
  import { i18next, localize } from '@operato/i18n'
@@ -33,12 +33,12 @@ class ReportDevice extends localize(i18next)(PageView) {
33
33
  render() {
34
34
  return html`
35
35
  <form search>
36
- <mwc-textfield label="device" icon="router"></mwc-textfield>
37
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
38
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
39
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
40
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
41
- <mwc-button label="search" icon="search" raised></mwc-button>
36
+ <md-outlined-text-field label="device"></md-outlined-text-field>
37
+ <md-outlined-text-field label="client"></md-outlined-text-field>
38
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
39
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
40
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
41
+ <md-filled-button>search</md-filled-button>
42
42
  </form>
43
43
 
44
44
  <ox-grist
package/client/pages/report/report-humidity.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import '@operato/data-grist'
5
5
  import { i18next } from '@operato/i18n'
6
6
  import { isMobileDevice } from '@operato/utils'
@@ -35,12 +35,12 @@ class ReportHumidity extends ReportBasedOnTrack {
35
35
  render() {
36
36
  return html`
37
37
  <form search>
38
- <mwc-textfield label="device" icon="router"></mwc-textfield>
39
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
40
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
41
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
42
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
43
- <mwc-button label="search" icon="search" raised></mwc-button>
38
+ <md-outlined-text-field label="device"></md-outlined-text-field>
39
+ <md-outlined-text-field label="client"></md-outlined-text-field>
40
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
41
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
42
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
43
+ <md-filled-button>search</md-filled-button>
44
44
  </form>
45
45
 
46
46
  <ox-grist
package/client/pages/report/report-illuminance.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import '@operato/data-grist'
5
5
  import { i18next } from '@operato/i18n'
6
6
  import { isMobileDevice } from '@operato/utils'
@@ -34,12 +34,12 @@ class ReportIlluminance extends ReportBasedOnTrack {
34
34
  render() {
35
35
  return html`
36
36
  <form search>
37
- <mwc-textfield label="device" icon="router"></mwc-textfield>
38
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
39
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
40
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
41
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
42
- <mwc-button label="search" icon="search" raised></mwc-button>
37
+ <md-outlined-text-field label="device"></md-outlined-text-field>
38
+ <md-outlined-text-field label="client"></md-outlined-text-field>
39
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
40
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
41
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
42
+ <md-filled-button>search</md-filled-button>
43
43
  </form>
44
44
 
45
45
  <ox-grist
package/client/pages/report/report-shock.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import '@operato/data-grist'
5
5
  import { i18next } from '@operato/i18n'
6
6
  import { isMobileDevice } from '@operato/utils'
@@ -35,12 +35,12 @@ class ReportShock extends ReportBasedOnTrack {
35
35
  render() {
36
36
  return html`
37
37
  <form search>
38
- <mwc-textfield label="device" icon="router"></mwc-textfield>
39
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
40
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
41
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
42
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
43
- <mwc-button label="search" icon="search" raised></mwc-button>
38
+ <md-outlined-text-field label="device"></md-outlined-text-field>
39
+ <md-outlined-text-field label="client"></md-outlined-text-field>
40
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
41
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
42
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
43
+ <md-filled-button>search</md-filled-button>
44
44
  </form>
45
45
 
46
46
  <ox-grist
package/client/pages/report/report-style.ts CHANGED
@@ -39,7 +39,7 @@ export const ReportStyles = css`
39
39
  margin: 0 20px 0 0;
40
40
  }
41
41
 
42
- [search] mwc-button {
42
+ [search] md-filled-button {
43
43
  margin: 10px 0;
44
44
  }
45
45
  `
package/client/pages/report/report-temperature.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, css } from 'lit'
2
- import '@material/mwc-button'
3
- import '@material/mwc-textfield'
2
+ import '@material/web/button/filled-button.js'
3
+ import '@material/web/textfield/outlined-text-field.js'
4
4
  import '@operato/data-grist'
5
5
  import { i18next } from '@operato/i18n'
6
6
  import { isMobileDevice } from '@operato/utils'
@@ -35,12 +35,12 @@ class ReportTemperature extends ReportBasedOnTrack {
35
35
  render() {
36
36
  return html`
37
37
  <form search>
38
- <mwc-textfield label="device" icon="router"></mwc-textfield>
39
- <mwc-textfield label="client" icon="domain"></mwc-textfield>
40
- <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
41
- <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
42
- <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
43
- <mwc-button label="search" icon="search" raised></mwc-button>
38
+ <md-outlined-text-field label="device"></md-outlined-text-field>
39
+ <md-outlined-text-field label="client"></md-outlined-text-field>
40
+ <md-outlined-text-field label="delivery"></md-outlined-text-field>
41
+ <md-outlined-text-field label="from date" type="date"></md-outlined-text-field>
42
+ <md-outlined-text-field label="to date" type="date"></md-outlined-text-field>
43
+ <md-filled-button>search</md-filled-button>
44
44
  </form>
45
45
 
46
46
  <ox-grist