npm - @dssp/dkpi - Versions diffs - 1.0.0-y.0 → 1.0.1 - Mend

@dssp/dkpi 1.0.0-y.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (213) hide show

package/dist-client/pages/kpi-dashboard/kpi-performance-summary.js ADDED Viewed

@@ -0,0 +1,147 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+let KpiPerformanceSummary = class KpiPerformanceSummary extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.kpis = [];
+        this.loading = true;
+        this.error = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.fetchKpis();
+    }
+    async fetchKpis() {
+        this.loading = true;
+        this.error = '';
+        try {
+            const response = await client.query({
+                query: gql `
+          query {
+            kpis {
+              items {
+                id
+                name
+                description
+                value
+                targetValue
+                unit
+              }
+              total
+            }
+          }
+        `
+            });
+            this.kpis = (response.data.kpis.items || []).map(kpi => {
+                var _a, _b, _c, _d;
+                // value가 JSON 형태로 반환되므로 적절히 처리
+                let value = '-';
+                if (kpi.value && typeof kpi.value === 'object') {
+                    value = (_b = (_a = kpi.value.value) !== null && _a !== void 0 ? _a : kpi.value.latestValue) !== null && _b !== void 0 ? _b : '-';
+                }
+                else if (kpi.value) {
+                    value = kpi.value;
+                }
+                return {
+                    name: kpi.name,
+                    value: value,
+                    target: (_c = kpi.targetValue) !== null && _c !== void 0 ? _c : '-',
+                    unit: (_d = kpi.unit) !== null && _d !== void 0 ? _d : ''
+                };
+            });
+        }
+        catch (e) {
+            this.error = 'KPI 데이터를 불러오지 못했습니다.';
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        if (this.loading) {
+            return html `<div class="summary-container">로딩 중...</div>`;
+        }
+        if (this.error) {
+            return html `<div class="summary-container">${this.error}</div>`;
+        }
+        return html `
+      <div class="summary-container">
+        <div class="summary-title">KPI 실적 현황</div>
+        <div class="kpi-cards">
+          ${this.kpis.map(kpi => html `
+              <div class="kpi-card">
+                <div class="kpi-name">${kpi.name}</div>
+                <div class="kpi-value">${kpi.value}${kpi.unit}</div>
+                <div class="kpi-target">목표: ${kpi.target}${kpi.unit}</div>
+              </div>
+            `)}
+        </div>
+      </div>
+    `;
+    }
+};
+KpiPerformanceSummary.styles = css `
+    .summary-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .summary-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .kpi-cards {
+      display: flex;
+      gap: 24px;
+      flex-wrap: wrap;
+    }
+    .kpi-card {
+      background: #f7f7fa;
+      border-radius: 12px;
+      padding: 24px 32px;
+      min-width: 220px;
+      flex: 1;
+      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .kpi-name {
+      font-size: 1.1rem;
+      font-weight: 500;
+      margin-bottom: 8px;
+    }
+    .kpi-value {
+      font-size: 2.2rem;
+      font-weight: bold;
+      color: #3a3ad6;
+      margin-bottom: 4px;
+    }
+    .kpi-target {
+      font-size: 1rem;
+      color: #888;
+    }
+  `;
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], KpiPerformanceSummary.prototype, "kpis", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiPerformanceSummary.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiPerformanceSummary.prototype, "error", void 0);
+KpiPerformanceSummary = __decorate([
+    customElement('kpi-performance-summary')
+], KpiPerformanceSummary);
+export { KpiPerformanceSummary };
+//# sourceMappingURL=kpi-performance-summary.js.map

package/dist-client/pages/kpi-dashboard/kpi-performance-summary.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-performance-summary.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-performance-summary.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-performance-summary')\nexport class KpiPerformanceSummary extends LitElement {\n static styles = css`\n .summary-container {\n background: #fff;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n margin-bottom: 16px;\n }\n .summary-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .kpi-cards {\n display: flex;\n gap: 24px;\n flex-wrap: wrap;\n }\n .kpi-card {\n background: #f7f7fa;\n border-radius: 12px;\n padding: 24px 32px;\n min-width: 220px;\n flex: 1;\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n .kpi-name {\n font-size: 1.1rem;\n font-weight: 500;\n margin-bottom: 8px;\n }\n .kpi-value {\n font-size: 2.2rem;\n font-weight: bold;\n color: #3a3ad6;\n margin-bottom: 4px;\n }\n .kpi-target {\n font-size: 1rem;\n color: #888;\n }\n `\n\n @state() kpis: Array<{ name: string; value: string | number; target: string | number; unit: string }> = []\n @state() loading = true\n @state() error = ''\n\n connectedCallback() {\n super.connectedCallback()\n this.fetchKpis()\n }\n\n async fetchKpis() {\n this.loading = true\n this.error = ''\n try {\n const response = await client.query({\n query: gql`\n query {\n kpis {\n items {\n id\n name\n description\n value\n targetValue\n unit\n }\n total\n }\n }\n `\n })\n this.kpis = (response.data.kpis.items || []).map(kpi => {\n // value가 JSON 형태로 반환되므로 적절히 처리\n let value = '-'\n if (kpi.value && typeof kpi.value === 'object') {\n value = kpi.value.value ?? kpi.value.latestValue ?? '-'\n } else if (kpi.value) {\n value = kpi.value\n }\n\n return {\n name: kpi.name,\n value: value,\n target: kpi.targetValue ?? '-',\n unit: kpi.unit ?? ''\n }\n })\n } catch (e) {\n this.error = 'KPI 데이터를 불러오지 못했습니다.'\n } finally {\n this.loading = false\n }\n }\n\n render() {\n if (this.loading) {\n return html`<div class=\"summary-container\">로딩 중...</div>`\n }\n if (this.error) {\n return html`<div class=\"summary-container\">${this.error}</div>`\n }\n return html`\n <div class=\"summary-container\">\n <div class=\"summary-title\">KPI 실적 현황</div>\n <div class=\"kpi-cards\">\n ${this.kpis.map(\n kpi => html`\n <div class=\"kpi-card\">\n <div class=\"kpi-name\">${kpi.name}</div>\n <div class=\"kpi-value\">${kpi.value}${kpi.unit}</div>\n <div class=\"kpi-target\">목표: ${kpi.target}${kpi.unit}</div>\n </div>\n `\n )}\n </div>\n </div>\n `\n }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-value-entry.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class KpiValueEntry extends LitElement {
+    static styles: import("lit").CSSResult;
+    value: string;
+    render(): import("lit-html").TemplateResult<1>;
+    onSubmit(e: Event): void;
+}

package/dist-client/pages/kpi-dashboard/kpi-value-entry.js ADDED Viewed

@@ -0,0 +1,86 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiValueEntry = class KpiValueEntry extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+    }
+    render() {
+        return html `
+      <div class="entry-container">
+        <div class="entry-title">KPI 실적 수동입력/자동집계</div>
+        <form class="entry-form" @submit=${this.onSubmit}>
+          <input
+            class="entry-input"
+            type="text"
+            .value=${this.value}
+            @input=${e => (this.value = e.target.value)}
+            placeholder="실적값 입력"
+          />
+          <button class="entry-btn" type="submit">저장</button>
+        </form>
+        <div class="entry-note">자동집계는 스케줄에 따라 별도 처리됩니다.</div>
+      </div>
+    `;
+    }
+    onSubmit(e) {
+        e.preventDefault();
+        // TODO: 저장 로직 구현
+        alert(`입력값: ${this.value}`);
+        this.value = '';
+    }
+};
+KpiValueEntry.styles = css `
+    .entry-container {
+      background: #fff;
+      border-radius: 16px;
+      padding: 32px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      margin-bottom: 16px;
+    }
+    .entry-title {
+      font-size: 1.5rem;
+      font-weight: bold;
+      margin-bottom: 16px;
+    }
+    .entry-form {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+    }
+    .entry-input {
+      padding: 8px 12px;
+      border-radius: 8px;
+      border: 1px solid #ccc;
+      font-size: 1rem;
+      width: 120px;
+    }
+    .entry-btn {
+      padding: 8px 20px;
+      border-radius: 8px;
+      background: #3a3ad6;
+      color: #fff;
+      border: none;
+      font-size: 1rem;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    .entry-btn:hover {
+      background: #2222aa;
+    }
+    .entry-note {
+      font-size: 0.95rem;
+      color: #888;
+      margin-top: 8px;
+    }
+  `;
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiValueEntry.prototype, "value", void 0);
+KpiValueEntry = __decorate([
+    customElement('kpi-value-entry')
+], KpiValueEntry);
+export { KpiValueEntry };
+//# sourceMappingURL=kpi-value-entry.js.map

package/dist-client/pages/kpi-dashboard/kpi-value-entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-value-entry.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-value-entry.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA8CI,UAAK,GAAG,EAAE,CAAA;IA2BrB,CAAC;IAzBC,MAAM;QACJ,OAAO,IAAI,CAAA;;;2CAG4B,IAAI,CAAC,QAAQ;;;;qBAInC,IAAI,CAAC,KAAK;qBACV,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;KAOlD,CAAA;IACH,CAAC;IAED,QAAQ,CAAC,CAAQ;QACf,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,iBAAiB;QACjB,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;QAC3B,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;IACjB,CAAC;;AAvEM,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2ClB,AA3CY,CA2CZ;AAEQ;IAAR,KAAK,EAAE;;4CAAW;AA9CR,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAyEzB","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-value-entry')\nexport class KpiValueEntry extends LitElement {\n static styles = css`\n .entry-container {\n background: #fff;\n border-radius: 16px;\n padding: 32px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n margin-bottom: 16px;\n }\n .entry-title {\n font-size: 1.5rem;\n font-weight: bold;\n margin-bottom: 16px;\n }\n .entry-form {\n display: flex;\n gap: 12px;\n align-items: center;\n }\n .entry-input {\n padding: 8px 12px;\n border-radius: 8px;\n border: 1px solid #ccc;\n font-size: 1rem;\n width: 120px;\n }\n .entry-btn {\n padding: 8px 20px;\n border-radius: 8px;\n background: #3a3ad6;\n color: #fff;\n border: none;\n font-size: 1rem;\n cursor: pointer;\n transition: background 0.2s;\n }\n .entry-btn:hover {\n background: #2222aa;\n }\n .entry-note {\n font-size: 0.95rem;\n color: #888;\n margin-top: 8px;\n }\n `\n\n @state() value = ''\n\n render() {\n return html`\n <div class=\"entry-container\">\n <div class=\"entry-title\">KPI 실적 수동입력/자동집계</div>\n <form class=\"entry-form\" @submit=${this.onSubmit}>\n <input\n class=\"entry-input\"\n type=\"text\"\n .value=${this.value}\n @input=${e => (this.value = e.target.value)}\n placeholder=\"실적값 입력\"\n />\n <button class=\"entry-btn\" type=\"submit\">저장</button>\n </form>\n <div class=\"entry-note\">자동집계는 스케줄에 따라 별도 처리됩니다.</div>\n </div>\n `\n }\n\n onSubmit(e: Event) {\n e.preventDefault()\n // TODO: 저장 로직 구현\n alert(`입력값: ${this.value}`)\n this.value = ''\n }\n}\n"]}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-editor-page.d.ts CHANGED Viewed

@@ -3,11 +3,10 @@ import '@material/web/button/elevated-button.js';
 import '@material/web/textfield/outlined-text-field.js';
 import { PageView } from '@operato/shell';
 declare const KpiMetricValueEditorPage_base: (new (...args: any[]) => {
-    _storeUnsubscribe: import("redux").Unsubscribe;
+    _storeUnsubscribe: () => void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     stateChanged(_state: unknown): void;
-    readonly isConnected: boolean;
 }) & (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 KpiMetricValueEditorPage extends KpiMetricValueEditorPage_base {
     static styles: import("lit").CSSResult[];

package/dist-client/pages/kpi-metric-value/kpi-metric-value-editor-page.js CHANGED Viewed

@@ -3,14 +3,13 @@ import '@material/web/icon/icon.js';
 import '@material/web/button/elevated-button.js';
 import '@material/web/textfield/outlined-text-field.js';
 import { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
-import { PageView, store } from '@operato/shell';
+import { PageView, store, connect } from '@operato/shell';
 import { css, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify } from '@operato/layout';
-import { connect } from 'pwa-helpers/connect-mixin';
 import gql from 'graphql-tag';
 let KpiMetricValueEditorPage = class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
     constructor() {
@@ -180,7 +179,6 @@ let KpiMetricValueEditorPage = class KpiMetricValueEditorPage extends connect(st
             value = (_h = metric.values[date]) === null || _h === void 0 ? void 0 : _h.value;
         }
         if (isEditing) {
-            console.log('Rendering input for editing, value:', value);
             return html `
         <input
           type="number"
@@ -353,9 +351,7 @@ let KpiMetricValueEditorPage = class KpiMetricValueEditorPage extends connect(st
                             });
                         }
                         else {
-                            console.log('Creating new value for metric:', metric.metricName, 'periodType:', metric.periodType, 'date:', date);
                             const normalizedDate = this._normalizeDateByPeriodType(date, metric.periodType);
-                            console.log('Normalized date:', normalizedDate);
                             patches.push({
                                 metricId: metric.metricId,
                                 valueDate: normalizedDate,
@@ -372,7 +368,6 @@ let KpiMetricValueEditorPage = class KpiMetricValueEditorPage extends connect(st
                 return;
             }
             // 디버깅: patches 내용 확인
-            console.log('Sending patches:', patches);
             // 단일 mutation으로 생성과 업데이트 처리
             const response = await client.mutate({
                 mutation: gql `
@@ -453,11 +448,9 @@ let KpiMetricValueEditorPage = class KpiMetricValueEditorPage extends connect(st
         return new Date(dateObj.getFullYear(), 0, 1).toLocaleDateString('sv-SE');
     }
     _normalizeDateByPeriodType(date, periodType) {
-        console.log('Normalizing date:', date, 'for periodType:', periodType);
         const dateObj = new Date(date);
         switch (periodType) {
             case 'DAY':
-                console.log('DAY - returning original date:', date);
                 return date; // 그대로 사용
             case 'WEEK':
                 // 해당 주의 월요일로 설정
@@ -466,26 +459,21 @@ let KpiMetricValueEditorPage = class KpiMetricValueEditorPage extends connect(st
                 const monday = new Date(dateObj);
                 monday.setDate(dateObj.getDate() - daysToMonday);
                 const weeklyDate = monday.toLocaleDateString('sv-SE');
-                console.log('WEEK - returning monday:', weeklyDate);
                 return weeklyDate;
             case 'MONTH':
                 // 년-월 형식으로 설정 (예: "2025-01")
                 const monthlyDate = `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`;
-                console.log('MONTH - returning year-month format:', monthlyDate);
                 return monthlyDate;
             case 'QUARTER':
                 // 분기 형식으로 설정 (예: "2025-Q1")
                 const quarter = Math.floor(dateObj.getMonth() / 3) + 1;
                 const quarterlyDate = `${dateObj.getFullYear()}-Q${quarter}`;
-                console.log('QUARTER - returning quarter format:', quarterlyDate);
                 return quarterlyDate;
             case 'YEAR':
                 // 년도 형식으로 설정 (예: "2025")
                 const yearlyDate = `${dateObj.getFullYear()}`;
-                console.log('YEAR - returning year format:', yearlyDate);
                 return yearlyDate;
             default:
-                console.log('DEFAULT - returning original date:', date);
                 return date; // 기본값
         }
     }

package/dist-client/pages/kpi-metric-value/kpi-metric-value-editor-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"kpi-metric-value-editor-page.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-editor-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\ninterface KpiMetricValueData {\n metricId: string\n metricName: string\n periodType: string\n values: { [date: string]: { value: number \| null; isDirty?: boolean } }\n}\n\ninterface EditorCell {\n date: string\n value: number \| null\n isEditable: boolean\n isHighlighted: boolean\n}\n\n@customElement('kpi-metric-value-editor-page')\nexport class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n static styles = [\n CommonHeaderStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n padding: 20px;\n overflow-x: auto;\n }\n\n .header {\n display: flex;\n gap: 16px;\n align-items: center;\n margin-bottom: 20px;\n padding: 16px;\n background: var(--md-sys-color-surface-container);\n border-radius: 8px;\n }\n\n .controls {\n display: flex;\n gap: 12px;\n align-items: center;\n }\n\n .table-container {\n flex: 1;\n overflow: auto;\n border: 1px solid var(--md-sys-color-outline);\n border-radius: 8px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n min-width: max-content;\n }\n\n th {\n background: var(--md-sys-color-surface-container-low);\n font-weight: 500;\n padding: 8px 12px;\n border: 1px solid var(--md-sys-color-outline-variant);\n min-width: 80px;\n height: 120px;\n vertical-align: middle;\n }\n\n td {\n padding: 8px 12px;\n border: 1px solid var(--md-sys-color-outline-variant);\n min-width: 80px;\n height: 60px;\n text-align: right;\n vertical-align: middle;\n }\n\n .metric-header {\n position: sticky;\n left: 0;\n top: 0;\n z-index: 3;\n }\n\n .metric-name {\n position: sticky;\n left: 0;\n background: var(--md-sys-color-surface);\n font-weight: 500;\n min-width: 200px;\n text-align: left;\n z-index: 2;\n }\n\n tr:hover {\n background: var(--md-sys-color-surface-container-high);\n }\n\n th.date-header {\n position: sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n font-size: 11px;\n color: var(--md-sys-color-on-surface-variant);\n writing-mode: vertical-rl;\n text-orientation: mixed;\n min-height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n td.editable-cell {\n cursor: pointer;\n background: var(--md-sys-color-primary-container);\n color: var(--md-sys-color-on-primary-container);\n }\n\n td.editable-cell:hover {\n background: var(--md-sys-color-primary-container-high);\n }\n\n td.highlighted-cell {\n background: var(--md-sys-color-secondary-container);\n color: var(--md-sys-color-on-secondary-container);\n font-weight: 500;\n }\n\n td.highlighted-cell:hover {\n background: var(--md-sys-color-secondary-container-high);\n }\n\n td.disabled-cell {\n background: var(--md-sys-color-surface-container);\n color: var(--md-sys-color-on-surface-variant);\n cursor: not-allowed;\n }\n\n .value-input {\n width: 100%;\n text-align: center;\n border: none;\n background: transparent;\n color: inherit;\n font-size: 12px;\n padding: 2px;\n }\n\n .value-input:focus {\n outline: 2px solid var(--md-sys-color-primary);\n border-radius: 4px;\n }\n\n .period-type-badge {\n font-size: 10px;\n padding: 2px 6px;\n border-radius: 4px;\n background: var(--md-sys-color-tertiary-container);\n color: var(--md-sys-color-on-tertiary-container);\n margin-left: 8px;\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 200px;\n color: var(--md-sys-color-on-surface-variant);\n }\n\n .error {\n color: var(--md-sys-color-error);\n padding: 16px;\n text-align: center;\n }\n\n .legend {\n display: flex;\n gap: 16px;\n margin-top: 16px;\n font-size: 12px;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .legend-color {\n width: 16px;\n height: 16px;\n border-radius: 2px;\n }\n `\n ]\n\n @property({ type: String }) org: string = ''\n @property({ type: String }) startDate: string = ''\n @property({ type: String }) endDate: string = ''\n\n @state() private metrics: KpiMetricValueData[] = []\n @state() private dates: string[] = []\n @state() private loading: boolean = false\n @state() private error: string = ''\n @state() private editingCell: { metricId: string; date: string } \| null = null\n @state() private _existingValues: any[] = []\n\n get context() {\n return {\n title: i18next.t('title.kpi metric value editor'),\n actions: [\n {\n title: i18next.t('button.save'),\n action: this._saveValues.bind(this),\n ...CommonButtonStyles.save\n },\n {\n title: i18next.t('button.cancel'),\n action: this._cancel.bind(this),\n ...CommonButtonStyles.cancel\n }\n ]\n }\n }\n\n render() {\n if (this.loading) {\n return html`\n <div class=\"loading\">\n <md-icon>hourglass_empty</md-icon>\n <span>데이터를 불러오는 중...</span>\n </div>\n `\n }\n\n if (this.error) {\n return html`\n <div class=\"error\">\n <md-icon>error</md-icon>\n <span>${this.error}</span>\n </div>\n `\n }\n\n return html`\n <div class=\"header\">\n <div class=\"controls\">\n <md-outlined-text-field\n label=\"그룹\"\n .value=${this.org}\n @input=${(e: any) => (this.org = e.target.value)}\n style=\"width: 150px;\"\n ></md-outlined-text-field>\n\n <md-outlined-text-field\n label=\"시작일\"\n type=\"date\"\n .value=${this.startDate}\n @input=${(e: any) => (this.startDate = e.target.value)}\n style=\"width: 150px;\"\n ></md-outlined-text-field>\n\n <md-outlined-text-field\n label=\"종료일\"\n type=\"date\"\n .value=${this.endDate}\n @input=${(e: any) => (this.endDate = e.target.value)}\n style=\"width: 150px;\"\n ></md-outlined-text-field>\n\n <md-elevated-button @click=${this._loadData}>\n <md-icon slot=\"icon\">refresh</md-icon>\n 새로고침\n </md-elevated-button>\n </div>\n </div>\n\n <div class=\"table-container\">\n <table style=\"border-collapse: collapse; width: 100%;\">\n <thead>\n <tr>\n <th\n style=\"border: 1px solid #ccc; padding: 8px; background: #f5f5f5; min-width: 200px; left: 0; top: 0;\"\n class=\"metric-header\"\n >\n Metric명\n </th>\n ${this.dates.map(\n date => html`\n <th\n style=\"border: 1px solid #ccc; padding: 8px; background: #f5f5f5; min-width: 80px; position: sticky; top: 0;\"\n >\n ${this._formatDate(date)}\n </th>\n `\n )}\n </tr>\n </thead>\n <tbody>\n ${this.metrics.map(\n metric => html`\n <tr>\n <td\n style=\"border: 1px solid #ccc; padding: 8px; background: #fff; min-width: 200px;\"\n class=\"metric-name\"\n >\n ${metric.metricName}\n <span\n style=\"font-size: 10px; padding: 2px 6px; background: #e0e0e0; border-radius: 4px; margin-left: 8px;\"\n >${metric.periodType}</span\n >\n </td>\n ${this.dates.map(\n date => html`\n <td\n style=\"border: 1px solid #ccc; padding: 8px; background: #e3f2fd; text-align: center; min-width: 80px; cursor: pointer;\"\n @click=${() => this._startEdit(metric.metricId, date)}\n >\n ${this._renderCellContent(metric, date)}\n </td>\n `\n )}\n </tr>\n `\n )}\n </tbody>\n </table>\n </div>\n\n <div class=\"legend\">\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--md-sys-color-primary-container);\"></div>\n <span>편집 가능</span>\n </div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--md-sys-color-secondary-container);\"></div>\n <span>하이라이트 (PeriodType에 따라)</span>\n </div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--md-sys-color-surface-container);\"></div>\n <span>편집 불가</span>\n </div>\n </div>\n `\n }\n\n private _renderCellContent(metric: KpiMetricValueData, date: string) {\n const isEditing = this.editingCell?.metricId === metric.metricId && this.editingCell?.date === date\n\n // periodType에 따라 값을 가져오는 방식 결정\n let value: number \| null = null\n\n if (metric.periodType === 'DAY') {\n // DAY인 경우 해당 날짜의 값을 사용\n value = metric.values[date]?.value\n } else if (metric.periodType === 'WEEK') {\n // WEEK인 경우 해당 주의 월요일의 값을 사용\n const weekKey = this._getWeekKey(date)\n value = metric.values[weekKey]?.value\n } else if (metric.periodType === 'MONTH') {\n // MONTH인 경우 해당 월의 값을 사용\n const monthKey = this._getMonthKey(date)\n value = metric.values[monthKey]?.value\n } else if (metric.periodType === 'QUARTER') {\n // QUARTER인 경우 해당 분기의 값을 사용\n const quarterKey = this._getQuarterKey(date)\n value = metric.values[quarterKey]?.value\n } else if (metric.periodType === 'YEAR') {\n // YEAR인 경우 해당 연도의 값을 사용\n const yearKey = this._getYearKey(date)\n value = metric.values[yearKey]?.value\n } else {\n // 기본값: DAY와 동일\n value = metric.values[date]?.value\n }\n\n if (isEditing) {\n console.log('Rendering input for editing, value:', value)\n return html`\n <input\n type=\"number\"\n step=\"0.01\"\n .value=${(value \|\| '').toString()}\n @blur=${(e: any) => this._finishEdit(metric.metricId, date, parseFloat(e.target.value) \|\| 0)}\n @keydown=${(e: any) => e.key === 'Enter' && e.target.blur()}\n style=\"width: 100%; text-align: center; border: none; background: transparent;\"\n autofocus\n />\n `\n }\n\n return html`\n <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n <span style=\"font-weight: 500; color: ${value !== null && value !== undefined ? 'inherit' : '#999'};\">\n ${value !== null && value !== undefined ? value.toLocaleString() : '클릭하여 입력'}\n </span>\n </div>\n `\n }\n\n private _formatDate(date: string): string {\n const d = new Date(date)\n return d.toLocaleDateString('ko-KR', { month: 'numeric', day: 'numeric' })\n }\n\n private _startEdit(metricId: string, date: string) {\n this.editingCell = { metricId, date }\n }\n\n private _finishEdit(metricId: string, date: string, value: number) {\n const metric = this.metrics.find(m => m.metricId === metricId)\n if (metric) {\n // periodType에 따라 저장할 키 결정\n let storageKey = date\n\n if (metric.periodType === 'WEEK') {\n storageKey = this._getWeekKey(date)\n } else if (metric.periodType === 'MONTH') {\n storageKey = this._getMonthKey(date)\n } else if (metric.periodType === 'QUARTER') {\n storageKey = this._getQuarterKey(date)\n } else if (metric.periodType === 'YEAR') {\n storageKey = this._getYearKey(date)\n }\n\n if (!metric.values[storageKey]) {\n metric.values[storageKey] = { value: 0, isDirty: false }\n }\n\n // 값이 변경되었는지 확인\n const originalValue = this._findExistingValue(metricId, storageKey)?.value\n const isChanged = originalValue !== value\n\n metric.values[storageKey].value = value\n metric.values[storageKey].isDirty = isChanged\n }\n this.editingCell = null\n }\n\n private async _loadData() {\n if (!this.startDate \|\| !this.endDate) {\n this.error = '시작일, 종료일을 모두 입력해주세요.'\n return\n }\n\n this.loading = true\n this.error = ''\n\n try {\n // KPI Metric 목록 조회\n const metricsResponse = await client.query({\n query: gql`\n query ($filters: [Filter!]) {\n kpiMetrics(filters: $filters) {\n items {\n id\n name\n periodType\n active\n }\n total\n }\n }\n `,\n variables: {\n filters: [{ name: 'active', operator: 'eq', value: true }]\n }\n })\n\n // KPI Metric Value 데이터 조회\n const valuesResponse = await client.query({\n query: gql`\n query ($filters: [Filter!]) {\n kpiMetricValues(filters: $filters) {\n items {\n id\n metricId\n valueDate\n value\n org\n }\n total\n }\n }\n `,\n variables: {\n filters: [\n ...(this.org ? [{ name: 'org', operator: 'eq', value: this.org }] : []),\n { name: 'valueDate', operator: 'between', value: [this.startDate, this.endDate] }\n ]\n }\n })\n\n // 날짜 배열 생성\n this.dates = this._generateDateArray(this.startDate, this.endDate)\n\n // KPI Metric 목록을 기준으로 데이터 구성\n this.metrics = metricsResponse.data.kpiMetrics.items.map((metric: any) => ({\n metricId: metric.id,\n metricName: metric.name,\n periodType: metric.periodType,\n values: {}\n }))\n\n // 기존 KPI Metric Value 데이터 저장\n this._existingValues = valuesResponse.data.kpiMetricValues.items\n\n // KPI Metric Value 데이터를 해당 Metric에 매핑\n valuesResponse.data.kpiMetricValues.items.forEach((value: any) => {\n const metric = this.metrics.find(m => m.metricId === value.metricId)\n if (metric) {\n metric.values[value.valueDate] = {\n value: value.value,\n isDirty: false\n }\n }\n })\n\n // KPI Metric Value가 없는 Metric도 빈 값으로 초기화\n this.metrics.forEach(metric => {\n this.dates.forEach(date => {\n if (!metric.values[date]) {\n metric.values[date] = { value: null, isDirty: false }\n }\n })\n })\n\n this.requestUpdate()\n } catch (error) {\n console.error('데이터 로드 중 오류:', error)\n this.error = '데이터를 불러오는 중 오류가 발생했습니다.'\n } finally {\n this.loading = false\n }\n }\n\n private _generateDateArray(startDate: string, endDate: string): string[] {\n const dates: string[] = []\n const start = new Date(startDate)\n const end = new Date(endDate)\n\n // 일별로 생성 (기본)\n for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\n dates.push(d.toLocaleDateString('sv-SE'))\n }\n\n return dates\n }\n\n private async _saveValues() {\n try {\n const patches: any[] = []\n\n this.metrics.forEach(metric => {\n Object.entries(metric.values).forEach(([date, data]) => {\n // dirty 상태인 데이터만 처리\n if (data.isDirty && data.value !== null && data.value !== undefined) {\n const existingValue = this._findExistingValue(metric.metricId, date)\n\n if (existingValue) {\n patches.push({\n id: existingValue.id,\n value: data.value,\n org: this.org,\n cuFlag: 'M'\n })\n } else {\n console.log(\n 'Creating new value for metric:',\n metric.metricName,\n 'periodType:',\n metric.periodType,\n 'date:',\n date\n )\n const normalizedDate = this._normalizeDateByPeriodType(date, metric.periodType)\n console.log('Normalized date:', normalizedDate)\n patches.push({\n metricId: metric.metricId,\n valueDate: normalizedDate,\n value: data.value,\n org: this.org,\n cuFlag: '+'\n })\n }\n }\n })\n })\n\n if (patches.length === 0) {\n notify({ message: '저장할 데이터가 없습니다.' })\n return\n }\n\n // 디버깅: patches 내용 확인\n console.log('Sending patches:', patches)\n\n // 단일 mutation으로 생성과 업데이트 처리\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [KpiMetricValuePatch!]!) {\n updateMultipleKpiMetricValue(patches: $patches) {\n id\n value\n valueDate\n metricId\n }\n }\n `,\n variables: { patches }\n })\n\n if (!response.errors) {\n // 저장 후 dirty 상태 해제\n response.data.updateMultipleKpiMetricValue.forEach((savedValue: any) => {\n const metric = this.metrics.find(m => m.metricId === savedValue.metricId)\n if (metric && metric.values[savedValue.valueDate]) {\n metric.values[savedValue.valueDate].isDirty = false\n }\n })\n\n notify({ message: 'KPI Metric 값이 성공적으로 저장되었습니다.' })\n this.requestUpdate()\n }\n } catch (error) {\n console.error('저장 중 오류:', error)\n notify({ message: '저장 중 오류가 발생했습니다.' })\n }\n }\n\n private _findExistingValue(metricId: string, date: string) {\n // 기존 로드된 KPI Metric Value 데이터에서 찾기\n return this._existingValues?.find((v: any) => v.metricId === metricId && v.valueDate === date)\n }\n\n private _getMonthKey(date: string): string {\n const dateObj = new Date(date)\n return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n }\n\n private _getQuarterKey(date: string): string {\n const dateObj = new Date(date)\n const quarter = Math.floor(dateObj.getMonth() / 3) + 1\n return `${dateObj.getFullYear()}-Q${quarter}`\n }\n\n private _getYearKey(date: string): string {\n const dateObj = new Date(date)\n return `${dateObj.getFullYear()}`\n }\n\n private _getWeekKey(date: string): string {\n const dateObj = new Date(date)\n const dayOfWeek = dateObj.getDay()\n const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n const monday = new Date(dateObj)\n monday.setDate(dateObj.getDate() - daysToMonday)\n return monday.toLocaleDateString('sv-SE')\n }\n\n private _getMondayOfWeek(date: string): string {\n const dateObj = new Date(date)\n const dayOfWeek = dateObj.getDay()\n const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n const monday = new Date(dateObj)\n monday.setDate(dateObj.getDate() - daysToMonday)\n return monday.toLocaleDateString('sv-SE')\n }\n\n private _getFirstDayOfMonth(date: string): string {\n const dateObj = new Date(date)\n return new Date(dateObj.getFullYear(), dateObj.getMonth(), 1).toLocaleDateString('sv-SE')\n }\n\n private _getFirstDayOfQuarter(date: string): string {\n const dateObj = new Date(date)\n const quarter = Math.floor(dateObj.getMonth() / 3)\n const firstMonthOfQuarter = quarter * 3\n return new Date(dateObj.getFullYear(), firstMonthOfQuarter, 1).toLocaleDateString('sv-SE')\n }\n\n private _getFirstDayOfYear(date: string): string {\n const dateObj = new Date(date)\n return new Date(dateObj.getFullYear(), 0, 1).toLocaleDateString('sv-SE')\n }\n\n private _normalizeDateByPeriodType(date: string, periodType: string): string {\n console.log('Normalizing date:', date, 'for periodType:', periodType)\n\n const dateObj = new Date(date)\n\n switch (periodType) {\n case 'DAY':\n console.log('DAY - returning original date:', date)\n return date // 그대로 사용\n case 'WEEK':\n // 해당 주의 월요일로 설정\n const dayOfWeek = dateObj.getDay()\n const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1 // 일요일이면 6일 전, 아니면 dayOfWeek - 1\n const monday = new Date(dateObj)\n monday.setDate(dateObj.getDate() - daysToMonday)\n const weeklyDate = monday.toLocaleDateString('sv-SE')\n console.log('WEEK - returning monday:', weeklyDate)\n return weeklyDate\n case 'MONTH':\n // 년-월 형식으로 설정 (예: \"2025-01\")\n const monthlyDate = `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n console.log('MONTH - returning year-month format:', monthlyDate)\n return monthlyDate\n case 'QUARTER':\n // 분기 형식으로 설정 (예: \"2025-Q1\")\n const quarter = Math.floor(dateObj.getMonth() / 3) + 1\n const quarterlyDate = `${dateObj.getFullYear()}-Q${quarter}`\n console.log('QUARTER - returning quarter format:', quarterlyDate)\n return quarterlyDate\n case 'YEAR':\n // 년도 형식으로 설정 (예: \"2025\")\n const yearlyDate = `${dateObj.getFullYear()}`\n console.log('YEAR - returning year format:', yearlyDate)\n return yearlyDate\n default:\n console.log('DEFAULT - returning original date:', date)\n return date // 기본값\n }\n }\n\n private _cancel() {\n // 편집 취소 로직\n this.editingCell = null\n this._loadData() // 원본 데이터로 복원\n }\n\n async pageInitialized(lifecycle: any) {\n // 기본값 설정 - 지난 1개월\n if (!this.startDate) {\n const today = new Date()\n const oneMonthAgo = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate())\n this.startDate = oneMonthAgo.toLocaleDateString('sv-SE')\n }\n if (!this.endDate) {\n const today = new Date()\n this.endDate = today.toLocaleDateString('sv-SE')\n }\n\n // 페이지 초기화 시 자동으로 데이터 로드\n await this._loadData()\n }\n}\n"]}
1	+ {"version":3,"file":"kpi-metric-value-editor-page.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-editor-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store, connect } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\n\ninterface KpiMetricValueData {\n metricId: string\n metricName: string\n periodType: string\n values: { [date: string]: { value: number \| null; isDirty?: boolean } }\n}\n\ninterface EditorCell {\n date: string\n value: number \| null\n isEditable: boolean\n isHighlighted: boolean\n}\n\n@customElement('kpi-metric-value-editor-page')\nexport class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n static styles = [\n CommonHeaderStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n padding: 20px;\n overflow-x: auto;\n }\n\n .header {\n display: flex;\n gap: 16px;\n align-items: center;\n margin-bottom: 20px;\n padding: 16px;\n background: var(--md-sys-color-surface-container);\n border-radius: 8px;\n }\n\n .controls {\n display: flex;\n gap: 12px;\n align-items: center;\n }\n\n .table-container {\n flex: 1;\n overflow: auto;\n border: 1px solid var(--md-sys-color-outline);\n border-radius: 8px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n min-width: max-content;\n }\n\n th {\n background: var(--md-sys-color-surface-container-low);\n font-weight: 500;\n padding: 8px 12px;\n border: 1px solid var(--md-sys-color-outline-variant);\n min-width: 80px;\n height: 120px;\n vertical-align: middle;\n }\n\n td {\n padding: 8px 12px;\n border: 1px solid var(--md-sys-color-outline-variant);\n min-width: 80px;\n height: 60px;\n text-align: right;\n vertical-align: middle;\n }\n\n .metric-header {\n position: sticky;\n left: 0;\n top: 0;\n z-index: 3;\n }\n\n .metric-name {\n position: sticky;\n left: 0;\n background: var(--md-sys-color-surface);\n font-weight: 500;\n min-width: 200px;\n text-align: left;\n z-index: 2;\n }\n\n tr:hover {\n background: var(--md-sys-color-surface-container-high);\n }\n\n th.date-header {\n position: sticky;\n top: 0;\n z-index: 2;\n text-align: center;\n font-size: 11px;\n color: var(--md-sys-color-on-surface-variant);\n writing-mode: vertical-rl;\n text-orientation: mixed;\n min-height: 120px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n td.editable-cell {\n cursor: pointer;\n background: var(--md-sys-color-primary-container);\n color: var(--md-sys-color-on-primary-container);\n }\n\n td.editable-cell:hover {\n background: var(--md-sys-color-primary-container-high);\n }\n\n td.highlighted-cell {\n background: var(--md-sys-color-secondary-container);\n color: var(--md-sys-color-on-secondary-container);\n font-weight: 500;\n }\n\n td.highlighted-cell:hover {\n background: var(--md-sys-color-secondary-container-high);\n }\n\n td.disabled-cell {\n background: var(--md-sys-color-surface-container);\n color: var(--md-sys-color-on-surface-variant);\n cursor: not-allowed;\n }\n\n .value-input {\n width: 100%;\n text-align: center;\n border: none;\n background: transparent;\n color: inherit;\n font-size: 12px;\n padding: 2px;\n }\n\n .value-input:focus {\n outline: 2px solid var(--md-sys-color-primary);\n border-radius: 4px;\n }\n\n .period-type-badge {\n font-size: 10px;\n padding: 2px 6px;\n border-radius: 4px;\n background: var(--md-sys-color-tertiary-container);\n color: var(--md-sys-color-on-tertiary-container);\n margin-left: 8px;\n }\n\n .loading {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 200px;\n color: var(--md-sys-color-on-surface-variant);\n }\n\n .error {\n color: var(--md-sys-color-error);\n padding: 16px;\n text-align: center;\n }\n\n .legend {\n display: flex;\n gap: 16px;\n margin-top: 16px;\n font-size: 12px;\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .legend-color {\n width: 16px;\n height: 16px;\n border-radius: 2px;\n }\n `\n ]\n\n @property({ type: String }) org: string = ''\n @property({ type: String }) startDate: string = ''\n @property({ type: String }) endDate: string = ''\n\n @state() private metrics: KpiMetricValueData[] = []\n @state() private dates: string[] = []\n @state() private loading: boolean = false\n @state() private error: string = ''\n @state() private editingCell: { metricId: string; date: string } \| null = null\n @state() private _existingValues: any[] = []\n\n get context() {\n return {\n title: i18next.t('title.kpi metric value editor'),\n actions: [\n {\n title: i18next.t('button.save'),\n action: this._saveValues.bind(this),\n ...CommonButtonStyles.save\n },\n {\n title: i18next.t('button.cancel'),\n action: this._cancel.bind(this),\n ...CommonButtonStyles.cancel\n }\n ]\n }\n }\n\n render() {\n if (this.loading) {\n return html`\n <div class=\"loading\">\n <md-icon>hourglass_empty</md-icon>\n <span>데이터를 불러오는 중...</span>\n </div>\n `\n }\n\n if (this.error) {\n return html`\n <div class=\"error\">\n <md-icon>error</md-icon>\n <span>${this.error}</span>\n </div>\n `\n }\n\n return html`\n <div class=\"header\">\n <div class=\"controls\">\n <md-outlined-text-field\n label=\"그룹\"\n .value=${this.org}\n @input=${(e: any) => (this.org = e.target.value)}\n style=\"width: 150px;\"\n ></md-outlined-text-field>\n\n <md-outlined-text-field\n label=\"시작일\"\n type=\"date\"\n .value=${this.startDate}\n @input=${(e: any) => (this.startDate = e.target.value)}\n style=\"width: 150px;\"\n ></md-outlined-text-field>\n\n <md-outlined-text-field\n label=\"종료일\"\n type=\"date\"\n .value=${this.endDate}\n @input=${(e: any) => (this.endDate = e.target.value)}\n style=\"width: 150px;\"\n ></md-outlined-text-field>\n\n <md-elevated-button @click=${this._loadData}>\n <md-icon slot=\"icon\">refresh</md-icon>\n 새로고침\n </md-elevated-button>\n </div>\n </div>\n\n <div class=\"table-container\">\n <table style=\"border-collapse: collapse; width: 100%;\">\n <thead>\n <tr>\n <th\n style=\"border: 1px solid #ccc; padding: 8px; background: #f5f5f5; min-width: 200px; left: 0; top: 0;\"\n class=\"metric-header\"\n >\n Metric명\n </th>\n ${this.dates.map(\n date => html`\n <th\n style=\"border: 1px solid #ccc; padding: 8px; background: #f5f5f5; min-width: 80px; position: sticky; top: 0;\"\n >\n ${this._formatDate(date)}\n </th>\n `\n )}\n </tr>\n </thead>\n <tbody>\n ${this.metrics.map(\n metric => html`\n <tr>\n <td\n style=\"border: 1px solid #ccc; padding: 8px; background: #fff; min-width: 200px;\"\n class=\"metric-name\"\n >\n ${metric.metricName}\n <span\n style=\"font-size: 10px; padding: 2px 6px; background: #e0e0e0; border-radius: 4px; margin-left: 8px;\"\n >${metric.periodType}</span\n >\n </td>\n ${this.dates.map(\n date => html`\n <td\n style=\"border: 1px solid #ccc; padding: 8px; background: #e3f2fd; text-align: center; min-width: 80px; cursor: pointer;\"\n @click=${() => this._startEdit(metric.metricId, date)}\n >\n ${this._renderCellContent(metric, date)}\n </td>\n `\n )}\n </tr>\n `\n )}\n </tbody>\n </table>\n </div>\n\n <div class=\"legend\">\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--md-sys-color-primary-container);\"></div>\n <span>편집 가능</span>\n </div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--md-sys-color-secondary-container);\"></div>\n <span>하이라이트 (PeriodType에 따라)</span>\n </div>\n <div class=\"legend-item\">\n <div class=\"legend-color\" style=\"background: var(--md-sys-color-surface-container);\"></div>\n <span>편집 불가</span>\n </div>\n </div>\n `\n }\n\n private _renderCellContent(metric: KpiMetricValueData, date: string) {\n const isEditing = this.editingCell?.metricId === metric.metricId && this.editingCell?.date === date\n\n // periodType에 따라 값을 가져오는 방식 결정\n let value: number \| null = null\n\n if (metric.periodType === 'DAY') {\n // DAY인 경우 해당 날짜의 값을 사용\n value = metric.values[date]?.value\n } else if (metric.periodType === 'WEEK') {\n // WEEK인 경우 해당 주의 월요일의 값을 사용\n const weekKey = this._getWeekKey(date)\n value = metric.values[weekKey]?.value\n } else if (metric.periodType === 'MONTH') {\n // MONTH인 경우 해당 월의 값을 사용\n const monthKey = this._getMonthKey(date)\n value = metric.values[monthKey]?.value\n } else if (metric.periodType === 'QUARTER') {\n // QUARTER인 경우 해당 분기의 값을 사용\n const quarterKey = this._getQuarterKey(date)\n value = metric.values[quarterKey]?.value\n } else if (metric.periodType === 'YEAR') {\n // YEAR인 경우 해당 연도의 값을 사용\n const yearKey = this._getYearKey(date)\n value = metric.values[yearKey]?.value\n } else {\n // 기본값: DAY와 동일\n value = metric.values[date]?.value\n }\n\n if (isEditing) {\n\n return html`\n <input\n type=\"number\"\n step=\"0.01\"\n .value=${(value \|\| '').toString()}\n @blur=${(e: any) => this._finishEdit(metric.metricId, date, parseFloat(e.target.value) \|\| 0)}\n @keydown=${(e: any) => e.key === 'Enter' && e.target.blur()}\n style=\"width: 100%; text-align: center; border: none; background: transparent;\"\n autofocus\n />\n `\n }\n\n return html`\n <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n <span style=\"font-weight: 500; color: ${value !== null && value !== undefined ? 'inherit' : '#999'};\">\n ${value !== null && value !== undefined ? value.toLocaleString() : '클릭하여 입력'}\n </span>\n </div>\n `\n }\n\n private _formatDate(date: string): string {\n const d = new Date(date)\n return d.toLocaleDateString('ko-KR', { month: 'numeric', day: 'numeric' })\n }\n\n private _startEdit(metricId: string, date: string) {\n this.editingCell = { metricId, date }\n }\n\n private _finishEdit(metricId: string, date: string, value: number) {\n const metric = this.metrics.find(m => m.metricId === metricId)\n if (metric) {\n // periodType에 따라 저장할 키 결정\n let storageKey = date\n\n if (metric.periodType === 'WEEK') {\n storageKey = this._getWeekKey(date)\n } else if (metric.periodType === 'MONTH') {\n storageKey = this._getMonthKey(date)\n } else if (metric.periodType === 'QUARTER') {\n storageKey = this._getQuarterKey(date)\n } else if (metric.periodType === 'YEAR') {\n storageKey = this._getYearKey(date)\n }\n\n if (!metric.values[storageKey]) {\n metric.values[storageKey] = { value: 0, isDirty: false }\n }\n\n // 값이 변경되었는지 확인\n const originalValue = this._findExistingValue(metricId, storageKey)?.value\n const isChanged = originalValue !== value\n\n metric.values[storageKey].value = value\n metric.values[storageKey].isDirty = isChanged\n }\n this.editingCell = null\n }\n\n private async _loadData() {\n if (!this.startDate \|\| !this.endDate) {\n this.error = '시작일, 종료일을 모두 입력해주세요.'\n return\n }\n\n this.loading = true\n this.error = ''\n\n try {\n // KPI Metric 목록 조회\n const metricsResponse = await client.query({\n query: gql`\n query ($filters: [Filter!]) {\n kpiMetrics(filters: $filters) {\n items {\n id\n name\n periodType\n active\n }\n total\n }\n }\n `,\n variables: {\n filters: [{ name: 'active', operator: 'eq', value: true }]\n }\n })\n\n // KPI Metric Value 데이터 조회\n const valuesResponse = await client.query({\n query: gql`\n query ($filters: [Filter!]) {\n kpiMetricValues(filters: $filters) {\n items {\n id\n metricId\n valueDate\n value\n org\n }\n total\n }\n }\n `,\n variables: {\n filters: [\n ...(this.org ? [{ name: 'org', operator: 'eq', value: this.org }] : []),\n { name: 'valueDate', operator: 'between', value: [this.startDate, this.endDate] }\n ]\n }\n })\n\n // 날짜 배열 생성\n this.dates = this._generateDateArray(this.startDate, this.endDate)\n\n // KPI Metric 목록을 기준으로 데이터 구성\n this.metrics = metricsResponse.data.kpiMetrics.items.map((metric: any) => ({\n metricId: metric.id,\n metricName: metric.name,\n periodType: metric.periodType,\n values: {}\n }))\n\n // 기존 KPI Metric Value 데이터 저장\n this._existingValues = valuesResponse.data.kpiMetricValues.items\n\n // KPI Metric Value 데이터를 해당 Metric에 매핑\n valuesResponse.data.kpiMetricValues.items.forEach((value: any) => {\n const metric = this.metrics.find(m => m.metricId === value.metricId)\n if (metric) {\n metric.values[value.valueDate] = {\n value: value.value,\n isDirty: false\n }\n }\n })\n\n // KPI Metric Value가 없는 Metric도 빈 값으로 초기화\n this.metrics.forEach(metric => {\n this.dates.forEach(date => {\n if (!metric.values[date]) {\n metric.values[date] = { value: null, isDirty: false }\n }\n })\n })\n\n this.requestUpdate()\n } catch (error) {\n console.error('데이터 로드 중 오류:', error)\n this.error = '데이터를 불러오는 중 오류가 발생했습니다.'\n } finally {\n this.loading = false\n }\n }\n\n private _generateDateArray(startDate: string, endDate: string): string[] {\n const dates: string[] = []\n const start = new Date(startDate)\n const end = new Date(endDate)\n\n // 일별로 생성 (기본)\n for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\n dates.push(d.toLocaleDateString('sv-SE'))\n }\n\n return dates\n }\n\n private async _saveValues() {\n try {\n const patches: any[] = []\n\n this.metrics.forEach(metric => {\n Object.entries(metric.values).forEach(([date, data]) => {\n // dirty 상태인 데이터만 처리\n if (data.isDirty && data.value !== null && data.value !== undefined) {\n const existingValue = this._findExistingValue(metric.metricId, date)\n\n if (existingValue) {\n patches.push({\n id: existingValue.id,\n value: data.value,\n org: this.org,\n cuFlag: 'M'\n })\n } else {\n const normalizedDate = this._normalizeDateByPeriodType(date, metric.periodType)\n\n patches.push({\n metricId: metric.metricId,\n valueDate: normalizedDate,\n value: data.value,\n org: this.org,\n cuFlag: '+'\n })\n }\n }\n })\n })\n\n if (patches.length === 0) {\n notify({ message: '저장할 데이터가 없습니다.' })\n return\n }\n\n // 디버깅: patches 내용 확인\n\n\n // 단일 mutation으로 생성과 업데이트 처리\n const response = await client.mutate({\n mutation: gql`\n mutation ($patches: [KpiMetricValuePatch!]!) {\n updateMultipleKpiMetricValue(patches: $patches) {\n id\n value\n valueDate\n metricId\n }\n }\n `,\n variables: { patches }\n })\n\n if (!response.errors) {\n // 저장 후 dirty 상태 해제\n response.data.updateMultipleKpiMetricValue.forEach((savedValue: any) => {\n const metric = this.metrics.find(m => m.metricId === savedValue.metricId)\n if (metric && metric.values[savedValue.valueDate]) {\n metric.values[savedValue.valueDate].isDirty = false\n }\n })\n\n notify({ message: 'KPI Metric 값이 성공적으로 저장되었습니다.' })\n this.requestUpdate()\n }\n } catch (error) {\n console.error('저장 중 오류:', error)\n notify({ message: '저장 중 오류가 발생했습니다.' })\n }\n }\n\n private _findExistingValue(metricId: string, date: string) {\n // 기존 로드된 KPI Metric Value 데이터에서 찾기\n return this._existingValues?.find((v: any) => v.metricId === metricId && v.valueDate === date)\n }\n\n private _getMonthKey(date: string): string {\n const dateObj = new Date(date)\n return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n }\n\n private _getQuarterKey(date: string): string {\n const dateObj = new Date(date)\n const quarter = Math.floor(dateObj.getMonth() / 3) + 1\n return `${dateObj.getFullYear()}-Q${quarter}`\n }\n\n private _getYearKey(date: string): string {\n const dateObj = new Date(date)\n return `${dateObj.getFullYear()}`\n }\n\n private _getWeekKey(date: string): string {\n const dateObj = new Date(date)\n const dayOfWeek = dateObj.getDay()\n const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n const monday = new Date(dateObj)\n monday.setDate(dateObj.getDate() - daysToMonday)\n return monday.toLocaleDateString('sv-SE')\n }\n\n private _getMondayOfWeek(date: string): string {\n const dateObj = new Date(date)\n const dayOfWeek = dateObj.getDay()\n const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n const monday = new Date(dateObj)\n monday.setDate(dateObj.getDate() - daysToMonday)\n return monday.toLocaleDateString('sv-SE')\n }\n\n private _getFirstDayOfMonth(date: string): string {\n const dateObj = new Date(date)\n return new Date(dateObj.getFullYear(), dateObj.getMonth(), 1).toLocaleDateString('sv-SE')\n }\n\n private _getFirstDayOfQuarter(date: string): string {\n const dateObj = new Date(date)\n const quarter = Math.floor(dateObj.getMonth() / 3)\n const firstMonthOfQuarter = quarter * 3\n return new Date(dateObj.getFullYear(), firstMonthOfQuarter, 1).toLocaleDateString('sv-SE')\n }\n\n private _getFirstDayOfYear(date: string): string {\n const dateObj = new Date(date)\n return new Date(dateObj.getFullYear(), 0, 1).toLocaleDateString('sv-SE')\n }\n\n private _normalizeDateByPeriodType(date: string, periodType: string): string {\n\n\n const dateObj = new Date(date)\n\n switch (periodType) {\n case 'DAY':\n return date // 그대로 사용\n case 'WEEK':\n // 해당 주의 월요일로 설정\n const dayOfWeek = dateObj.getDay()\n const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1 // 일요일이면 6일 전, 아니면 dayOfWeek - 1\n const monday = new Date(dateObj)\n monday.setDate(dateObj.getDate() - daysToMonday)\n const weeklyDate = monday.toLocaleDateString('sv-SE')\n return weeklyDate\n case 'MONTH':\n // 년-월 형식으로 설정 (예: \"2025-01\")\n const monthlyDate = `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n return monthlyDate\n case 'QUARTER':\n // 분기 형식으로 설정 (예: \"2025-Q1\")\n const quarter = Math.floor(dateObj.getMonth() / 3) + 1\n const quarterlyDate = `${dateObj.getFullYear()}-Q${quarter}`\n return quarterlyDate\n case 'YEAR':\n // 년도 형식으로 설정 (예: \"2025\")\n const yearlyDate = `${dateObj.getFullYear()}`\n return yearlyDate\n default:\n return date // 기본값\n }\n }\n\n private _cancel() {\n // 편집 취소 로직\n this.editingCell = null\n this._loadData() // 원본 데이터로 복원\n }\n\n async pageInitialized(lifecycle: any) {\n // 기본값 설정 - 지난 1개월\n if (!this.startDate) {\n const today = new Date()\n const oneMonthAgo = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate())\n this.startDate = oneMonthAgo.toLocaleDateString('sv-SE')\n }\n if (!this.endDate) {\n const today = new Date()\n this.endDate = today.toLocaleDateString('sv-SE')\n }\n\n // 페이지 초기화 시 자동으로 데이터 로드\n await this._loadData()\n }\n}\n"]}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-list-page.d.ts CHANGED Viewed

@@ -6,11 +6,10 @@ import '@operato/data-grist/ox-record-creator.js';
 import { PageView } from '@operato/shell';
 import { FetchOption } from '@operato/data-grist';
 declare const KpiMetricValueListPage_base: (new (...args: any[]) => {
-    _storeUnsubscribe: import("redux").Unsubscribe;
+    _storeUnsubscribe: () => void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     stateChanged(_state: unknown): void;
-    readonly isConnected: boolean;
 }) & (new (...args: any[]) => {
     __preferenceProviders: {
         [element: string]: import("@operato/p13n").PagePreferenceProvider;