@things-factory/kpi 9.0.22 → 9.0.24

package/client/pages/kpi-metric-value/kpi-metric-value-list-page.ts

@@ -3,6 +3,7 @@ import '@material/web/button/elevated-button.js'
 import '@operato/data-grist/ox-grist.js'
 import '@operato/data-grist/ox-filters-form.js'
 import '@operato/data-grist/ox-record-creator.js'
+import './kpi-metric-value-manual-entry-form.js'
 
 import { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { PageView, store } from '@operato/shell'
@@ -60,6 +61,11 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
       },
       help: 'kpi/kpi-metric-value',
       actions: [
+        {
+          title: i18next.t('button.bulk edit'),
+          action: this._openEditor.bind(this),
+          ...CommonButtonStyles.edit
+        },
         {
           title: i18next.t('button.save'),
           action: this._updateKpiMetricValue.bind(this),
@@ -113,6 +119,18 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
         { type: 'gutter', gutterName: 'row-selector', multiple: true },
+        // KPI Metric Value 수정 버튼 추가
+        {
+          type: 'gutter',
+          gutterName: 'button',
+          icon: 'edit',
+          title: '수정',
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              this._editKpiMetricValue(record)
+            }
+          }
+        },
         {
           type: 'string',
           name: 'metric',
@@ -120,7 +138,7 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
           record: { editable: false, renderer: (v, c, r) => r.metric?.name },
           width: 150
         },
-        { type: 'date', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },
+        { type: 'string', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },
         { type: 'number', name: 'value', header: '값', record: { editable: true }, width: 120 },
         { type: 'string', name: 'group', header: '그룹', record: { editable: false }, width: 120 },
         { type: 'object', name: 'meta', header: '메타', record: { editable: false }, width: 120 },
@@ -151,6 +169,12 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
     }
   }
 
+  pageUpdated(changes: any, lifecycle: any) {
+    if (this.active) {
+      this.grist.fetch()
+    }
+  }
+
   async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {
     const response = await client.query({
       query: gql`
@@ -296,4 +320,34 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
   async importHandler(records) {
     // 임포트 팝업 등은 추후 구현
   }
+
+  async _editKpiMetricValue(metricValue) {
+    const popup = await openPopup(
+      html`
+        <kpi-metric-value-manual-entry-form
+          .metric=${metricValue.metric}
+          .valueDate=${metricValue.valueDate}
+          .value=${metricValue.value}
+          .group=${metricValue.group}
+          .meta=${metricValue.meta ? JSON.stringify(metricValue.meta) : ''}
+          @saved=${() => {
+            this.grist.fetch()
+            popup.close()
+          }}
+        ></kpi-metric-value-manual-entry-form>
+      `,
+      {
+        title: `${metricValue.metric?.name || ''} 값 수정`,
+        size: 'medium',
+        backdrop: true
+      }
+    )
+  }
+
+  async _openEditor() {
+    const { KpiMetricValueEditorPage } = await import('./kpi-metric-value-editor-page.js')
+    await openPopup(html`
+      <${KpiMetricValueEditorPage}></${KpiMetricValueEditorPage}>
+    `)
+  }
 }

package/client/pages/kpi-metric-value/kpi-metric-value-manual-entry-form.ts

@@ -111,24 +111,14 @@ export class KpiMetricValueManualEntryForm extends LitElement {
     try {
       await client.mutate({
         mutation: gql`
-          mutation ($metricId: ID!, $valueDate: String!, $value: Float!, $group: String, $meta: Object) {
-            createKpiMetricValue(
-              metricValue: {
-                metricId: $metricId
-                valueDate: $valueDate
-                value: $value
-                group: $group
-                meta: $meta
-                periodType: DAY
-              }
-            ) {
+          mutation ($metricName: String!, $value: Float!, $group: String, $meta: Object) {
+            recordKpiMetricValue(metricName: $metricName, value: $value, meta: $meta, group: $group) {
               id
             }
           }
         `,
         variables: {
-          metricId: this.metric.id,
-          valueDate: this.valueDate,
+          metricName: this.metric.name,
           value: parseFloat(this.value),
           group: this.group || undefined,
           meta: parsedMeta

package/client/pages/kpi-metric-value/kpi-metric-value-manual-entry-page.ts

@@ -99,7 +99,19 @@ export class KpiMetricValueManualEntryPage extends connect(store)(localize(i18ne
           type: 'select',
           name: 'periodType',
           header: '주기',
-          record: { editable: true, options: ['', 'DAY', 'WEEK', 'MONTH', 'QUARTER', 'YEAR', 'RANGE'] },
+          record: {
+            editable: true,
+            options: [
+              { value: '', display: '' },
+              { value: 'DAY', display: '일' },
+              { value: 'WEEK', display: '주' },
+              { value: 'MONTH', display: '월' },
+              { value: 'QUARTER', display: '분기' },
+              { value: 'YEAR', display: '년' },
+              { value: 'RANGE', display: '범위' },
+              { value: 'ALLTIME', display: '전체' }
+            ]
+          },
           width: 80
         },
         {