@things-factory/accounting 7.0.2 → 8.0.0-alpha.1

package/client/activities/activity-book-edit.ts

@@ -25,7 +25,7 @@ export class ActivityBookView extends localize(i18next)(LitElement) {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       book-edit {

package/client/activities/activity-book-view.ts

@@ -25,7 +25,7 @@ export class ActivityBookView extends localize(i18next)(LitElement) {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       book-view {

package/client/activities/activity-expense-edit.ts

@@ -25,7 +25,7 @@ export class ActivityExpenseView extends localize(i18next)(LitElement) {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       expense-edit {

package/client/activities/activity-expense-view.ts

@@ -25,7 +25,7 @@ export class ActivityExpenseView extends localize(i18next)(LitElement) {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       expense-view {

package/client/pages/account/account-importer.ts

@@ -1,4 +1,3 @@
-import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 
 import gql from 'graphql-tag'
@@ -8,22 +7,30 @@ 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 AccountImporter extends LitElement {
   static styles = [
-    ButtonContainerStyles,
     css`
       :host {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       ox-grist {
         flex: 1;
       }
+
+      .button-container {
+        display: flex;
+        margin-left: auto;
+        padding: var(--padding-default);
+      }
+
+      mwc-button {
+        margin-left: var(--margin-default);
+      }
     `
   ]
 
@@ -53,18 +60,21 @@ export class AccountImporter extends LitElement {
     ]
   }
 
+
   render() {
     return html`
       <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.columns}
-        .data=${{
-          records: this.accounts
-        }}
+        .data=${
+          { 
+            records: this.accounts 
+          }
+        }
       ></ox-grist>
 
       <div class="button-container">
-        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
       </div>
     `
   }
@@ -84,3 +94,4 @@ export class AccountImporter extends LitElement {
     this.dispatchEvent(new CustomEvent('imported'))
   }
 }
+

package/client/pages/account/account-list-page.ts

@@ -96,7 +96,7 @@ export class AccountListPage extends connect(store)(localize(i18next)(ScopedElem
 
           <div id="sorters">
             Sort
-            <md-icon
+            <mwc-icon
               @click=${e => {
                 const target = e.currentTarget
                 this.sortersControl.open({
@@ -104,7 +104,7 @@ export class AccountListPage extends connect(store)(localize(i18next)(ScopedElem
                   top: target.offsetTop + target.offsetHeight
                 })
               }}
-              >expand_more</md-icon
+              >expand_more</mwc-icon
             >
             <ox-popup id="sorter-control">
               <ox-sorters-control> </ox-sorters-control>
@@ -112,10 +112,9 @@ export class AccountListPage extends connect(store)(localize(i18next)(ScopedElem
           </div>
 
           <div id="modes">
-            <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>
+            <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>
           </div>
         </div>
       </ox-grist>

package/client/pages/accounting-category/accounting-category-importer.ts

@@ -1,4 +1,3 @@
-import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 
 import gql from 'graphql-tag'
@@ -8,22 +7,30 @@ 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 AccountingCategoryImporter extends LitElement {
   static styles = [
-    ButtonContainerStyles,
     css`
       :host {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       ox-grist {
         flex: 1;
       }
+
+      .button-container {
+        display: flex;
+        margin-left: auto;
+        padding: var(--padding-default);
+      }
+
+      mwc-button {
+        margin-left: var(--margin-default);
+      }
     `
   ]
 
@@ -53,18 +60,21 @@ export class AccountingCategoryImporter extends LitElement {
     ]
   }
 
+
   render() {
     return html`
       <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.columns}
-        .data=${{
-          records: this.accountingCategories
-        }}
+        .data=${
+          { 
+            records: this.accountingCategories 
+          }
+        }
       ></ox-grist>
 
       <div class="button-container">
-        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
       </div>
     `
   }
@@ -84,3 +94,4 @@ export class AccountingCategoryImporter extends LitElement {
     this.dispatchEvent(new CustomEvent('imported'))
   }
 }
+

package/client/pages/accounting-category/accounting-category-list-page.ts

@@ -101,7 +101,7 @@ export class AccountingCategoryListPage extends connect(store)(localize(i18next)
 
           <div id="sorters">
             Sort
-            <md-icon
+            <mwc-icon
               @click=${e => {
                 const target = e.currentTarget
                 this.sortersControl.open({
@@ -109,7 +109,7 @@ export class AccountingCategoryListPage extends connect(store)(localize(i18next)
                   top: target.offsetTop + target.offsetHeight
                 })
               }}
-              >expand_more</md-icon
+              >expand_more</mwc-icon
             >
             <ox-popup id="sorter-control">
               <ox-sorters-control> </ox-sorters-control>
@@ -117,9 +117,9 @@ export class AccountingCategoryListPage extends connect(store)(localize(i18next)
           </div>
 
           <div id="modes">
-            <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>
+            <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>
           </div>
         </div>
       </ox-grist>

package/client/pages/financial-statement/financial-statement-importer.ts

@@ -1,4 +1,3 @@
-import '@material/web/icon/icon.js'
 import '@operato/data-grist'
 
 import gql from 'graphql-tag'
@@ -8,22 +7,30 @@ 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 FinancialStatementImporter extends LitElement {
   static styles = [
-    ButtonContainerStyles,
     css`
       :host {
         display: flex;
         flex-direction: column;
 
-        background-color: var(--md-sys-color-surface);
+        background-color: #fff;
       }
 
       ox-grist {
         flex: 1;
       }
+
+      .button-container {
+        display: flex;
+        margin-left: auto;
+        padding: var(--padding-default);
+      }
+
+      mwc-button {
+        margin-left: var(--margin-default);
+      }
     `
   ]
 
@@ -53,18 +60,21 @@ export class FinancialStatementImporter extends LitElement {
     ]
   }
 
+
   render() {
     return html`
       <ox-grist
         .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
         .config=${this.columns}
-        .data=${{
-          records: this.financialStatements
-        }}
+        .data=${
+          { 
+            records: this.financialStatements 
+          }
+        }
       ></ox-grist>
 
       <div class="button-container">
-        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
       </div>
     `
   }
@@ -84,3 +94,4 @@ export class FinancialStatementImporter extends LitElement {
     this.dispatchEvent(new CustomEvent('imported'))
   }
 }
+

package/client/pages/financial-statement/financial-statement-list-page.ts

@@ -101,7 +101,7 @@ export class FinancialStatementListPage extends connect(store)(localize(i18next)
 
           <div id="sorters">
             Sort
-            <md-icon
+            <mwc-icon
               @click=${e => {
                 const target = e.currentTarget
                 this.sortersControl.open({
@@ -109,7 +109,7 @@ export class FinancialStatementListPage extends connect(store)(localize(i18next)
                   top: target.offsetTop + target.offsetHeight
                 })
               }}
-              >expand_more</md-icon
+              >expand_more</mwc-icon
             >
             <ox-popup id="sorter-control">
               <ox-sorters-control> </ox-sorters-control>
@@ -117,10 +117,9 @@ export class FinancialStatementListPage extends connect(store)(localize(i18next)
           </div>
 
           <div id="modes">
-            <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>
+            <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>
           </div>
         </div>
       </ox-grist>

package/client/pages/fiscal-month/fiscal-month-importer.ts

@@ -0,0 +1,90 @@
+import '@material/web/icon/icon.js'
+import '@operato/data-grist'
+
+import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit'
+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 FiscalMonthImporter extends LitElement {
+  static styles = [
+    ButtonContainerStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      ox-grist {
+        flex: 1;
+      }
+    `
+  ]
+
+  @property({ type: Array }) fiscalMonths: any[] = []
+  @property({ type: Object }) columns = {
+    list: { fields: ['name', 'description'] },
+    pagination: { infinite: true },
+    columns: [
+      {
+        type: 'string',
+        name: 'name',
+        header: i18next.t('field.name'),
+        width: 150
+      },
+      {
+        type: 'string',
+        name: 'description',
+        header: i18next.t('field.description'),
+        width: 200
+      },
+      {
+        type: 'checkbox',
+        name: 'active',
+        header: i18next.t('field.active'),
+        width: 60
+      }
+    ]
+  }
+
+
+  render() {
+    return html`
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.columns}
+        .data=${
+          { 
+            records: this.fiscalMonths 
+          }
+        }
+      ></ox-grist>
+
+      <div class="button-container">
+        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+      </div>
+    `
+  }
+
+  async save() {
+    const response = await client.mutate({
+      mutation: gql`
+        mutation importFiscalMonths($fiscalMonths: [FiscalMonthPatch!]!) {
+          importFiscalMonths(fiscalMonths: $fiscalMonths)
+        }
+      `,
+      variables: { fiscalMonths: this.fiscalMonths }
+    })
+
+    if (response.errors?.length) return
+
+    this.dispatchEvent(new CustomEvent('imported'))
+  }
+}
+