@things-factory/tax-invoice 6.2.126 → 6.2.131

package/dist-client/pages/tax-invoice-send/supplier-list-popup.js

@@ -0,0 +1,209 @@
+import { __decorate, __metadata } from "tslib";
+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';
+export class SupplierListPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.supplierList = [];
+        this.columns = {
+            pagination: { infinite: true },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: false },
+                {
+                    type: 'string',
+                    name: 'name',
+                    header: i18next.t('field.name'),
+                    record: {
+                        editable: false
+                    },
+                    filter: 'search',
+                    sortable: true,
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'description',
+                    header: i18next.t('field.description'),
+                    record: {
+                        editable: false
+                    },
+                    filter: 'search',
+                    width: 200
+                },
+                {
+                    type: 'string',
+                    name: 'businessRegistrationNumber',
+                    header: i18next.t('field.business registration number'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'branchIdentification',
+                    header: i18next.t('field.branch identification'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'businessName',
+                    header: i18next.t('field.tax invoice business name'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'representativeName',
+                    header: i18next.t('field.tax invoice representative name'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'address',
+                    header: i18next.t('field.address'),
+                    record: {
+                        editable: false
+                    },
+                    width: 200
+                },
+                {
+                    type: 'string',
+                    name: 'businessType',
+                    header: i18next.t('field.business type'),
+                    record: {
+                        editable: false
+                    },
+                    width: 100
+                },
+                {
+                    type: 'string',
+                    name: 'industryType',
+                    header: i18next.t('field.industry type'),
+                    record: {
+                        editable: false
+                    },
+                    width: 100
+                },
+                {
+                    type: 'string',
+                    name: 'department',
+                    header: i18next.t('field.department'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'contactName',
+                    header: i18next.t('field.contact name'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'contactPhone',
+                    header: i18next.t('field.contact phone'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'contactEmail',
+                    header: i18next.t('field.contact email'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'contactCellPhone',
+                    header: i18next.t('field.contact cell phone'),
+                    record: {
+                        editable: false
+                    },
+                    width: 150
+                }
+            ],
+            rows: {
+                selectable: {
+                    multiple: false
+                },
+                appendable: false
+            }
+        };
+    }
+    render() {
+        return html `
+      <ox-grist
+        .mode=${'GRID'}
+        .config=${this.columns}
+        .data=${{
+            records: this.supplierList
+        }}
+      ></ox-grist>
+
+      <div class="button-container">
+        <mwc-button raised @click="${this.select.bind(this)}">${i18next.t('button.select')}</mwc-button>
+      </div>
+    `;
+    }
+    async select() {
+        this.dispatchEvent(new CustomEvent('selected', { detail: this.grist.selected[0] }));
+    }
+}
+SupplierListPopup.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);
+      }
+    `
+];
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], SupplierListPopup.prototype, "grist", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SupplierListPopup.prototype, "supplierList", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SupplierListPopup.prototype, "columns", void 0);
+//# sourceMappingURL=supplier-list-popup.js.map

package/dist-client/pages/tax-invoice-send/supplier-list-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"supplier-list-popup.js","sourceRoot":"","sources":["../../../client/pages/tax-invoice-send/supplier-list-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property, state, query } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { Supplier } from './tax-invoice-send-page'\n\nexport class SupplierListPopup extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n        padding: var(--padding-default);\n      }\n\n      mwc-button {\n        margin-left: var(--margin-default);\n      }\n    `\n  ]\n\n  @query('ox-grist') private grist!: DataGrist\n\n  @property({ type: Array }) supplierList: any[] = []\n  @property({ type: Object }) columns = {\n    pagination: { infinite: true },\n    columns: [\n      { type: 'gutter', gutterName: 'sequence' },\n      { type: 'gutter', gutterName: 'row-selector', multiple: false },\n      {\n        type: 'string',\n        name: 'name',\n        header: i18next.t('field.name'),\n        record: {\n          editable: false\n        },\n        filter: 'search',\n        sortable: true,\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'description',\n        header: i18next.t('field.description'),\n        record: {\n          editable: false\n        },\n        filter: 'search',\n        width: 200\n      },\n      {\n        type: 'string',\n        name: 'businessRegistrationNumber',\n        header: i18next.t('field.business registration number'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'branchIdentification',\n        header: i18next.t('field.branch identification'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'businessName',\n        header: i18next.t('field.tax invoice business name'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'representativeName',\n        header: i18next.t('field.tax invoice representative name'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'address',\n        header: i18next.t('field.address'),\n        record: {\n          editable: false\n        },\n        width: 200\n      },\n      {\n        type: 'string',\n        name: 'businessType',\n        header: i18next.t('field.business type'),\n        record: {\n          editable: false\n        },\n        width: 100\n      },\n      {\n        type: 'string',\n        name: 'industryType',\n        header: i18next.t('field.industry type'),\n        record: {\n          editable: false\n        },\n        width: 100\n      },\n      {\n        type: 'string',\n        name: 'department',\n        header: i18next.t('field.department'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactName',\n        header: i18next.t('field.contact name'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactPhone',\n        header: i18next.t('field.contact phone'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactEmail',\n        header: i18next.t('field.contact email'),\n        record: {\n          editable: false\n        },\n        width: 150\n      },\n      {\n        type: 'string',\n        name: 'contactCellPhone',\n        header: i18next.t('field.contact cell phone'),\n        record: {\n          editable: false\n        },\n        width: 150\n      }\n    ],\n    rows: {\n      selectable: {\n        multiple: false\n      },\n      appendable: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${'GRID'}\n        .config=${this.columns}\n        .data=${{\n          records: this.supplierList\n        }}\n      ></ox-grist>\n\n      <div class=\"button-container\">\n        <mwc-button raised @click=\"${this.select.bind(this)}\">${i18next.t('button.select')}</mwc-button>\n      </div>\n    `\n  }\n\n  async select() {\n    this.dispatchEvent(new CustomEvent('selected', { detail: this.grist.selected[0] }))\n  }\n}\n"]}

package/dist-client/pages/tax-invoice-send/tax-invoice-send-page.d.ts

@@ -1,7 +1,8 @@
 import '@operato/data-grist';
 import { PageView } from '@operato/shell';
 import { BusinessRegistrationCategory, Category, InvoiceType, Purpose } from '../tax-invoice/tax-invoice-list-page';
-interface Supplier {
+import { CompanyListPopup } from './company-list-popup';
+export interface Supplier {
     supplierBusinessRegistrationCategory: string;
     supplierBusinessRegistrationNumber: string;
     supplierBranchIdentification?: string;
@@ -70,6 +71,9 @@ interface TaxInvoiceItem {
 declare const TaxInvoiceSendPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class TaxInvoiceSendPage extends TaxInvoiceSendPage_base {
     static styles: import("lit").CSSResult[];
+    static get scopedElements(): {
+        'company-list-popup': typeof CompanyListPopup;
+    };
     private today;
     supplier: Supplier;
     buyer: Buyer;
@@ -99,6 +103,8 @@ export declare class TaxInvoiceSendPage extends TaxInvoiceSendPage_base {
     private _numberFormat;
     private _onInputTaxInvoice;
     private _onInputItem;
+    private _openSupplierPopup;
+    private _openBuyerPopup;
     private _onAddInvoiceItem;
     private _onRemoveInvoiceItem;
     private _setTaxInvoiceSummaryCalc;

package/dist-client/pages/tax-invoice-send/tax-invoice-send-page.js

@@ -10,6 +10,8 @@ import { i18next, localize } from '@operato/i18n';
 import { notify } from '@operato/layout';
 import gql from 'graphql-tag';
 import { BUSINESS_REGISTRATION_CATEGORY, BusinessRegistrationCategory, Category, INVOICE_TYPE, InvoiceType, PURPOSE, Purpose } from '../tax-invoice/tax-invoice-list-page';
+import { openPopup } from '@operato/layout';
+import { CompanyListPopup } from './company-list-popup';
 const SHORT_INVOICE_TYPE = {
     TAX_INVOICE: {
         [InvoiceType.TAX_INVOICE]: '일반',
@@ -67,6 +69,11 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         };
         this.taxInvoiceItems = [Object.assign({}, this.defaultTaxInvoiceItem)];
     }
+    static get scopedElements() {
+        return {
+            'company-list-popup': CompanyListPopup
+        };
+    }
     get context() {
         return {
             title: i18next.t('title.tax invoice send'),
@@ -113,6 +120,11 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
       </div>
 
       <div class="body">
+        <div class="header">
+          <span><button @click=${this._openSupplierPopup}>공급처 선택</button></span>
+          <span><button @click=${this._openBuyerPopup}>공급받는자 선택</button></span>
+        </div>
+
         <div class="data">
           <table class="supplier">
             <colgroup>
@@ -338,8 +350,8 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
     async _fetchSupplier() {
         const response = await client.query({
             query: gql `
-        query TaxInvoiceApi {
-          response: taxInvoiceApi {
+        query taxInvoiceDefaultCompany {
+          response: taxInvoiceDefaultCompany {
             businessRegistrationNumber
             branchIdentification
             businessName
@@ -479,6 +491,114 @@ let TaxInvoiceSendPage = class TaxInvoiceSendPage extends localize(i18next)(Scop
         }
         this.taxInvoiceItems[idx][target.name] = inputVal;
     }
+    async _openSupplierPopup() {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          responses: taxInvoiceApis(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              id
+              name: provider
+              businessRegistrationNumber
+              branchIdentification
+              businessName
+              representativeName
+              address
+              businessType
+              industryType
+              department
+              contactName
+              contactPhone
+              contactEmail
+              contactCellPhone
+            }
+          }
+        }
+      `
+        });
+        const items = response.data.responses.items || [];
+        openPopup(html `
+        <company-list-popup
+          .companyList=${items}
+          @selected=${e => {
+            this.supplier = {
+                supplierBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,
+                supplierBusinessRegistrationNumber: e.detail.businessRegistrationNumber || '',
+                supplierBranchIdentification: e.detail.branchIdentification || '',
+                supplierBusinessName: e.detail.businessName || '',
+                supplierRepresentativeName: e.detail.representativeName || '',
+                supplierAddress: e.detail.address || '',
+                supplierBusinessType: e.detail.businessType || '',
+                supplierIndustryType: e.detail.industryType || '',
+                supplierDepartment: e.detail.department || '',
+                supplierContactName: e.detail.contactName || '',
+                supplierContactPhone: e.detail.contactPhone || '',
+                supplierContactEmail: e.detail.contactEmail || '',
+                supplierContactCellPhone: e.detail.contactCellPhone || ''
+            };
+            history.back();
+        }}
+        >
+        </company-list-popup>
+      `, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.company list popup')
+        });
+    }
+    async _openBuyerPopup() {
+        const response = await client.query({
+            query: gql `
+        query TaxInvoiceBuyerList {
+          responses: taxInvoiceBuyerList {
+            id
+            name
+            businessRegistrationNumber
+            branchIdentification
+            businessName
+            representativeName
+            address
+            businessType
+            industryType
+            department
+            contactName
+            contactPhone
+            contactEmail
+            contactCellPhone
+          }
+        }
+      `
+        });
+        const items = response.data.responses || [];
+        openPopup(html `
+        <company-list-popup
+          .companyList=${items}
+          @selected=${e => {
+            this.buyer = {
+                buyerBusinessRegistrationCategory: BusinessRegistrationCategory.BUSINESS_REGISTRATION_NUMBER,
+                buyerBusinessRegistrationNumber: e.detail.businessRegistrationNumber || '',
+                buyerBranchIdentification: e.detail.branchIdentification || '',
+                buyerBusinessName: e.detail.businessName || '',
+                buyerRepresentativeName: e.detail.representativeName || '',
+                buyerAddress: e.detail.address || '',
+                buyerBusinessType: e.detail.businessType || '',
+                buyerIndustryType: e.detail.industryType || '',
+                buyer1stDepartment: e.detail.department || '',
+                buyer1stContactName: e.detail.contactName || '',
+                buyer1stContactPhone: e.detail.contactPhone || '',
+                buyer1stContactEmail: e.detail.contactEmail || '',
+                buyer1stContactCellPhone: e.detail.contactCellPhone || ''
+            };
+            history.back();
+        }}
+        >
+        </company-list-popup>
+      `, {
+            backdrop: true,
+            size: 'large',
+            title: i18next.t('title.company list popup')
+        });
+    }
     _onAddInvoiceItem(e) {
         e.preventDefault();
         if (this.taxInvoiceItems.length >= 16) {
@@ -634,6 +754,14 @@ TaxInvoiceSendPage.styles = [
           }
         }
 
+        div.header {
+          display: flex;
+
+          span {
+            flex: 1;
+          }
+        }
+
         div.info {
           margin-top: 15px;
           border: solid;