@things-factory/operato-fleet 8.0.40 → 9.0.0-9.0.0-beta.59.0

package/.dockerignore

@@ -1,13 +1,31 @@
-node_modules
-installer
-Dockerfile
-logs
+node_modules/
+client/
+server/
+dist-client/
+installer/
+attachments/
+cache/
+logs/
+Dockerfile*
 docker-compose.yml
 db.sqlite
 db*.sqlite
 license.json
-attachments
 config.development.js
 config.production.js
 !config/config.development.js
-!config/config.production.js
+!config/config.production.js
+\_index.html
+
+npm-debug.log
+yarn-error.log
+
+.env
+.env.local
+.env.production
+.git/
+.gitignore
+.dockerignore
+.vscode/
+.idea/
+.DS_Store

package/_index.html

@@ -51,7 +51,6 @@
 
     <!-- Performance tip: hint to the browser to start the handshake for the fonts site -->
     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
-    <link href="/node_modules/@material-design-icons/font/index.css" rel="stylesheet" />
     <link href="/node_modules/material-symbols/index.css" rel="stylesheet" />
     <link href="/node_modules/@fontsource/roboto/index.css" rel="stylesheet" />
     <link rel="stylesheet" href="/theme.css" />

package/client/pages/client/client.js

@@ -0,0 +1,130 @@
+import { html, css } from 'lit'
+import { connect } from 'pwa-helpers/connect-mixin.js'
+import '@material/mwc-button'
+import '@material/mwc-textfield'
+import { store, PageView } from '@operato/shell'
+import '@operato/data-grist'
+import { i18next, localize } from '@operato/i18n'
+import { isMobileDevice } from '@operato/utils'
+import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
+import { FMSPageStyles } from '../fleet-page-style'
+
+import { fetchClients } from '../../commons/fetch-client'
+
+class FMSClient extends connect(store)(localize(i18next)(PageView)) {
+  static get properties() {
+    return {}
+  }
+
+  static get styles() {
+    return [ScrollbarStyles, FMSPageStyles]
+  }
+
+  get context() {
+    return {
+      title: i18next.t('title.client'),
+      exportable: {
+        accept: ['json'],
+        name: 'client',
+        data: () => {
+          return []
+        }
+      },
+      actions: [
+        {
+          title: i18next.t('button.register'),
+          action: this.register.bind(this),
+          ...CommonButtonStyles.register
+        }
+      ]
+    }
+  }
+
+  render() {
+    return html`
+      <form search>
+        <mwc-textfield label="device" icon="router"></mwc-textfield>
+        <mwc-textfield label="client" icon="domain"></mwc-textfield>
+        <mwc-textfield label="delivery" icon="local_shipping"></mwc-textfield>
+        <mwc-textfield label="from date" icon="event" type="date"></mwc-textfield>
+        <mwc-textfield label="to date" icon="event" type="date"></mwc-textfield>
+        <mwc-button label="search" icon="search" raised></mwc-button>
+      </form>
+
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.config}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+      >
+      </ox-grist>
+    `
+  }
+
+  connectedCallback() {
+    super.connectedCallback()
+
+    this.config = {
+      list: { fields: ['client', 'delivery', 'device', 'status', 'battery'] },
+      pagination: { infinite: false },
+      rows: { selectable: false, appendable: false },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        {
+          type: 'string',
+          name: 'client',
+          header: i18next.t('field.client'),
+          record: { editable: false, align: 'left' },
+          imex: { header: i18next.t('field.client'), key: 'client', width: 50, type: 'string' },
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'delivery',
+          header: i18next.t('field.delivery'),
+          record: { editable: false, align: 'left' },
+          imex: { header: i18next.t('field.delivery'), key: 'delivery', width: 50, type: 'string' },
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'string',
+          name: 'device',
+          header: i18next.t('field.device'),
+          record: { editable: false, align: 'left' },
+          imex: { header: i18next.t('field.device'), key: 'device', width: 50, type: 'string' },
+          sortable: true,
+          width: 150
+        },
+        {
+          type: 'datetime',
+          name: 'registration',
+          header: i18next.t('field.registration'),
+          record: { editable: false, align: 'left' },
+          imex: { header: i18next.t('field.registration'), key: 'registration', width: 50, type: 'string' },
+          sortable: true,
+          width: 180
+        }
+      ]
+    }
+  }
+
+  async firstUpdated() {
+    await this.updateComplete
+    this.renderRoot.querySelector('ox-grist').fetch({ limit: 50 })
+  }
+
+  pageUpdated(changes, lifecycle) {
+    if (this.active) {
+    } else {
+    }
+  }
+
+  async fetchHandler({ page, limit, sorters = [] }) {
+    return await fetchClients({ page, limit, sorters })
+  }
+
+  register() {}
+}
+
+window.customElements.define('fleet-client', FMSClient)