@things-factory/accounting 6.0.46

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
+
+<!-- ## [Unreleased] -->

package/README.md

@@ -0,0 +1,31 @@
+# 회계 모듈
+
+회계 시스템은 회사가 경영 활동을 추적하고 재무 정보를 기록, 분석, 보고하는 데 필요한 프로세스와 도구의 집합입니다. 회계 시스템은 다음과 같이 구성됩니다.
+
+## 재무 회계
+
+재무 회계는 회사의 재무 상태와 수익성을 추적하는 데 사용됩니다. 이를 위해 회사는 자산, 부채, 자본과 같은 재무 상태표를 작성하며, 이익과 손실계산서를 작성하여 회사의 수익성을 파악합니다.
+
+## 관리 회계
+
+관리 회계는 회사의 내부 운영을 추적하고 분석하는 데 사용됩니다. 이를 위해 회사는 예산 및 비용 대비 분석, 생산성 분석 등의 보고서를 작성합니다.
+
+## 세무 회계
+
+세무 회계는 세무 관련 규정 및 법률을 준수하도록 회사를 지원합니다. 이를 위해 회사는 세금 신고 및 세금 부과에 필요한 보고서를 작성합니다.
+
+## 자산 관리
+
+자산 관리는 회사의 자산을 추적하고 관리하는 데 사용됩니다. 이를 위해 회사는 재고 및 고정 자산 등의 자산 추적 보고서를 작성합니다.
+
+## 결제 처리
+
+결제 처리는 고객이 지불한 금액과 회사가 지출한 금액을 추적하는 데 사용됩니다. 이를 위해 회사는 송장 및 지출 내역 등의 결제 처리 보고서를 작성합니다.
+
+## 예산 및 예산 관리
+
+예산 및 예산 관리는 회사의 재정 상태와 예산을 관리하는 데 사용됩니다. 이를 위해 회사는 예산 보고서 및 예산 대비 실적 분석 보고서를 작성합니다.
+
+## 재무 분석
+
+재무 분석은 회사의 재무 상태를 분석하고 개선 방안을 제시하는 데 사용됩니다. 이를 위해 회사는 재무 비율 및 통계 보고서를 작성합니다.

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

@@ -0,0 +1,88 @@
+/* 
+Add the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.
+--
+import './activities/book-edit.js' // refered by the activity template (activity-book) on server
+*/
+
+import '../components/book-edit.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 { BookView } from '../components/book-edit.js'
+
+@customElement('activity-book-edit')
+export class ActivityBookView extends localize(i18next)(LitElement) {
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      book-edit {
+        flex: 1;
+        padding: 10px;
+        overflow: auto;
+      }
+    `
+  ]
+
+  @property({ type: Object }) input?: any
+  @property({ type: Object }) output?: any
+
+  @state() book?: any //Book
+
+  // @query('book-edit') bookView!: BookView
+
+  render() {
+    return html` <book-edit .book=${this.book} .value=${this.output} @change=${this.onChange}></book-edit> `
+  }
+
+  async onChange() {
+    // this.output = this.bookView.value
+
+    this.dispatchEvent(
+      new CustomEvent('change', {
+        detail: this.output
+      })
+    )
+  }
+
+  updated(changes) {
+    if (changes.has('input')) {
+      this.fetchBook()
+    }
+  }
+
+  async fetchBook() {
+    const id = this.input.bookId
+
+    if (id) {
+      const response = await client.query({
+        query: gql`
+          query ($id: String!) {
+            book(id: $id) {
+              id
+              name
+              description
+            }
+          }
+        `,
+        variables: {
+          id
+        }
+      })
+
+      this.book = response.data.book
+    }
+  }
+}

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

@@ -0,0 +1,88 @@
+/* 
+Add the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.
+--
+import './activities/book-view.js' // refered by the activity template (activity-data-collect) on server
+*/
+
+import '../components/book-view.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 { BookView } from '../components/book-view.js'
+
+@customElement('activity-book-view')
+export class ActivityBookView extends localize(i18next)(LitElement) {
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      book-view {
+        flex: 1;
+        padding: 10px;
+        overflow: auto;
+      }
+    `
+  ]
+
+  @property({ type: Object }) input?: any
+  @property({ type: Object }) output?: any
+
+  @state() book?: any //Book
+
+  // @query('book-view') bookView!: BookView
+
+  render() {
+    return html` <book-view .book=${this.book} .value=${this.output} @change=${this.onChange}></book-view> `
+  }
+
+  async onChange() {
+    // this.output = this.bookView.value
+
+    this.dispatchEvent(
+      new CustomEvent('change', {
+        detail: this.output
+      })
+    )
+  }
+
+  updated(changes) {
+    if (changes.has('input')) {
+      this.fetchBook()
+    }
+  }
+
+  async fetchBook() {
+    const id = this.input.bookId
+
+    if (id) {
+      const response = await client.query({
+        query: gql`
+          query ($id: String!) {
+            book(id: $id) {
+              id
+              name
+              description
+            }
+          }
+        `,
+        variables: {
+          id
+        }
+      })
+
+      this.book = response.data.book
+    }
+  }
+}

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

@@ -0,0 +1,88 @@
+/* 
+Add the following line to clinet/bootstrap.ts so that activity editor can be registered when loading a module.
+--
+import './activities/expense-edit.js' // refered by the activity template (activity-expense) on server
+*/
+
+import '../components/expense-edit.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 { ExpenseView } from '../components/expense-edit.js'
+
+@customElement('activity-expense-edit')
+export class ActivityExpenseView extends localize(i18next)(LitElement) {
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      expense-edit {
+        flex: 1;
+        padding: 10px;
+        overflow: auto;
+      }
+    `
+  ]
+
+  @property({ type: Object }) input?: any
+  @property({ type: Object }) output?: any
+
+  @state() expense?: any //Expense
+
+  // @query('expense-edit') expenseView!: ExpenseView
+
+  render() {
+    return html` <expense-edit .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-edit> `
+  }
+
+  async onChange() {
+    // this.output = this.expenseView.value
+
+    this.dispatchEvent(
+      new CustomEvent('change', {
+        detail: this.output
+      })
+    )
+  }
+
+  updated(changes) {
+    if (changes.has('input')) {
+      this.fetchExpense()
+    }
+  }
+
+  async fetchExpense() {
+    const id = this.input.expenseId
+
+    if (id) {
+      const response = await client.query({
+        query: gql`
+          query ($id: String!) {
+            expense(id: $id) {
+              id
+              name
+              description
+            }
+          }
+        `,
+        variables: {
+          id
+        }
+      })
+
+      this.expense = response.data.expense
+    }
+  }
+}

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

@@ -0,0 +1,88 @@
+/* 
+Add the following line to clinet/bootstrap.ts so that activity view can be registered when loading a module.
+--
+import './activities/expense-view.js' // refered by the activity template (activity-data-collect) on server
+*/
+
+import '../components/expense-view.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 { ExpenseView } from '../components/expense-view.js'
+
+@customElement('activity-expense-view')
+export class ActivityExpenseView extends localize(i18next)(LitElement) {
+  static styles = [
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: #fff;
+      }
+
+      expense-view {
+        flex: 1;
+        padding: 10px;
+        overflow: auto;
+      }
+    `
+  ]
+
+  @property({ type: Object }) input?: any
+  @property({ type: Object }) output?: any
+
+  @state() expense?: any //Expense
+
+  // @query('expense-view') expenseView!: ExpenseView
+
+  render() {
+    return html` <expense-view .expense=${this.expense} .value=${this.output} @change=${this.onChange}></expense-view> `
+  }
+
+  async onChange() {
+    // this.output = this.expenseView.value
+
+    this.dispatchEvent(
+      new CustomEvent('change', {
+        detail: this.output
+      })
+    )
+  }
+
+  updated(changes) {
+    if (changes.has('input')) {
+      this.fetchExpense()
+    }
+  }
+
+  async fetchExpense() {
+    const id = this.input.expenseId
+
+    if (id) {
+      const response = await client.query({
+        query: gql`
+          query ($id: String!) {
+            expense(id: $id) {
+              id
+              name
+              description
+            }
+          }
+        `,
+        variables: {
+          id
+        }
+      })
+
+      this.expense = response.data.expense
+    }
+  }
+}

package/client/bootstrap.ts

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

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

@@ -0,0 +1,97 @@
+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'
+
+export class AccountImporter extends LitElement {
+  static styles = [
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        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);
+      }
+    `
+  ]
+
+  @property({ type: Array }) accounts: 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.accounts 
+          }
+        }
+      ></ox-grist>
+
+      <div class="button-container">
+        <mwc-button raised @click="${this.save.bind(this)}">${i18next.t('button.save')}</mwc-button>
+      </div>
+    `
+  }
+
+  async save() {
+    const response = await client.mutate({
+      mutation: gql`
+        mutation importAccounts($accounts: [AccountPatch!]!) {
+          importAccounts(accounts: $accounts)
+        }
+      `,
+      variables: { accounts: this.accounts }
+    })
+
+    if (response.errors?.length) return
+
+    this.dispatchEvent(new CustomEvent('imported'))
+  }
+}
+