@things-factory/asset 0.0.0-stage → 10.1.230

package/dist-client/pages/investment-list.d.ts

@@ -0,0 +1,51 @@
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import { FetchOption } from '@operato/data-grist';
+import { PageView } from '@operato/shell';
+declare const InvestmentList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 보유 지분 — the companies the domain holds shares in (ADR-0175 decision 6), with where each holding stands now. A
+ * company opens to its holding day by day, its reports, what it asked of us and what the law asks of us.
+ */
+export declare class InvestmentList extends InvestmentList_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => string;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => void;
+        } | {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        })[];
+        exportable: {
+            name: string;
+            data: () => any[];
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    private save;
+}
+export {};

package/dist-client/pages/investment-list.js

@@ -0,0 +1,134 @@
+import { __decorate, __metadata } from "tslib";
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import gql from 'graphql-tag';
+import { html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { DataGrist, getEditor } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { navigate, PageView } from '@operato/shell';
+import { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+import { saveGrid } from '../grid.js';
+import { amountText, fieldWord, percentText } from '../words.js';
+const FIELDS = ['name', 'counterparty', 'country', 'registrationNo', 'currency', 'fiscalYearEndMonth', 'reportDueMonths', 'representative', 'active', 'description'];
+/**
+ * 보유 지분 — the companies the domain holds shares in (ADR-0175 decision 6), with where each holding stands now. A
+ * company opens to its holding day by day, its reports, what it asked of us and what the law asks of us.
+ */
+let InvestmentList = class InvestmentList extends localize(i18next)(PageView) {
+    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]; }
+    get context() {
+        return {
+            title: i18next.t('title.investment-list'),
+            search: { handler: (search) => (this.grist.searchText = search), value: this.grist?.searchText || '' },
+            filter: { handler: () => this.grist.toggleHeadroom() },
+            actions: [
+                { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop({ currency: 'KRW', active: true }) },
+                { title: i18next.t('button.delete'), action: () => this.save(true), ...CommonButtonStyles.delete },
+                { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }
+            ],
+            exportable: { name: i18next.t('title.investment-list'), data: () => this.grist.exportRecords() }
+        };
+    }
+    render() {
+        return html `<ox-grist class="page-fill" search-mode="term" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <div slot="headroom" class="header">
+        <div class="filters"><ox-filters-form without-search autofocus></ox-filters-form></div>
+      </div>
+    </ox-grist>`;
+    }
+    async pageInitialized() {
+        const editable = { editable: true };
+        const text = (name, width, extra = {}) => ({ type: 'string', name, header: fieldWord('investee', name), width, sortable: true, ...extra, record: { ...editable, ...extra.record } });
+        const int = (name, width) => ({ type: 'integer', name, header: fieldWord('investee', name), width, record: { ...editable, align: 'right' } });
+        const shown = (name, width, renderer) => ({ type: 'float', name, header: fieldWord('investee', name), width, record: { align: 'right', renderer } });
+        const open = (record) => record?.id && navigate(`investee-page?id=${record.id}`);
+        this.gristConfig = {
+            rows: { appendable: true, selectable: { multiple: true } },
+            pagination: { limit: 100, pages: [50, 100] },
+            emptyNote: { title: i18next.t('text.investee-empty'), description: i18next.t('text.investee-empty-description') },
+            list: { fields: ['name', 'ratio'], details: ['ourShares', 'totalShares'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                { type: 'gutter', gutterName: 'button', icon: 'open_in_new', handlers: { click: (_c, _d, _col, record) => open(record) } },
+                text('name', 180, { record: { mandatory: true } }),
+                /* Picked in the framework's resource picker - searched by name or business number, which one and nothing about it. */
+                {
+                    type: 'object',
+                    name: 'counterparty',
+                    header: fieldWord('investee', 'counterparty'),
+                    width: 160,
+                    record: {
+                        ...editable,
+                        editor: getEditor('resource-object'),
+                        options: {
+                            queryName: 'counterpartyChoices',
+                            select: [
+                                { name: 'id', hidden: true },
+                                { name: 'name', header: fieldWord('investee', 'counterparty'), width: 220 },
+                                { name: 'businessNumber', header: fieldWord('investee', 'business-number'), width: 130 }
+                            ]
+                        }
+                    }
+                },
+                shown('ourShares', 100, value => amountText(value)),
+                shown('totalShares', 110, value => amountText(value)),
+                shown('ratio', 80, value => percentText(value)),
+                text('country', 60, { record: { align: 'center' } }),
+                text('registrationNo', 140),
+                text('currency', 60, { record: { align: 'center' } }),
+                int('fiscalYearEndMonth', 80),
+                int('reportDueMonths', 80),
+                text('representative', 120),
+                { type: 'checkbox', name: 'active', header: fieldWord('investee', 'active'), width: 60, record: editable },
+                text('description', 200)
+            ],
+            sorters: [{ name: 'name' }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {
+          responses: investees(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {
+            items {
+              id name counterparty { id name } country registrationNo currency fiscalYearEndMonth reportDueMonths representative active description
+              ourShares totalShares ratio
+            }
+            total
+          }
+        }
+      `,
+            variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        return {
+            total: response.data.responses.total,
+            records: response.data.responses.items
+        };
+    }
+    async save(deleting = false) {
+        /* The picked counterparty goes as its id. */
+        const shape = ({ counterparty, ...patch }) => (counterparty === undefined ? patch : { ...patch, counterpartyId: counterparty?.id ?? null });
+        if (await saveGrid(this.grist, FIELDS, 'updateMultipleInvestee', 'InvesteePatch', {}, deleting, shape))
+            this.grist.fetch();
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], InvestmentList.prototype, "gristConfig", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], InvestmentList.prototype, "grist", void 0);
+InvestmentList = __decorate([
+    customElement('investment-list')
+], InvestmentList);
+export { InvestmentList };
+//# sourceMappingURL=investment-list.js.map

package/dist-client/pages/investment-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"investment-list.js","sourceRoot":"","sources":["../../client/pages/investment-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption, getEditor } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate, PageView } from '@operato/shell'\nimport { CommonButtonStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { saveGrid } from '../grid.js'\nimport { amountText, fieldWord, percentText } from '../words.js'\n\nconst FIELDS = ['name', 'counterparty', 'country', 'registrationNo', 'currency', 'fiscalYearEndMonth', 'reportDueMonths', 'representative', 'active', 'description']\n\n/**\n * 보유 지분 — the companies the domain holds shares in (ADR-0175 decision 6), with where each holding stands now. A\n * company opens to its holding day by day, its reports, what it asked of us and what the law asks of us.\n */\n@customElement('investment-list')\nexport class InvestmentList extends localize(i18next)(PageView) {\n  static styles = [WorkSurfacePageStyles, CommonGristStyles, CommonHeaderStyles, ScrollbarStyles]\n\n  @state() gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.investment-list'),\n      search: { handler: (search: string) => (this.grist.searchText = search), value: this.grist?.searchText || '' },\n      filter: { handler: () => this.grist.toggleHeadroom() },\n      actions: [\n        { title: i18next.t('button.add'), icon: 'add', action: () => this.grist.addRecordToTop({ currency: 'KRW', active: true }) },\n        { title: i18next.t('button.delete'), action: () => this.save(true), ...CommonButtonStyles.delete },\n        { title: i18next.t('button.save'), action: () => this.save(), ...CommonButtonStyles.save }\n      ],\n      exportable: { name: i18next.t('title.investment-list'), data: () => this.grist.exportRecords() }\n    }\n  }\n\n  render() {\n    return html`<ox-grist class=\"page-fill\" search-mode=\"term\" .mode=${isMobileDevice() ? 'CARD' : 'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n      <div slot=\"headroom\" class=\"header\">\n        <div class=\"filters\"><ox-filters-form without-search autofocus></ox-filters-form></div>\n      </div>\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    const editable = { editable: true }\n    const text = (name: string, width: number, extra: any = {}) => ({ type: 'string', name, header: fieldWord('investee', name), width, sortable: true, ...extra, record: { ...editable, ...extra.record } })\n    const int = (name: string, width: number) => ({ type: 'integer', name, header: fieldWord('investee', name), width, record: { ...editable, align: 'right' } })\n    const shown = (name: string, width: number, renderer: (value: any) => string) => ({ type: 'float', name, header: fieldWord('investee', name), width, record: { align: 'right', renderer } })\n    const open = (record: any) => record?.id && navigate(`investee-page?id=${record.id}`)\n    this.gristConfig = {\n      rows: { appendable: true, selectable: { multiple: true } },\n      pagination: { limit: 100, pages: [50, 100] },\n      emptyNote: { title: i18next.t('text.investee-empty'), description: i18next.t('text.investee-empty-description') },\n      list: { fields: ['name', 'ratio'], details: ['ourShares', 'totalShares'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        { type: 'gutter', gutterName: 'button', icon: 'open_in_new', handlers: { click: (_c: any, _d: any, _col: any, record: any) => open(record) } },\n        text('name', 180, { record: { mandatory: true } }),\n        /* Picked in the framework's resource picker - searched by name or business number, which one and nothing about it. */\n        {\n          type: 'object',\n          name: 'counterparty',\n          header: fieldWord('investee', 'counterparty'),\n          width: 160,\n          record: {\n            ...editable,\n            editor: getEditor('resource-object'),\n            options: {\n              queryName: 'counterpartyChoices',\n              select: [\n                { name: 'id', hidden: true },\n                { name: 'name', header: fieldWord('investee', 'counterparty'), width: 220 },\n                { name: 'businessNumber', header: fieldWord('investee', 'business-number'), width: 130 }\n              ]\n            }\n          }\n        },\n        shown('ourShares', 100, value => amountText(value)),\n        shown('totalShares', 110, value => amountText(value)),\n        shown('ratio', 80, value => percentText(value)),\n        text('country', 60, { record: { align: 'center' } }),\n        text('registrationNo', 140),\n        text('currency', 60, { record: { align: 'center' } }),\n        int('fiscalYearEndMonth', 80),\n        int('reportDueMonths', 80),\n        text('representative', 120),\n        { type: 'checkbox', name: 'active', header: fieldWord('investee', 'active'), width: 60, record: editable },\n        text('description', 200)\n      ],\n      sorters: [{ name: 'name' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!], $search: String) {\n          responses: investees(filters: $filters, pagination: $pagination, sortings: $sortings, search: $search) {\n            items {\n              id name counterparty { id name } country registrationNo currency fiscalYearEndMonth reportDueMonths representative active description\n              ourShares totalShares ratio\n            }\n            total\n          }\n        }\n      `,\n      variables: { filters, pagination: { page, limit }, sortings, search: search?.trim() || undefined },\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n    return {\n      total: response.data.responses.total,\n      records: response.data.responses.items\n    }\n  }\n\n  private async save(deleting = false) {\n    /* The picked counterparty goes as its id. */\n    const shape = ({ counterparty, ...patch }: any) => (counterparty === undefined ? patch : { ...patch, counterpartyId: counterparty?.id ?? null })\n    if (await saveGrid(this.grist, FIELDS, 'updateMultipleInvestee', 'InvesteePatch', {}, deleting, shape)) this.grist.fetch()\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: string): "asset-list" | "asset-reconciliation" | "investment-list" | "investee-page" | undefined;

package/dist-client/route.js

@@ -0,0 +1,18 @@
+/* The pages this module brings to an application that puts them in its menu (ADR-0175 decision 1). */
+export default function route(page) {
+    switch (page) {
+        case 'asset-list':
+            import('./pages/asset-list.js');
+            return page;
+        case 'asset-reconciliation':
+            import('./pages/asset-reconciliation.js');
+            return page;
+        case 'investment-list':
+            import('./pages/investment-list.js');
+            return page;
+        case 'investee-page':
+            import('./pages/investee-page.js');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,sGAAsG;AACtG,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAY;IACxC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,YAAY;YACf,MAAM,CAAC,uBAAuB,CAAC,CAAA;YAC/B,OAAO,IAAI,CAAA;QAEb,KAAK,sBAAsB;YACzB,MAAM,CAAC,iCAAiC,CAAC,CAAA;YACzC,OAAO,IAAI,CAAA;QAEb,KAAK,iBAAiB;YACpB,MAAM,CAAC,4BAA4B,CAAC,CAAA;YACpC,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,0BAA0B,CAAC,CAAA;YAClC,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["/* The pages this module brings to an application that puts them in its menu (ADR-0175 decision 1). */\nexport default function route(page: string) {\n  switch (page) {\n    case 'asset-list':\n      import('./pages/asset-list.js')\n      return page\n\n    case 'asset-reconciliation':\n      import('./pages/asset-reconciliation.js')\n      return page\n\n    case 'investment-list':\n      import('./pages/investment-list.js')\n      return page\n\n    case 'investee-page':\n      import('./pages/investee-page.js')\n      return page\n  }\n}\n"]}