npm - @things-factory/dataset - Versions diffs - 7.0.1-alpha.26 → 7.0.1-alpha.30 - Mend

@things-factory/dataset 7.0.1-alpha.26 → 7.0.1-alpha.30

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 (66) hide show

package/client/components/data-entry-form.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js'
 import '@operato/dataset/ox-data-entry-form.js'
 import gql from 'graphql-tag'
@@ -6,13 +7,14 @@ import { customElement, property, query, state } from 'lit/decorators.js'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
+import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
 import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'
 import { DataSet } from '@operato/dataset'
 @customElement('data-entry-form')
 export class DataEntryForm extends localize(i18next)(LitElement) {
   static styles = [
+    ButtonContainerStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -28,12 +30,6 @@ export class DataEntryForm extends localize(i18next)(LitElement) {
         overflow: auto;
       }
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
       .button-container span {
         font-size: 14px;
         color: #333;
@@ -52,11 +48,10 @@ export class DataEntryForm extends localize(i18next)(LitElement) {
   render() {
     return html`
       <ox-data-entry-form .dataSet=${this.dataSet}></ox-data-entry-form>
       <div class="button-container">
         ${!this.dataSample
-          ? html`
-              <mwc-button raised @click=${this.updateDataItems.bind(this)}>${i18next.t('button.save')}</mwc-button>
-            `
+          ? html` <button @click=${this.updateDataItems.bind(this)}><md-icon>save</md-icon>${i18next.t('button.save')}</button> `
           : html` <span>${i18next.t('field.collected-at')}: ${this.dataSample.collectedAt.toLocaleString()}</span> `}
       </div>
     `
@@ -101,9 +96,7 @@ export class DataEntryForm extends localize(i18next)(LitElement) {
         collectedAt: new Date(collectedAt)
       }
-      document.dispatchEvent(
-        new CustomEvent('notify', { detail: { message: i18next.t('text.data sample created successfully') } })
-      )
+      document.dispatchEvent(new CustomEvent('notify', { detail: { message: i18next.t('text.data sample created successfully') } }))
     }
   }
 }

package/client/pages/data-archive/data-archive-list-page.ts CHANGED Viewed

@@ -80,10 +80,7 @@ export class DataArchiveListPage extends connect(store)(localize(i18next)(PageVi
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${false /* this.active */}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-archive list')}
-          </div>
+          <div class="title">${i18next.t('title.data-archive list')}</div>
           <!-- <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>

package/client/pages/data-archive/data-archive-request-popup.ts CHANGED Viewed

@@ -1,10 +1,13 @@
+import '@material/web/icon/icon.js'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import { customElement, property, query, state } from 'lit/decorators.js'
 import { i18next, localize } from '@operato/i18n'
 import { client } from '@operato/graphql'
-import { SingleColumnFormStyles } from '@things-factory/form-ui'
+import { SingleColumnFormStyles } from '@operato/form'
+import { ButtonContainerStyles } from '@operato/styles'
 import moment from 'moment-timezone'
 import { CustomAlert } from '@operato/shell'
@@ -12,6 +15,7 @@ import { CustomAlert } from '@operato/shell'
 @customElement('data-archive-request-popup')
 class DataArchiveRequestPopup extends localize(i18next)(LitElement) {
   static styles = [
+    ButtonContainerStyles,
     SingleColumnFormStyles,
     css`
       :host {
@@ -25,13 +29,6 @@ class DataArchiveRequestPopup extends localize(i18next)(LitElement) {
       form {
         overflow: auto;
       }
-      .button-container {
-        display: flex;
-        margin-top: auto;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
     `
   ]
@@ -53,7 +50,7 @@ class DataArchiveRequestPopup extends localize(i18next)(LitElement) {
       </form>
       <div class="button-container">
-        <mwc-button raised @click=${this.requestArchive} label=${String(i18next.t('button.submit'))}></mwc-button>
+        <button @click=${this.requestArchive}><md-icon>archive</md-icon>${String(i18next.t('button.submit'))}</button>
       </div>
     `
   }

package/client/pages/data-entry/data-entry-list-page.ts CHANGED Viewed

@@ -121,10 +121,7 @@ export class DataEntryListPage extends connect(store)(localize(i18next)(PageView
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-entry list')}
-          </div>
+          <div class="title">${i18next.t('title.data-entry list')}</div>
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/client/pages/data-key-set/data-key-item-list.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+import '@material/web/icon/icon.js'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
 import { customElement, property, query, state } from 'lit/decorators.js'
@@ -6,10 +8,12 @@ import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { isMobileDevice } from '@operato/utils'
 import { DataGrist, FetchOption } from '@operato/data-grist'
+import { ButtonContainerStyles } from '@operato/styles'
 @customElement('data-key-item-list')
 export class DataKeyItemList extends localize(i18next)(LitElement) {
   static styles = [
+    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -21,19 +25,6 @@ export class DataKeyItemList extends localize(i18next)(LitElement) {
       ox-grist {
         flex: 1;
       }
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-      [danger] {
-        --mdc-theme-primary: var(--mdc-danger-button-primary-color);
-      }
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
     `
   ]
@@ -43,16 +34,11 @@ export class DataKeyItemList extends localize(i18next)(LitElement) {
   render() {
     return html`
-      <ox-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      ></ox-grist>
+      <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>
       <div class="button-container">
-        <mwc-button raised danger @click=${this._deleteDataKeyItems.bind(this)}
-          >${i18next.t('button.delete')}</mwc-button
-        >
-        <mwc-button raised @click=${this._updateDataKeyItems.bind(this)}>${i18next.t('button.save')}</mwc-button>
+        <button danger @click=${this._deleteDataKeyItems.bind(this)}><md-icon>delete_forever</md-icon>${i18next.t('button.delete')}</button>
+        <button @click=${this._updateDataKeyItems.bind(this)}><md-icon>save</md-icon>${i18next.t('button.save')}</button>
       </div>
     `
   }

package/client/pages/data-key-set/data-key-set-importer.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 import gql from 'graphql-tag'
@@ -7,10 +8,12 @@ import { customElement, property, query, state } from 'lit/decorators.js'
 import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
 import { isMobileDevice } from '@operato/utils'
+import { ButtonContainerStyles } from '@operato/styles'
 @customElement('data-key-set-importer')
 export class DataKeySetImporter extends LitElement {
   static styles = [
+    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -22,16 +25,6 @@ export class DataKeySetImporter extends LitElement {
       ox-grist {
         flex: 1;
       }
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
     `
   ]
@@ -73,7 +66,7 @@ export class DataKeySetImporter extends LitElement {
       ></ox-grist>
       <div class="button-container">
-        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
+        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
       </div>
     `
   }

package/client/pages/data-key-set/data-key-set-list-page.ts CHANGED Viewed

@@ -103,7 +103,10 @@ export class DataKeySetListPage extends connect(store)(localize(i18next)(PageVie
         {
           title: i18next.t('button.delete'),
           action: this._deleteDataKeySet.bind(this),
-          icon: 'delete'
+          icon: 'delete',
+          emphasis: {
+            danger: true
+          }
         }
       ],
       exportable: {
@@ -123,10 +126,7 @@ export class DataKeySetListPage extends connect(store)(localize(i18next)(PageVie
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-key-set list')}
-          </div>
+          <div class="title">${i18next.t('title.data-key-set list')}</div>
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/client/pages/data-ooc/data-ooc-list-page.ts CHANGED Viewed

@@ -101,10 +101,7 @@ export class DataOocListPage extends connect(store)(localize(i18next)(PageView))
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-ooc list')}
-          </div>
+          <div class="title">${i18next.t('title.data-ooc list')}</div>
           <div class="filters">
             <ox-input-select-buttons

package/client/pages/data-report/data-report-list-page.ts CHANGED Viewed

@@ -158,10 +158,7 @@ export class DataReportListPage extends connect(store)(localize(i18next)(PageVie
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-report list')}
-          </div>
+          <div class="title">${i18next.t('title.data-report list')}</div>
           <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>

package/client/pages/data-sample/data-sample-list-page.ts CHANGED Viewed

@@ -81,10 +81,7 @@ export class DataSampleListPage extends connect(store)(localize(i18next)(PageVie
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${false /* this.active */}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-sample list')}
-          </div>
+          <div class="title">${i18next.t('title.data-sample list')}</div>
           <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>

package/client/pages/data-sample/data-sample-search-page.ts CHANGED Viewed

@@ -83,10 +83,7 @@ export class DataSampleSearchPage extends connect(store)(localize(i18next)(PageV
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-sample search')}
-          </div>
+          <div class="title">${i18next.t('title.data-sample search')}</div>
           <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>

package/client/pages/data-sensor/data-sensor-list-page.ts CHANGED Viewed

@@ -80,7 +80,10 @@ export class DataSensorListPage extends connect(store)(localize(i18next)(PageVie
         {
           icon: 'delete',
           title: i18next.t('button.delete'),
-          action: this._deleteDataSensor.bind(this)
+          action: this._deleteDataSensor.bind(this),
+          emphasis: {
+            danger: true
+          }
         }
       ],
       toolbar: false
@@ -93,10 +96,7 @@ export class DataSensorListPage extends connect(store)(localize(i18next)(PageVie
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-sensor list')}
-          </div>
+          <div class="title">${i18next.t('title.data-sensor list')}</div>
           <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>

package/client/pages/data-set/data-item-list.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+import '@material/web/icon/icon.js'
 import gql from 'graphql-tag'
 import { css, html, LitElement } from 'lit'
@@ -7,6 +9,7 @@ import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { isMobileDevice } from '@operato/utils'
 import { DataGrist, FetchOption } from '@operato/data-grist'
+import { ButtonContainerStyles } from '@operato/styles'
 const DataItemStats = ['sum', 'mean', 'stddev', 'variance', 'min', 'max', 'range', 'median', 'mode']
@@ -17,6 +20,7 @@ class DataItemList extends localize(i18next)(LitElement) {
   @state() gristConfig: any
   static styles = [
+    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -28,19 +32,6 @@ class DataItemList extends localize(i18next)(LitElement) {
       ox-grist {
         flex: 1;
       }
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-      [danger] {
-        --mdc-theme-primary: var(--mdc-danger-button-primary-color);
-      }
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
     `
   ]
@@ -49,9 +40,10 @@ class DataItemList extends localize(i18next)(LitElement) {
   render() {
     return html`
       <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>
       <div class="button-container">
-        <mwc-button raised danger @click=${this._deleteDataItems.bind(this)}>${i18next.t('button.delete')}</mwc-button>
-        <mwc-button raised @click=${this._updateDataItems.bind(this)}>${i18next.t('button.save')}</mwc-button>
+        <button danger @click=${this._deleteDataItems.bind(this)}><md-icon>delete_forever</md-icon>${i18next.t('button.delete')}</button>
+        <button @click=${this._updateDataItems.bind(this)}><md-icon>save</md-icon>${i18next.t('button.save')}</button>
       </div>
     `
   }

package/client/pages/data-set/data-set-importer.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 import gql from 'graphql-tag'
@@ -8,10 +9,11 @@ import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
 import { isMobileDevice } from '@operato/utils'
 import { DataSet } from '@operato/dataset'
+import { ButtonContainerStyles } from '@operato/styles'
 @customElement('data-set-importer')
 export class DataSetImporter extends LitElement {
   static styles = [
+    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -23,16 +25,6 @@ export class DataSetImporter extends LitElement {
       ox-grist {
         flex: 1;
       }
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
     `
   ]
@@ -65,14 +57,10 @@ export class DataSetImporter extends LitElement {
   render() {
     return html`
-      <ox-grist
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        .config=${this.columns}
-        .data=${{ records: this.dataSets }}
-      ></ox-grist>
+      <ox-grist .mode=${isMobileDevice() ? 'LIST' : 'GRID'} .config=${this.columns} .data=${{ records: this.dataSets }}></ox-grist>
       <div class="button-container">
-        <mwc-button raised @click=${this.save.bind(this)}>${i18next.t('button.save')}</mwc-button>
+        <button @click=${this.save.bind(this)}><md-icon>save</md-icon>${i18next.t('button.save')}</button>
       </div>
     `
   }

package/client/pages/data-set/data-set-list-page.ts CHANGED Viewed

@@ -139,7 +139,10 @@ export class DataSetListPage extends connect(store)(localize(i18next)(PageView))
         {
           title: i18next.t('button.delete'),
           action: this._deleteDataSet.bind(this),
-          icon: 'delete'
+          icon: 'delete',
+          emphasis: {
+            danger: true
+          }
         }
       ],
       toolbar: false
@@ -152,10 +155,7 @@ export class DataSetListPage extends connect(store)(localize(i18next)(PageView))
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${this.active}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-set list')}
-          </div>
+          <div class="title">${i18next.t('title.data-set list')}</div>
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/client/pages/data-summary/data-summary-list-page.ts CHANGED Viewed

@@ -70,10 +70,7 @@ export class DataSummaryListPage extends connect(store)(localize(i18next)(PageVi
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${false /* this.active */}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-summary list')}
-          </div>
+          <div class="title">${i18next.t('title.data-summary list')}</div>
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/client/pages/data-summary/data-summary-period-page.ts CHANGED Viewed

@@ -84,10 +84,7 @@ export class DataSummaryGroupPage extends connect(store)(localize(i18next)(PageV
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-summary period')}
-          </div>
+          <div class="title">${i18next.t('title.data-summary period')}</div>
           <div
             class="filters"

package/client/pages/data-summary/data-summary-search-page.ts CHANGED Viewed

@@ -87,10 +87,7 @@ export class DataSummarySearchPage extends connect(store)(localize(i18next)(Page
     return html`
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-summary search')}
-          </div>
+          <div class="title">${i18next.t('title.data-summary search')}</div>
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/dist-client/components/data-entry-form.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js';
 import '@operato/dataset/ox-data-entry-form.js';
 import { LitElement } from 'lit';
 import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js';

package/dist-client/components/data-entry-form.js CHANGED Viewed

@@ -1,21 +1,21 @@
 import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
 import '@operato/dataset/ox-data-entry-form.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
-import { ScrollbarStyles } from '@operato/styles';
+import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js';
 let DataEntryForm = class DataEntryForm extends localize(i18next)(LitElement) {
     render() {
         return html `
       <ox-data-entry-form .dataSet=${this.dataSet}></ox-data-entry-form>
       <div class="button-container">
         ${!this.dataSample
-            ? html `
-              <mwc-button raised @click=${this.updateDataItems.bind(this)}>${i18next.t('button.save')}</mwc-button>
-            `
+            ? html ` <button @click=${this.updateDataItems.bind(this)}><md-icon>save</md-icon>${i18next.t('button.save')}</button> `
             : html ` <span>${i18next.t('field.collected-at')}: ${this.dataSample.collectedAt.toLocaleString()}</span> `}
       </div>
     `;
@@ -60,6 +60,7 @@ let DataEntryForm = class DataEntryForm extends localize(i18next)(LitElement) {
     }
 };
 DataEntryForm.styles = [
+    ButtonContainerStyles,
     ScrollbarStyles,
     css `
       :host {
@@ -75,12 +76,6 @@ DataEntryForm.styles = [
         overflow: auto;
       }
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
       .button-container span {
         font-size: 14px;
         color: #333;

package/dist-client/components/data-entry-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-entry-form.js","sourceRoot":"","sources":["../../client/components/data-entry-form.ts"],"names":[],"mappings":";AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;~~AACjD~~,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAIjE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;~~IAsC9D~~,MAAM;QACJ,OAAO,IAAI,CAAA;qCACsB,IAAI,CAAC,OAAO~~;;UAEvC~~,CAAC,IAAI,CAAC,UAAU;YAChB,CAAC,CAAC,IAAI,CAAA~~;0CAC0B~~,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,~~IAAI~~,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;~~aACxF;YACH~~,CAAC,CAAC,IAAI,CAAA,UAAU,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,cAAc,EAAE,UAAU;;KAE/G,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,eAAe;;QAC3B,yDAAyD;QACzD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;QAExC,MAAM,UAAU,GAAG;YACjB,OAAO,EAAE;gBACP,EAAE,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,EAAE;aACrB;YACD,IAAI;SACE,CAAA;QAER,IAAI,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,EAAE;YAChC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAA;SACrD;QAED,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;OAOZ;YACD,SAAS,EAAE;gBACT,UAAU;aACX;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI;aAChB;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;YAC1D,IAAI,CAAC,UAAU,GAAG;gBAChB,EAAE;gBACF,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC;aACnC,CAAA;YAED,QAAQ,CAAC,aAAa,~~CACpB~~,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAAE,EAAE,CAAC,~~CACvG~~,CAAA;~~SACF~~;IACH,CAAC;;~~AA7FM~~,oBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;KA0BF~~;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAmC;AAE9D;IAAC,KAAK,EAAE;;iDAA+C;AAEvD;IAAC,KAAK,CAAC,oBAAoB,CAAC;8BAAa,eAAe;gDAAA;~~AApC7C~~,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,~~CA+FzB~~;~~SA/FY~~,aAAa","sourcesContent":["import '@operato/dataset/ox-data-entry-form.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'\nimport { DataSet } from '@operato/dataset'\n\n@customElement('data-entry-form')\nexport class DataEntryForm extends localize(i18next)(LitElement) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n ox-data-entry-form {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n\n .button-container ~~{\n display: flex;\n margin-left: auto;\n padding: var(--padding-default);\n }\n\n .button-container~~ span {\n font-size: 14px;\n color: #333;\n line-height: 1.5;\n padding: 10px;\n }\n `\n ]\n\n @property({ type: Object }) dataSet?: DataSet & { id: string }\n\n @state() dataSample?: { id: string; collectedAt: Date }\n\n @query('ox-data-entry-form') entryForm!: OxDataEntryForm\n\n render() {\n return html`\n <ox-data-entry-form .dataSet=${this.dataSet}></ox-data-entry-form>\n <div class=\"button-container\">\n ${!this.dataSample\n ? html~~`\n~~ <~~mwc-~~button ~~raised~~ @click=${this.updateDataItems.bind(this)}>${i18next.t('button.save')}</~~mwc-~~button~~>\n~~ `\n : html` <span>${i18next.t('field.collected-at')}: ${this.dataSample.collectedAt.toLocaleString()}</span> `}\n </div>\n `\n }\n\n private async updateDataItems() {\n //@ts-ignore TODO replace with following line and confirm\n const data = this.entryForm.buildValue()\n\n const dataSample = {\n dataSet: {\n id: this.dataSet?.id\n },\n data\n } as any\n\n if (this.dataSample?.collectedAt) {\n dataSample.collectedAt = this.dataSample.collectedAt\n }\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($dataSample: NewDataSample!) {\n createDataSample(dataSample: $dataSample) {\n id\n collectedAt\n }\n }\n `,\n variables: {\n dataSample\n },\n context: {\n hasUpload: true\n }\n })\n\n if (!response.errors) {\n const { id, collectedAt } = response.data.createDataSample\n this.dataSample = {\n id,\n collectedAt: new Date(collectedAt)\n }\n\n document.dispatchEvent(\n new CustomEvent('notify', { detail: { message: i18next.t('text.data sample created successfully') } })\n )\n }\n }\n}\n"]}
1	+ {"version":3,"file":"data-entry-form.js","sourceRoot":"","sources":["../../client/components/data-entry-form.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,wCAAwC,CAAA;AAE/C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAIjE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAiC9D,MAAM;QACJ,OAAO,IAAI,CAAA;qCACsB,IAAI,CAAC,OAAO;;;UAGvC,CAAC,IAAI,CAAC,UAAU;YAChB,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY;YACvH,CAAC,CAAC,IAAI,CAAA,UAAU,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,cAAc,EAAE,UAAU;;KAE/G,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,eAAe;;QAC3B,yDAAyD;QACzD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;QAExC,MAAM,UAAU,GAAG;YACjB,OAAO,EAAE;gBACP,EAAE,EAAE,MAAA,IAAI,CAAC,OAAO,0CAAE,EAAE;aACrB;YACD,IAAI;SACE,CAAA;QAER,IAAI,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,EAAE;YAChC,UAAU,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAA;SACrD;QAED,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;OAOZ;YACD,SAAS,EAAE;gBACT,UAAU;aACX;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI;aAChB;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAA;YAC1D,IAAI,CAAC,UAAU,GAAG;gBAChB,EAAE;gBACF,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC;aACnC,CAAA;YAED,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,uCAAuC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;SAC/H;IACH,CAAC;;AArFM,oBAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;KAoBF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAmC;AAE9D;IAAC,KAAK,EAAE;;iDAA+C;AAEvD;IAAC,KAAK,CAAC,oBAAoB,CAAC;8BAAa,eAAe;gDAAA;AA/B7C,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAuFzB;SAvFY,aAAa","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/dataset/ox-data-entry-form.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { OxDataEntryForm } from '@operato/dataset/ox-data-entry-form.js'\nimport { DataSet } from '@operato/dataset'\n\n@customElement('data-entry-form')\nexport class DataEntryForm extends localize(i18next)(LitElement) {\n static styles = [\n ButtonContainerStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n }\n\n ox-data-entry-form {\n flex: 1;\n padding: 10px;\n overflow: auto;\n }\n\n .button-container span {\n font-size: 14px;\n color: #333;\n line-height: 1.5;\n padding: 10px;\n }\n `\n ]\n\n @property({ type: Object }) dataSet?: DataSet & { id: string }\n\n @state() dataSample?: { id: string; collectedAt: Date }\n\n @query('ox-data-entry-form') entryForm!: OxDataEntryForm\n\n render() {\n return html`\n <ox-data-entry-form .dataSet=${this.dataSet}></ox-data-entry-form>\n\n <div class=\"button-container\">\n ${!this.dataSample\n ? html` <button @click=${this.updateDataItems.bind(this)}><md-icon>save</md-icon>${i18next.t('button.save')}</button> `\n : html` <span>${i18next.t('field.collected-at')}: ${this.dataSample.collectedAt.toLocaleString()}</span> `}\n </div>\n `\n }\n\n private async updateDataItems() {\n //@ts-ignore TODO replace with following line and confirm\n const data = this.entryForm.buildValue()\n\n const dataSample = {\n dataSet: {\n id: this.dataSet?.id\n },\n data\n } as any\n\n if (this.dataSample?.collectedAt) {\n dataSample.collectedAt = this.dataSample.collectedAt\n }\n\n const response = await client.mutate({\n mutation: gql`\n mutation ($dataSample: NewDataSample!) {\n createDataSample(dataSample: $dataSample) {\n id\n collectedAt\n }\n }\n `,\n variables: {\n dataSample\n },\n context: {\n hasUpload: true\n }\n })\n\n if (!response.errors) {\n const { id, collectedAt } = response.data.createDataSample\n this.dataSample = {\n id,\n collectedAt: new Date(collectedAt)\n }\n\n document.dispatchEvent(new CustomEvent('notify', { detail: { message: i18next.t('text.data sample created successfully') } }))\n }\n }\n}\n"]}

package/dist-client/pages/data-archive/data-archive-list-page.js CHANGED Viewed

@@ -54,10 +54,7 @@ let DataArchiveListPage = class DataArchiveListPage extends connect(store)(local
         return html `
       <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)} ?url-params-sensitive=${false /* this.active */}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <md-icon>apps</md-icon>
-            ${i18next.t('title.data-archive list')}
-          </div>
+          <div class="title">${i18next.t('title.data-archive list')}</div>
           <!-- <div class="filters">
             <ox-filters-form class="filter" autofocus without-search></ox-filters-form>