@things-factory/kpi 9.0.31 → 9.0.33

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

@@ -16,12 +16,13 @@ import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
 import { OxPopup, OxPrompt } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
+import { p13n } from '@operato/p13n'
 
 import { connect } from 'pwa-helpers/connect-mixin'
 import gql from 'graphql-tag'
 
 @customElement('kpi-metric-value-list-page')
-export class KpiMetricValueListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
+export class KpiMetricValueListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -90,7 +91,12 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
   render() {
     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
     return html`
-      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist
+        .mode=${mode}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}
+      >
         <div slot="headroom" class="header">
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>
@@ -106,6 +112,8 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
             </ox-record-creator>
           </div>
         </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
       </ox-grist>
     `
   }
@@ -113,8 +121,8 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
   async pageInitialized() {
     this.gristConfig = {
       list: {
-        fields: ['metric', 'valueDate', 'value', 'group', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater'],
-        details: ['metric', 'valueDate', 'value', 'group', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater']
+        fields: ['metric', 'valueDate', 'value', 'org', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater'],
+        details: ['metric', 'valueDate', 'value', 'org', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater']
       },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
@@ -140,7 +148,7 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
         },
         { 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: 'string', name: 'org', header: '조직', record: { editable: false }, width: 120 },
         { type: 'object', name: 'meta', header: '메타', record: { editable: false }, width: 120 },
         { type: 'datetime', name: 'createdAt', header: '생성일', record: { editable: false }, width: 180 },
         { type: 'datetime', name: 'updatedAt', header: '수정일', record: { editable: false }, width: 180 },
@@ -189,7 +197,7 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
               valueDate
               value
               meta
-              group
+              org
               updater {
                 id
                 name
@@ -307,7 +315,7 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
 
   async exportHandler() {
     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records
-    const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'group', 'meta'])
+    const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'org', 'meta'])
     return exportTargets.map(metricValue => {
       let tempObj = {}
       for (const field of targetFieldSet) {
@@ -328,7 +336,7 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
           .metric=${metricValue.metric}
           .valueDate=${metricValue.valueDate}
           .value=${metricValue.value}
-          .group=${metricValue.group}
+          .org=${metricValue.org}
           .meta=${metricValue.meta ? JSON.stringify(metricValue.meta) : ''}
           @saved=${() => {
             this.grist.fetch()

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

@@ -61,7 +61,7 @@ export class KpiMetricValueManualEntryForm extends LitElement {
   @property({ type: Object }) metric: any
   @state() valueDate = new Date().toISOString().slice(0, 10)
   @state() value = ''
-  @state() group = ''
+  @state() org = ''
   @state() meta = ''
   @state() loading = false
 
@@ -80,7 +80,7 @@ export class KpiMetricValueManualEntryForm extends LitElement {
           </label>
           <label>
             그룹 (선택)
-            <input type="text" .value=${this.group} @input=${e => (this.group = e.target.value)} />
+            <input type="text" .value=${this.org} @input=${e => (this.org = e.target.value)} />
           </label>
           <label>
             메타정보 (선택, JSON)
@@ -111,8 +111,8 @@ export class KpiMetricValueManualEntryForm extends LitElement {
     try {
       await client.mutate({
         mutation: gql`
-          mutation ($metricName: String!, $value: Float!, $group: String, $meta: Object) {
-            recordKpiMetricValue(metricName: $metricName, value: $value, meta: $meta, group: $group) {
+          mutation ($metricName: String!, $value: Float!, $org: String, $meta: Object) {
+            recordKpiMetricValue(metricName: $metricName, value: $value, meta: $meta, org: $org) {
               id
             }
           }
@@ -120,7 +120,7 @@ export class KpiMetricValueManualEntryForm extends LitElement {
         variables: {
           metricName: this.metric.name,
           value: parseFloat(this.value),
-          group: this.group || undefined,
+          org: this.org || undefined,
           meta: parsedMeta
         }
       })

package/client/pages/kpi-statistic/kpi-statistic-editor-page.ts

@@ -485,8 +485,7 @@ export class KpiStatisticEditorPage extends connect(store)(localize(i18next)(Sco
                 name
                 periodType
                 active
-                categoryId
-                category {
+                category: parent {
                   id
                   name
                 }

package/client/pages/kpi-statistic/kpi-statistic-list-page.ts

@@ -15,6 +15,7 @@ import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
 import { OxPopup, OxPrompt } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
+import { p13n } from '@operato/p13n'
 
 import { connect } from 'pwa-helpers/connect-mixin'
 import gql from 'graphql-tag'
@@ -22,7 +23,7 @@ import gql from 'graphql-tag'
 import { KpiStatisticImporter } from './kpi-statistic-importer.js'
 
 @customElement('kpi-statistic-list-page')
-export class KpiStatisticListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
+export class KpiStatisticListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -100,7 +101,12 @@ export class KpiStatisticListPage extends connect(store)(localize(i18next)(Scope
     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
 
     return html`
-      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist
+        .mode=${mode}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}
+      >
         <div slot="headroom" class="header">
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>
@@ -118,6 +124,8 @@ export class KpiStatisticListPage extends connect(store)(localize(i18next)(Scope
             </ox-record-creator>
           </div>
         </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
       </ox-grist>
     `
   }

package/client/pages/kpi-value/kpi-value-editor-page.ts

@@ -210,7 +210,8 @@ export class KpiValueEditorPage extends connect(store)(localize(i18next)(ScopedE
     `
   ]
 
-  @property({ type: String }) group: string = ''
+  @property({ type: String }) kpiOrgScopeId: string = ''
+  @property({ type: String }) org: string = '' // legacy support
   @property({ type: String }) startDate: string = ''
   @property({ type: String }) endDate: string = ''
 
@@ -263,8 +264,8 @@ export class KpiValueEditorPage extends connect(store)(localize(i18next)(ScopedE
         <div class="controls">
           <md-outlined-text-field
             label="그룹"
-            .value=${this.group}
-            @input=${(e: any) => (this.group = e.target.value)}
+            .value=${this.org}
+            @input=${(e: any) => (this.org = e.target.value)}
             style="width: 150px;"
           ></md-outlined-text-field>
 
@@ -591,7 +592,10 @@ export class KpiValueEditorPage extends connect(store)(localize(i18next)(ScopedE
                 valueDate
                 value
                 score
-                group
+                kpiOrgScope {
+                  id
+                  org
+                }
               }
               total
             }
@@ -599,7 +603,7 @@ export class KpiValueEditorPage extends connect(store)(localize(i18next)(ScopedE
         `,
         variables: {
           filters: [
-            ...(this.group ? [{ name: 'group', operator: 'eq', value: this.group }] : []),
+            ...(this.org ? [{ name: 'org', operator: 'eq', value: this.org }] : []),
             { name: 'valueDate', operator: 'between', value: [this.startDate, this.endDate] }
           ]
         }
@@ -688,7 +692,7 @@ export class KpiValueEditorPage extends connect(store)(localize(i18next)(ScopedE
               patches.push({
                 id: existingValue.id,
                 value: data.value,
-                group: this.group,
+                org: this.org,
                 cuFlag: 'M'
               })
             } else {
@@ -697,7 +701,7 @@ export class KpiValueEditorPage extends connect(store)(localize(i18next)(ScopedE
                 kpiId: kpi.kpiId,
                 valueDate: date,
                 value: data.value,
-                group: this.group,
+                org: this.org,
                 cuFlag: '+'
               })
             }

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

@@ -15,6 +15,7 @@ import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
 import { OxPopup, OxPrompt } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
+import { p13n } from '@operato/p13n'
 
 import { connect } from 'pwa-helpers/connect-mixin'
 import gql from 'graphql-tag'
@@ -22,7 +23,7 @@ import gql from 'graphql-tag'
 import { KpiValueImporter } from './kpi-value-importer'
 
 @customElement('kpi-value-list-page')
-export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
+export class KpiValueListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {
   static styles = [
     ScrollbarStyles,
     CommonGristStyles,
@@ -106,7 +107,12 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')
 
     return html`
-      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+      <ox-grist
+        .mode=${mode}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}
+      >
         <div slot="headroom" class="header">
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>
@@ -124,6 +130,8 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
             </ox-record-creator>
           </div>
         </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
       </ox-grist>
     `
   }
@@ -137,7 +145,7 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
           'valueDate',
           'value',
           'score',
-          'group',
+          'kpiOrgScope',
           'inputType',
           'source',
           'meta',
@@ -152,7 +160,7 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
           'valueDate',
           'value',
           'score',
-          'group',
+          'kpiOrgScope',
           'inputType',
           'source',
           'meta',
@@ -188,7 +196,16 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
         { type: 'string', name: 'valueDate', header: '실적일', record: { editable: true }, width: 120 },
         { type: 'number', name: 'value', header: '실적값', record: { editable: true }, width: 120 },
         { type: 'number', name: 'score', header: '성과점수', record: { editable: false }, width: 120 },
-        { type: 'string', name: 'group', header: '그룹', record: { editable: false }, width: 120 },
+        {
+          type: 'string',
+          name: 'kpiOrgScope',
+          header: '조직',
+          record: { editable: false },
+          width: 120,
+          renderer: (value, column, record, rowIndex, field) => {
+            return value?.entityName || value?.org || ''
+          }
+        },
         { type: 'string', name: 'inputType', header: '입력방식', record: { editable: false }, width: 100 },
         { type: 'string', name: 'source', header: '수집출처', record: { editable: false }, width: 120 },
         { type: 'object', name: 'meta', header: '메타', record: { editable: false }, width: 120 },
@@ -243,7 +260,10 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
               inputType
               source
               meta
-              group
+              kpiOrgScope {
+                id
+                org
+              }
               updater {
                 id
                 name
@@ -362,7 +382,11 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
               value
               score
               valueDate
-              group
+              kpiOrgScope {
+                id
+                entityName
+                org
+              }
             }
           }
         `,

package/client/route.ts

@@ -12,17 +12,10 @@ export default function route(page: string) {
       import('./pages/kpi/kpi-list-page')
       return page
 
-    case 'kpi-category-list':
-      import('./pages/kpi-category/kpi-category-list-page')
+    case 'kpi-tree':
+      import('./pages/kpi/kpi-tree-page')
       return page
 
-    case 'kpi-category-list':
-      import('./pages/kpi-category/kpi-category-list-page')
-      return page
-
-    case 'kpi-category-value-list':
-      import('./pages/kpi-category-value/kpi-category-value-list-page')
-      return page
 
     case 'kpi-metric-list':
       import('./pages/kpi-metric/kpi-metric-list-page')

package/design-entities.md

@@ -1,12 +1,11 @@
-
 # KPI 모듈 엔티티 설계
 
 ## 1. KPI (핵심성과지표)
+
 - **id**: string (PK)
 - **name**: string (지표명)
 - **code**: string (지표코드, unique)
 - **description**: string (설명)
-- **categoryId**: string (FK, KPI 카테고리)
 - **unit**: string (단위)
 - **formula**: string (산식)
 - **targetValue**: number (목표값)
@@ -16,13 +15,8 @@
 - **createdAt**: datetime
 - **updatedAt**: datetime
 
-## 2. KPI_CATEGORY (지표 분류)
-- **id**: string (PK)
-- **name**: string (분류명)
-- **description**: string
-- **parentId**: string (FK, 상위 분류)
-
 ## 3. KPI_VALUE (지표 실적값)
+
 - **id**: string (PK)
 - **kpiId**: string (FK, KPI)
 - **date**: date (실적 기준일)
@@ -32,13 +26,14 @@
 - **createdAt**: datetime
 
 ## 4. KPI_OWNER (담당자/조직)
+
 - **id**: string (PK)
 - **name**: string (이름/조직명)
 - **type**: enum('USER', 'DEPT')
 - **email**: string
 
-
 ## 5. KPI_HISTORY (변경이력)
+
 - **id**: string (PK)
 - **kpiId**: string (FK, KPI)
 - **changedAt**: datetime
@@ -48,6 +43,7 @@
 - **newValue**: string
 
 ## 6. METRIC (측정지표)
+
 - **id**: string (PK)
 - **name**: string (지표명)
 - **code**: string (지표코드, unique)
@@ -57,14 +53,15 @@
 - **createdAt**: datetime
 - **updatedAt**: datetime
 
-
 ## 7. KPI_METRIC_MAP (KPI-메트릭 매핑)
+
 - **id**: string (PK)
 - **kpiId**: string (FK, KPI)
 - **metricId**: string (FK, METRIC)
 - **order**: number (산식 내 사용 순서/우선순위)
 
 ## 8. KPI_GRADE (KPI별 등급/구간)
+
 - **id**: string (PK)
 - **kpiId**: string (FK, KPI)
 - **grade**: string (등급명, 예: A, B, C, D)
@@ -79,10 +76,8 @@
 ## 엔티티 간 릴레이션
 
 - **KPI** 1 --- N **KPI_VALUE** (한 KPI에 여러 실적값)
-- **KPI** N --- 1 **KPI_CATEGORY** (여러 KPI가 한 분류에 속함)
 - **KPI** N --- 1 **KPI_OWNER** (여러 KPI가 한 담당자/조직에 속함)
 - **KPI** 1 --- N **KPI_HISTORY** (한 KPI에 여러 변경이력)
-- **KPI_CATEGORY** N --- 1 **KPI_CATEGORY** (상위-하위 분류 구조)
 - **KPI** N --- M **METRIC** (KPI와 Metric은 N:M, KPI_METRIC_MAP으로 연결)
 
 - **KPI** 1 --- N **KPI_GRADE** (한 KPI에 여러 등급/구간)
@@ -90,6 +85,7 @@
 ---
 
 ## 확장 고려사항
+
 - KPI별 첨부파일, 알림설정, 외부연계정보 등은 추후 별도 엔티티로 확장 가능
 
 ---

package/dist-client/charts/kpi-boxplot-chart.d.ts

@@ -10,6 +10,7 @@ export declare class KpiBoxplotChart extends LitElement {
     q3Key: string;
     valueKey: string;
     currentGroup: string;
+    independentScale: boolean;
     static styles: import("lit").CSSResult;
     private chartWidth;
     private chartHeight;
@@ -18,5 +19,6 @@ export declare class KpiBoxplotChart extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(): void;
+    private getOrgValue;
     drawBoxplot(): void;
 }