@things-factory/dataset 5.0.0-alpha.1 → 5.0.0-alpha.4

package/client/bootstrap.js

@@ -1,3 +1 @@
-import { store } from '@things-factory/shell'
-
 export default function bootstrap() {}

package/client/pages/data-entry-form.js

@@ -0,0 +1,74 @@
+import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+
+import { client } from '@operato/graphql'
+import { i18next, localize } from '@operato/i18n'
+import '@operato/dataset/ox-data-entry-form.js'
+
+class DataEntryForm extends localize(i18next)(LitElement) {
+  static get properties() {
+    return {
+      dataSet: Object
+    }
+  }
+
+  static get styles() {
+    return [
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+
+          background-color: #fff;
+        }
+
+        ox-data-entry-form {
+          flex: 1;
+        }
+
+        .button-container {
+          display: flex;
+          margin-left: auto;
+          padding: var(--padding-default);
+        }
+      `
+    ]
+  }
+
+  get entryForm() {
+    return this.renderRoot.querySelector('ox-data-entry-form')
+  }
+
+  render() {
+    return html`
+      <ox-data-entry-form .dataSet=${this.dataSet}></ox-data-entry-form>
+      <div class="button-container">
+        <mwc-button raised @click=${this._updateDataItems.bind(this)}>${i18next.t('button.save')}</mwc-button>
+      </div>
+    `
+  }
+
+  async _updateDataItems() {
+    const data = this.entryForm.buildValue()
+    const dataSample = {
+      dataSetId: this.dataSet.id,
+      data
+    }
+
+    const response = await client.mutate({
+      mutation: gql`
+        mutation ($dataSample: NewDataSample!) {
+          createDataSample(dataSample: $dataSample) {
+            id
+            collectedAt
+          }
+        }
+      `,
+      variables: {
+        dataSample
+      }
+    })
+  }
+}
+
+window.customElements.define('data-entry-form', DataEntryForm)

package/client/pages/data-item-list.js

@@ -33,9 +33,6 @@ class DataItemList extends localize(i18next)(LitElement) {
           padding: var(--padding-default);
         }
 
-        form {
-          position: relative;
-        }
         [danger] {
           --mdc-theme-primary: var(--mdc-danger-button-primary-color);
         }
@@ -46,7 +43,7 @@ class DataItemList extends localize(i18next)(LitElement) {
     ]
   }
 
-  get dataGrist() {
+  get grist() {
     return this.renderRoot.querySelector('ox-grist')
   }
 
@@ -135,16 +132,55 @@ class DataItemList extends localize(i18next)(LitElement) {
           sortable: true,
           width: 60
         },
+        {
+          type: 'string',
+          name: 'tag',
+          header: i18next.t('field.tag'),
+          record: {
+            editable: true
+          },
+          width: 180
+        },
         {
           type: 'select',
           name: 'type',
           header: i18next.t('field.type'),
           record: {
-            options: ['number', 'text', 'select', 'boolean'],
+            options: ['', 'number', 'text', 'select', 'boolean', 'file'],
             editable: true
           },
           width: 120
         },
+        {
+          type: 'parameters',
+          name: 'options',
+          header: i18next.t('field.options'),
+          record: {
+            editable: true,
+            renderer: (value, column, record, rowIndex, field) => {
+              return typeof value === 'string' ? value : typeof value === 'object' ? JSON.stringify(value) : ''
+            },
+            options: async (value, column, record, row, field) => {
+              return {
+                name: record.type,
+                help: '',
+                spec:
+                  record.type === 'select'
+                    ? [
+                        {
+                          type: 'options',
+                          name: 'options',
+                          label: 'options'
+                        }
+                      ]
+                    : [],
+                context: this.grist,
+                objectified: true
+              }
+            }
+          },
+          width: 120
+        },
         {
           type: 'number',
           name: 'quota',
@@ -198,7 +234,9 @@ class DataItemList extends localize(i18next)(LitElement) {
               description
               sequence
               active
+              tag
               type
+              options
               quota
               spec
             }
@@ -215,7 +253,7 @@ class DataItemList extends localize(i18next)(LitElement) {
   }
 
   async _updateDataItems() {
-    let patches = this.dataGrist._data.records
+    let patches = this.grist._data.records
     if (patches && patches.length) {
       patches = patches.map(patch => {
         var patchField = {}
@@ -241,14 +279,14 @@ class DataItemList extends localize(i18next)(LitElement) {
         }
       })
 
-      if (!response.errors) this.dataGrist.fetch()
+      if (!response.errors) this.grist.fetch()
     }
   }
 
   async _deleteDataItems() {
     if (!confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) return
 
-    const ids = this.dataGrist.selected.map(record => record.id)
+    const ids = this.grist.selected.map(record => record.id)
     if (!(ids && ids.length > 0)) return
 
     const response = await client.mutate({
@@ -264,7 +302,7 @@ class DataItemList extends localize(i18next)(LitElement) {
 
     if (response.errors) return
 
-    this.dataGrist.fetch()
+    this.grist.fetch()
     await document.dispatchEvent(
       new CustomEvent('notify', {
         detail: {

package/client/pages/data-sample.js

@@ -121,7 +121,7 @@ export class DataSample extends connect(store)(localize(i18next)(PageView)) {
           },
           filter: 'search',
           sortable: true,
-          width: 150
+          width: 120
         },
         {
           type: 'string',
@@ -132,19 +132,39 @@ export class DataSample extends connect(store)(localize(i18next)(PageView)) {
             editable: true
           },
           filter: 'search',
-          width: 200
+          width: 150
         },
         {
-          type: 'string',
-          name: 'dataSetId',
-          hidden: true
+          type: 'object',
+          name: 'dataSet',
+          header: i18next.t('field.dataSet'),
+          record: {
+            editable: false
+          },
+          sortable: true,
+          width: 120
+        },
+        {
+          type: 'json',
+          name: 'partitionKeys',
+          header: i18next.t('field.partitionKeys'),
+          record: {
+            editable: false,
+            renderer: (value, column, record, rowIndex, field) => {
+              return typeof value === 'string' ? value : typeof value === 'object' ? JSON.stringify(value) : ''
+            }
+          },
+          width: 200
         },
         {
           type: 'json',
           name: 'data',
           header: i18next.t('field.data'),
           record: {
-            editable: false
+            editable: false,
+            renderer: (value, column, record, rowIndex, field) => {
+              return typeof value === 'string' ? value : typeof value === 'object' ? JSON.stringify(value) : ''
+            }
           },
           width: 200
         },
@@ -152,12 +172,23 @@ export class DataSample extends connect(store)(localize(i18next)(PageView)) {
           type: 'json',
           name: 'spec',
           header: i18next.t('field.spec'),
+          record: {
+            editable: false,
+            renderer: (value, column, record, rowIndex, field) => {
+              return typeof value === 'string' ? value : typeof value === 'object' ? JSON.stringify(value) : ''
+            }
+          },
+          width: 200
+        },
+        {
+          type: 'code',
+          name: 'rawData',
+          header: i18next.t('field.raw-data'),
           record: {
             editable: false
           },
           width: 200
         },
-
         {
           type: 'object',
           name: 'updater',
@@ -171,6 +202,13 @@ export class DataSample extends connect(store)(localize(i18next)(PageView)) {
           header: i18next.t('field.updated_at'),
           sortable: true,
           width: 180
+        },
+        {
+          type: 'datetime',
+          name: 'collectedAt',
+          header: i18next.t('field.collected_at'),
+          sortable: true,
+          width: 180
         }
       ],
       rows: {
@@ -210,7 +248,12 @@ export class DataSample extends connect(store)(localize(i18next)(PageView)) {
               id
               name
               description
-              dataSetId
+              dataSet {
+                id
+                name
+                description
+              }
+              partitionKeys
               data
               spec
               updater {
@@ -218,6 +261,7 @@ export class DataSample extends connect(store)(localize(i18next)(PageView)) {
                 name
               }
               updatedAt
+              collectedAt
             }
             total
           }