@things-factory/tax-invoice 7.0.1-alpha.9 → 7.0.1-alpha.92

package/client/bootstrap.ts

@@ -0,0 +1 @@
+export default function bootstrap() {}

package/client/pages/tax-audit-result/tax-audit-result-importer.ts

@@ -1,3 +1,4 @@
+import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 
 import gql from 'graphql-tag'
@@ -7,9 +8,11 @@ import { property } from 'lit/decorators.js'
 import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
 import { isMobileDevice } from '@operato/utils'
+import { ButtonContainerStyles } from '@operato/styles'
 
 export class TaxAuditResultImporter extends LitElement {
   static styles = [
+    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -21,16 +24,6 @@ export class TaxAuditResultImporter extends LitElement {
       ox-grist {
         flex: 1;
       }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
     `
   ]
 
@@ -60,21 +53,18 @@ export class TaxAuditResultImporter extends LitElement {
     ]
   }
 
-
   render() {
     return html`
       <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.columns}
-        .data=${
-          { 
-            records: this.taxAuditResults 
-          }
-        }
+        .data=${{
+          records: this.taxAuditResults
+        }}
       ></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>
     `
   }
@@ -94,4 +84,3 @@ export class TaxAuditResultImporter extends LitElement {
     this.dispatchEvent(new CustomEvent('imported'))
   }
 }
-

package/client/pages/tax-audit-result/tax-audit-result-list-page.ts

@@ -5,12 +5,7 @@ import { PageView, store } from '@operato/shell'
 import { css, html } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
 import { ScopedElementsMixin } from '@open-wc/scoped-elements'
-import {
-  ColumnConfig,
-  DataGrist,
-  FetchOption,
-  SortersControl
-} from '@operato/data-grist'
+import { ColumnConfig, DataGrist, FetchOption, SortersControl } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
@@ -24,7 +19,6 @@ import { TaxAuditResultImporter } from './tax-audit-result-importer'
 
 @customElement('tax-audit-result-list-page')
 export class TaxAuditResultListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
-
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -93,11 +87,7 @@ export class TaxAuditResultListPage extends connect(store)(localize(i18next)(Sco
     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
 
     return html`
-      <ox-grist
-        .mode=${mode}
-        .config=${this.gristConfig}
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      >
+      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
         <div slot="headroom">
           <div id="filters">
             <ox-filters-form autofocus></ox-filters-form>
@@ -105,7 +95,7 @@ export class TaxAuditResultListPage extends connect(store)(localize(i18next)(Sco
 
           <div id="sorters">
             Sort
-            <mwc-icon
+            <md-icon
               @click=${e => {
                 const target = e.currentTarget
                 this.sortersControl.open({
@@ -113,7 +103,7 @@ export class TaxAuditResultListPage extends connect(store)(localize(i18next)(Sco
                   top: target.offsetTop + target.offsetHeight
                 })
               }}
-              >expand_more</mwc-icon
+              >expand_more</md-icon
             >
             <ox-popup id="sorter-control">
               <ox-sorters-control> </ox-sorters-control>
@@ -121,9 +111,10 @@ export class TaxAuditResultListPage extends connect(store)(localize(i18next)(Sco
           </div>
 
           <div id="modes">
-            <mwc-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</mwc-icon>
-            <mwc-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</mwc-icon>
-            <mwc-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</mwc-icon>
+            <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>
+            <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>
+            <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>
+          </div>
           </div>
         </div>
       </ox-grist>
@@ -312,12 +303,7 @@ export class TaxAuditResultListPage extends connect(store)(localize(i18next)(Sco
 
   async exportHandler() {
     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records
-    const targetFieldSet = new Set([
-      'id',
-      'name',
-      'description',
-      'active'
-    ])
+    const targetFieldSet = new Set(['id', 'name', 'description', 'active'])
 
     return exportTargets.map(taxAuditResult => {
       let tempObj = {}
@@ -346,10 +332,9 @@ export class TaxAuditResultListPage extends connect(store)(localize(i18next)(Sco
         title: i18next.t('title.import tax-audit-result')
       }
     )
-    
+
     popup.onclosed = () => {
       this.grist.fetch()
     }
   }
 }
-

package/client/pages/tax-invoice/tax-invoice-detail-popup.ts

@@ -1,4 +1,3 @@
-import '@material/mwc-icon'
 import '@operato/data-grist'
 
 import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'

package/client/pages/tax-invoice-send/company-list-popup.ts

@@ -1,12 +1,15 @@
+import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 
 import { css, html, LitElement } from 'lit'
 import { property, query } from 'lit/decorators.js'
 import { DataGrist } from '@operato/data-grist'
 import { i18next } from '@operato/i18n'
+import { ButtonContainerStyles } from '@operato/styles'
 
 export class CompanyListPopup extends LitElement {
   static styles = [
+    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -18,16 +21,6 @@ export class CompanyListPopup extends LitElement {
       ox-grist {
         flex: 1;
       }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-        padding: var(--padding-default);
-      }
-
-      mwc-button {
-        margin-left: var(--margin-default);
-      }
     `
   ]
 
@@ -163,6 +156,9 @@ export class CompanyListPopup extends LitElement {
       selectable: {
         multiple: false
       },
+      handlers: {
+        click: 'select-row-toggle'
+      },
       appendable: false
     }
   }
@@ -178,7 +174,7 @@ export class CompanyListPopup extends LitElement {
       ></ox-grist>
 
       <div class="button-container">
-        <mwc-button raised @click="${this.select.bind(this)}">${i18next.t('button.select')}</mwc-button>
+        <button @click="${this.select.bind(this)}"><md-icon>select_check_box</md-icon>${i18next.t('button.select')}</button>
       </div>
     `
   }