@things-factory/kpi 10.1.248 → 10.1.249

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

@@ -0,0 +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 } 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 {   metricId: string\n  metricName: string\n  periodType: string\n  values: { [date: string]: { value: number | null; isDirty?: boolean } }\n}\n\ninterface EditorCell {   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 localize(i18next)(ScopedElementsMixin(PageView)) {   static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {         display: flex;\n        flex-direction: column;\n        padding: 20px;\n        overflow-x: auto;\n }\n\n      .header {         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 {         display: flex;\n        gap: 12px;\n        align-items: center;\n }\n\n      .table-container {         flex: 1;\n        overflow: auto;\n        border: 1px solid var(--md-sys-color-outline);\n        border-radius: 8px;\n }\n\n      table {         width: 100%;\n        border-collapse: collapse;\n        min-width: max-content;\n }\n\n      th {         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 {         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 {         position: sticky;\n        left: 0;\n        top: 0;\n        z-index: 3;\n }\n\n      .metric-name {         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 {         background: var(--md-sys-color-surface-container-high);\n }\n\n      th.date-header {         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 {         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 {         background: var(--md-sys-color-primary-container);\n }\n\n      td.highlighted-cell {         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 {         background: var(--md-sys-color-secondary-container);\n }\n\n      td.disabled-cell {         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 {         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 {         outline: 2px solid var(--md-sys-color-primary);\n        border-radius: 4px;\n }\n\n      .period-type-badge {         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 {         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 {         color: var(--md-sys-color-error);\n        padding: 16px;\n        text-align: center;\n }\n\n      .legend {         display: flex;\n        gap: 16px;\n        margin-top: 16px;\n        font-size: 12px;\n }\n\n      .legend-item {         display: flex;\n        align-items: center;\n        gap: 4px;\n }\n\n      .legend-color {         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() {     return {       title: i18next.t('title.kpi metric value editor'),\n      actions: [\n        {           title: i18next.t('button.save'),\n          action: this._saveValues.bind(this),\n          ...CommonButtonStyles.save\n },\n        {           title: i18next.t('button.cancel'),\n          action: this._cancel.bind(this),\n          ...CommonButtonStyles.cancel\n }\n      ]\n }\n }\n\n  render() {     if (this.loading) {       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) {       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) {     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') {       // DAY인 경우 해당 날짜의 값을 사용\n      value = metric.values[date]?.value\n } else if (metric.periodType === 'WEEK') {       // WEEK인 경우 해당 주의 월요일의 값을 사용\n      const weekKey = this._getWeekKey(date)\n      value = metric.values[weekKey]?.value\n } else if (metric.periodType === 'MONTH') {       // MONTH인 경우 해당 월의 값을 사용\n      const monthKey = this._getMonthKey(date)\n      value = metric.values[monthKey]?.value\n } else if (metric.periodType === 'QUARTER') {       // QUARTER인 경우 해당 분기의 값을 사용\n      const quarterKey = this._getQuarterKey(date)\n      value = metric.values[quarterKey]?.value\n } else if (metric.periodType === 'YEAR') {       // YEAR인 경우 해당 연도의 값을 사용\n      const yearKey = this._getYearKey(date)\n      value = metric.values[yearKey]?.value\n } else {       // 기본값: DAY와 동일\n      value = metric.values[date]?.value\n }\n\n    if (isEditing) {       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 {     const d = new Date(date)\n    return d.toLocaleDateString('ko-KR', { month: 'numeric', day: 'numeric' })\n }\n\n  private _startEdit(metricId: string, date: string) {     this.editingCell = { metricId, date }\n }\n\n  private _finishEdit(metricId: string, date: string, value: number) {     const metric = this.metrics.find(m => m.metricId === metricId)\n    if (metric) {       // periodType에 따라 저장할 키 결정\n      let storageKey = date\n\n      if (metric.periodType === 'WEEK') {         storageKey = this._getWeekKey(date)\n } else if (metric.periodType === 'MONTH') {         storageKey = this._getMonthKey(date)\n } else if (metric.periodType === 'QUARTER') {         storageKey = this._getQuarterKey(date)\n } else if (metric.periodType === 'YEAR') {         storageKey = this._getYearKey(date)\n }\n\n      if (!metric.values[storageKey]) {         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() {     if (!this.startDate || !this.endDate) {       this.error = '시작일, 종료일을 모두 입력해주세요.'\n      return\n }\n\n    this.loading = true\n    this.error = ''\n\n    try {       // KPI Metric 목록 조회\n      const metricsResponse = await client.query({         query: gql`\n          query ($filters: [Filter!]) {             kpiMetrics(filters: $filters) {               items {                 id\n                name\n                periodType\n                active\n }\n              total\n }\n }\n        `,\n        variables: {           filters: [{ name: 'active', operator: 'eq', value: true }]\n }\n })\n\n      // KPI Metric Value 데이터 조회\n      const valuesResponse = await client.query({         query: gql`\n          query ($filters: [Filter!]) {             kpiMetricValues(filters: $filters) {               items {                 id\n                metricId\n                valueDate\n                value\n                org\n }\n              total\n }\n }\n        `,\n        variables: {           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) => ({         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) => {         const metric = this.metrics.find(m => m.metricId === value.metricId)\n        if (metric) {           metric.values[value.valueDate] = {             value: value.value,\n            isDirty: false\n }\n }\n })\n\n      // KPI Metric Value가 없는 Metric도 빈 값으로 초기화\n      this.metrics.forEach(metric => {         this.dates.forEach(date => {           if (!metric.values[date]) {             metric.values[date] = { value: null, isDirty: false }\n }\n })\n })\n\n      this.requestUpdate()\n } catch (error) {       console.error('데이터 로드 중 오류:', error)\n      this.error = '데이터를 불러오는 중 오류가 발생했습니다.'\n } finally {       this.loading = false\n }\n }\n\n  private _generateDateArray(startDate: string, endDate: string): string[] {     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)) {       dates.push(d.toLocaleDateString('sv-SE'))\n }\n\n    return dates\n }\n\n  private async _saveValues() {     try {       const patches: any[] = []\n\n      this.metrics.forEach(metric => {         Object.entries(metric.values).forEach(([date, data]) => {           // dirty 상태인 데이터만 처리\n          if (data.isDirty && data.value !== null && data.value !== undefined) {             const existingValue = this._findExistingValue(metric.metricId, date)\n\n            if (existingValue) {               patches.push({                 id: existingValue.id,\n                value: data.value,\n                org: this.org,\n                cuFlag: 'M'\n })\n } else {               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({                 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) {         notify({ message: '저장할 데이터가 없습니다.' })\n        return\n }\n\n      // 디버깅: patches 내용 확인\n      console.log('Sending patches:', patches)\n\n      // 단일 mutation으로 생성과 업데이트 처리\n      const response = await client.mutate({         mutation: gql`\n          mutation ($patches: [KpiMetricValuePatch!]!) {             updateMultipleKpiMetricValue(patches: $patches) {               id\n              value\n              valueDate\n              metricId\n }\n }\n        `,\n        variables: { patches }\n })\n\n      if (!response.errors) {         // 저장 후 dirty 상태 해제\n        response.data.updateMultipleKpiMetricValue.forEach((savedValue: any) => {           const metric = this.metrics.find(m => m.metricId === savedValue.metricId)\n          if (metric && metric.values[savedValue.valueDate]) {             metric.values[savedValue.valueDate].isDirty = false\n }\n })\n\n        notify({ message: 'KPI Metric 값이 성공적으로 저장되었습니다.' })\n        this.requestUpdate()\n }\n } catch (error) {       console.error('저장 중 오류:', error)\n      notify({ message: '저장 중 오류가 발생했습니다.' })\n }\n }\n\n  private _findExistingValue(metricId: string, date: string) {     // 기존 로드된 KPI Metric Value 데이터에서 찾기\n    return this._existingValues?.find((v: any) => v.metricId === metricId && v.valueDate === date)\n }\n\n  private _getMonthKey(date: string): string {     const dateObj = new Date(date)\n    return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n }\n\n  private _getQuarterKey(date: string): string {     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 {     const dateObj = new Date(date)\n    return `${dateObj.getFullYear()}`\n }\n\n  private _getWeekKey(date: string): string {     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 {     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 {     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 {     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 {     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 {     console.log('Normalizing date:', date, 'for periodType:', periodType)\n\n    const dateObj = new Date(date)\n\n    switch (periodType) {       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    this.editingCell = null\n    this._loadData() // 원본 데이터로 복원\n }\n\n  async pageInitialized(lifecycle: any) {     // 기본값 설정 - 지난 1개월\n    if (!this.startDate) {       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) {       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-importer.d.ts

@@ -0,0 +1,23 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import { LitElement } from 'lit';
+export declare class KpiMetricValueImporter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    metricValues: any[];
+    columns: {
+        list: {
+            fields: string[];
+        };
+        pagination: {
+            infinite: boolean;
+        };
+        columns: {
+            type: string;
+            name: string;
+            header: string;
+            width: number;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    save(): Promise<void>;
+}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-importer.js

@@ -0,0 +1,75 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { isMobileDevice } from '@operato/utils';
+import { ButtonContainerStyles } from '@operato/styles';
+export class KpiMetricValueImporter extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.metricValues = [];
+        this.columns = {
+            list: { fields: ['metric', 'value', 'valueDate', 'org', 'meta'] },
+            pagination: { infinite: true },
+            columns: [
+                { type: 'string', name: 'metric', header: 'Metric', width: 150 },
+                { type: 'number', name: 'value', header: '값', width: 120 },
+                { type: 'date', name: 'valueDate', header: '날짜', width: 120 },
+                { type: 'string', name: 'org', header: '조직', width: 120 },
+                { type: 'object', name: 'meta', header: '메타', width: 120 }
+            ]
+        };
+    }
+    static { this.styles = [
+        ButtonContainerStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+      }
+      ox-grist {
+        flex: 1;
+      }
+    `
+    ]; }
+    render() {
+        return html `
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.columns}
+        .data=${{ records: this.metricValues }}
+      ></ox-grist>
+      <div class="button-container">
+        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+      </div>
+    `;
+    }
+    async save() {
+        const response = await client.mutate({
+            mutation: gql `
+        mutation importKpiMetricValues($metricValues: [KpiMetricValuePatch!]!) {
+          importKpiMetricValues(metricValues: $metricValues)
+        }
+      `,
+            variables: { metricValues: this.metricValues }
+        });
+        if (response.errors?.length)
+            return;
+        this.dispatchEvent(new CustomEvent('imported'));
+    }
+}
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], KpiMetricValueImporter.prototype, "metricValues", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], KpiMetricValueImporter.prototype, "columns", void 0);
+customElements.define('kpi-metric-value-importer', KpiMetricValueImporter);
+//# sourceMappingURL=kpi-metric-value-importer.js.map

package/dist-client/pages/kpi-metric-value/kpi-metric-value-importer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-metric-value-importer.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-importer.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,MAAM,OAAO,sBAAuB,SAAQ,UAAU;IAAtD;;QAe6B,iBAAY,GAAU,EAAE,CAAA;QACvB,YAAO,GAAG;YACpC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;YACjE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBAChE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC1D,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC7D,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;gBACzD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;aAC3D;SACF,CAAA;IA2BH,CAAC;aApDQ,WAAM,GAAG;QACd,qBAAqB;QACrB,GAAG,CAAA;;;;;;;;;KASF;KACF,AAZY,CAYZ;IAeD,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBACd,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE;;;0BAGpB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,4BAA4B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAE7F,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;SAC/C,CAAC,CAAA;QACF,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM;YAAE,OAAM;QACnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;;AArC0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;4DAAyB;AACvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAU1B;AA4BH,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,sBAAsB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { ButtonContainerStyles } from '@operato/styles'\n\nexport class KpiMetricValueImporter extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: #fff;\n      }\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) metricValues: any[] = []\n  @property({ type: Object }) columns = {\n    list: { fields: ['metric', 'value', 'valueDate', 'org', 'meta'] },\n    pagination: { infinite: true },\n    columns: [\n      { type: 'string', name: 'metric', header: 'Metric', width: 150 },\n      { type: 'number', name: 'value', header: '값', width: 120 },\n      { type: 'date', name: 'valueDate', header: '날짜', width: 120 },\n      { type: 'string', name: 'org', header: '조직', width: 120 },\n      { type: 'object', name: 'meta', header: '메타', width: 120 }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${{ records: this.metricValues }}\n      ></ox-grist>\n      <div class=\"button-container\">\n        <button @click=\"${this.save.bind(this)}\"><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n      </div>\n    `\n  }\n\n  async save() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importKpiMetricValues($metricValues: [KpiMetricValuePatch!]!) {\n          importKpiMetricValues(metricValues: $metricValues)\n        }\n      `,\n      variables: { metricValues: this.metricValues }\n    })\n    if (response.errors?.length) return\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n}\ncustomElements.define('kpi-metric-value-importer', KpiMetricValueImporter)\n"]}

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

@@ -0,0 +1,64 @@
+import '@material/web/icon/icon.js';
+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 { PageView } from '@operato/shell';
+import { FetchOption } from '@operato/data-grist';
+declare const KpiMetricValueListPage_base: (new (...args: any[]) => {
+    __preferenceProviders: {
+        [element: string]: import("@operato/p13n").PagePreferenceProvider;
+    };
+    getPagePreferenceProvider(element: string): import("@operato/p13n").PagePreferenceProvider | undefined;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
+export declare class KpiMetricValueListPage extends KpiMetricValueListPage_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    mode: 'CARD' | 'GRID' | 'LIST';
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        }[];
+        exportable: {
+            name: string;
+            data: () => Promise<{}[]>;
+        };
+        importable: {
+            handler: (records: any) => Promise<void>;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    pageUpdated(changes: any, lifecycle: any): void;
+    fetchHandler({ page, limit, sortings, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    _deleteKpiMetricValue(): Promise<void>;
+    _updateKpiMetricValue(): Promise<void>;
+    creationCallback(metricValue: any): Promise<boolean>;
+    exportHandler(): Promise<{}[]>;
+    importHandler(records: any): Promise<void>;
+    _editKpiMetricValue(metricValue: any): Promise<void>;
+    _openEditor(): Promise<void>;
+}
+export {};

package/dist-client/pages/kpi-metric-value/kpi-metric-value-list-page.js

@@ -0,0 +1,311 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+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, WorkSurfacePageStyles } from '@operato/styles';
+import { PageView } from '@operato/shell';
+import { css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { OxPrompt } from '@operato/popup';
+import { isMobileDevice } from '@operato/utils';
+import { p13n } from '@operato/p13n';
+import gql from 'graphql-tag';
+let KpiMetricValueListPage = class KpiMetricValueListPage extends p13n(localize(i18next)(ScopedElementsMixin(PageView))) {
+    constructor() {
+        super(...arguments);
+        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
+    }
+    static { this.styles = [
+        /* The work surface frame for a list screen (ADR-0060 decision 8). */
+        WorkSurfacePageStyles,
+        ScrollbarStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        css `
+      ox-filters-form {         flex: 1;
+ }
+    `
+    ]; }
+    get context() {
+        return { title: i18next.t('title.kpi metric value list'),
+            search: { handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: this.grist.searchText },
+            filter: { handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            },
+            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),
+                    ...CommonButtonStyles.save
+                },
+                { title: i18next.t('button.delete'),
+                    action: this._deleteKpiMetricValue.bind(this),
+                    ...CommonButtonStyles.delete
+                }
+            ],
+            exportable: { name: i18next.t('title.kpi metric value list'),
+                data: this.exportHandler.bind(this)
+            },
+            importable: { handler: this.importHandler.bind(this)
+            } };
+    }
+    render() {
+        const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID');
+        return html `
+      <ox-grist class="page-fill"
+        search-mode="term"
+        .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>
+            <div id="modes">
+              <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>
+              <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>
+              <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>
+            </div>
+            <ox-record-creator id="add" .callback=${this.creationCallback.bind(this)}>
+              <button>
+                <md-icon>add</md-icon>
+              </button>
+            </ox-record-creator>
+          </div>
+        </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
+      </ox-grist>
+    `;
+    }
+    async pageInitialized() {
+        this.gristConfig = { list: { 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' },
+                { 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',
+                    header: 'Metric',
+                    record: { editable: false, renderer: (v, c, r) => r.metric?.name },
+                    width: 150
+                },
+                { type: 'string', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },
+                { type: 'number', name: 'value', header: '값', record: { editable: true }, 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 },
+                { type: 'resource-object',
+                    name: 'creator',
+                    header: '생성자',
+                    record: { editable: false, renderer: (v, c, r) => r.creator?.name },
+                    width: 120
+                },
+                { type: 'resource-object',
+                    name: 'updater',
+                    header: '수정자',
+                    record: { editable: false, renderer: (v, c, r) => r.updater?.name },
+                    width: 120
+                }
+            ],
+            rows: { appendable: false,
+                selectable: { multiple: true
+                }
+            },
+            sorters: [{ name: 'valueDate' }]
+        };
+    }
+    pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.grist.fetch();
+        }
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }) {
+        const response = await client.query({ query: gql `
+        query ($search: String, $filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: kpiMetricValues(search: $search, filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id
+              metric {                 id
+                name
+ }
+              valueDate
+              value
+              meta
+              org
+              updater {                 id
+                name
+ }
+              updatedAt
+              creator {                 id
+                name
+ }
+              createdAt
+ }
+            total
+ }
+ }
+      `,
+            variables: { search,
+                filters,
+                pagination: { page, limit },
+                sortings
+            }
+        });
+        return { total: response.data.responses.total || 0,
+            records: response.data.responses.items || []
+        };
+    }
+    async _deleteKpiMetricValue() {
+        if (await OxPrompt.open({ title: i18next.t('text.are_you_sure'),
+            text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),
+            confirmButton: { text: i18next.t('button.confirm') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        })) {
+            const ids = this.grist.selected.map(record => record.id);
+            if (ids && ids.length > 0) {
+                const response = await client.mutate({ mutation: gql `
+            mutation ($ids: [String!]!) {               deleteKpiMetricValues(ids: $ids)
+ }
+          `,
+                    variables: { ids }
+                });
+                if (!response.errors) {
+                    this.grist.fetch();
+                    notify({ message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') }) });
+                }
+            }
+        }
+    }
+    async _updateKpiMetricValue() {
+        let patches = this.grist.dirtyRecords;
+        if (patches && patches.length) {
+            patches = patches.map(patch => {
+                let patchField = patch.id ? { id: patch.id } : {};
+                const dirtyFields = patch.__dirtyfields__;
+                for (let key in dirtyFields) {
+                    patchField[key] = dirtyFields[key].after;
+                }
+                patchField.cuFlag = patch.__dirty__;
+                return patchField;
+            });
+            const response = await client.mutate({ mutation: gql `
+          mutation ($patches: [KpiMetricValuePatch!]!) {             updateMultipleKpiMetricValue(patches: $patches) {               id
+              metric {                 id
+                name
+ }
+              valueDate
+              value
+ }
+ }
+        `,
+                variables: { patches }
+            });
+            if (!response.errors) {
+                this.grist.fetch();
+            }
+        }
+    }
+    async creationCallback(metricValue) {
+        try {
+            const response = await client.mutate({ mutation: gql `
+          mutation ($metricValue: NewKpiMetricValue!) {             createKpiMetricValue(metricValue: $metricValue) {               id
+ }
+ }
+        `,
+                variables: { metricValue },
+                context: { hasUpload: true }
+            });
+            if (!response.errors) {
+                this.grist.fetch();
+                document.dispatchEvent(new CustomEvent('notify', { detail: { message: i18next.t('text.data_created_successfully') } }));
+            }
+            return true;
+        }
+        catch (ex) {
+            console.error(ex);
+            document.dispatchEvent(new CustomEvent('notify', { detail: { type: 'error', message: i18next.t('text.error') } }));
+            return false;
+        }
+    }
+    async exportHandler() {
+        const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records;
+        const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'org', 'meta']);
+        return exportTargets.map(metricValue => {
+            let tempObj = {};
+            for (const field of targetFieldSet) {
+                tempObj[field] = metricValue[field];
+            }
+            return tempObj;
+        });
+    }
+    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}
+          .org=${metricValue.org}
+          .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}>
+    `);
+    }
+};
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], KpiMetricValueListPage.prototype, "gristConfig", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], KpiMetricValueListPage.prototype, "mode", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], KpiMetricValueListPage.prototype, "grist", void 0);
+KpiMetricValueListPage = __decorate([
+    customElement('kpi-metric-value-list-page')
+], KpiMetricValueListPage);
+export { KpiMetricValueListPage };
+//# sourceMappingURL=kpi-metric-value-list-page.js.map

package/dist-client/pages/kpi-metric-value/kpi-metric-value-list-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-metric-value-list-page.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport './kpi-metric-value-manual-entry-form.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { ColumnConfig, DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPopup, OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\nimport { p13n } from '@operato/p13n'\n\nimport gql from 'graphql-tag'\n\n@customElement('kpi-metric-value-list-page')\nexport class KpiMetricValueListPage extends p13n(localize(i18next)(ScopedElementsMixin(PageView))) {   static styles = [\n    /* The work surface frame for a list screen (ADR-0060 decision 8). */\n    WorkSurfacePageStyles,\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      ox-filters-form {         flex: 1;\n }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: String }) mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {     return {       title: i18next.t('title.kpi metric value list'),\n      search: {         handler: (search: string) => {           this.grist.searchText = search\n },\n        value: this.grist.searchText\n },\n      filter: {         handler: () => {           this.grist.toggleHeadroom()\n }\n },\n      help: 'kpi/kpi-metric-value',\n      actions: [\n        {           title: i18next.t('button.bulk edit'),\n          action: this._openEditor.bind(this),\n          ...CommonButtonStyles.edit\n },\n        {           title: i18next.t('button.save'),\n          action: this._updateKpiMetricValue.bind(this),\n          ...CommonButtonStyles.save\n },\n        {           title: i18next.t('button.delete'),\n          action: this._deleteKpiMetricValue.bind(this),\n          ...CommonButtonStyles.delete\n }\n      ],\n      exportable: {         name: i18next.t('title.kpi metric value list'),\n        data: this.exportHandler.bind(this)\n },\n      importable: {         handler: this.importHandler.bind(this)\n }\n }\n }\n\n  render() {     const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n    return html`\n      <ox-grist class=\"page-fill\"\n        search-mode=\"term\"\n        .mode=${mode}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')!}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n            <div id=\"modes\">\n              <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>\n              <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>\n              <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>\n            </div>\n            <ox-record-creator id=\"add\" .callback=${this.creationCallback.bind(this)}>\n              <button>\n                <md-icon>add</md-icon>\n              </button>\n            </ox-record-creator>\n          </div>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n }\n\n  async pageInitialized() {     this.gristConfig = {       list: {         fields: ['metric', 'valueDate', 'value', 'org', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater'],\n        details: ['metric', 'valueDate', 'value', 'org', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater']\n },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        // KPI Metric Value 수정 버튼 추가\n        {           type: 'gutter',\n          gutterName: 'button',\n          icon: 'edit',\n          title: '수정',\n          handlers: {             click: (columns, data, column, record, rowIndex) => {               this._editKpiMetricValue(record)\n }\n }\n },\n        {           type: 'string',\n          name: 'metric',\n          header: 'Metric',\n          record: { editable: false, renderer: (v, c, r) => r.metric?.name },\n          width: 150\n },\n        { type: 'string', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },\n        { type: 'number', name: 'value', header: '값', record: { editable: true }, width: 120 },\n        { type: 'string', name: 'org', header: '조직', record: { editable: false }, width: 120 },\n        { type: 'object', name: 'meta', header: '메타', record: { editable: false }, width: 120 },\n        { type: 'datetime', name: 'createdAt', header: '생성일', record: { editable: false }, width: 180 },\n        { type: 'datetime', name: 'updatedAt', header: '수정일', record: { editable: false }, width: 180 },\n        {           type: 'resource-object',\n          name: 'creator',\n          header: '생성자',\n          record: { editable: false, renderer: (v, c, r) => r.creator?.name },\n          width: 120\n },\n        {           type: 'resource-object',\n          name: 'updater',\n          header: '수정자',\n          record: { editable: false, renderer: (v, c, r) => r.updater?.name },\n          width: 120\n }\n      ],\n      rows: {         appendable: false,\n        selectable: {           multiple: true\n }\n },\n      sorters: [{ name: 'valueDate' }]\n }\n }\n\n  pageUpdated(changes: any, lifecycle: any) {     if (this.active) {       this.grist.fetch()\n }\n }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [], search }: FetchOption) {     const response = await client.query({       query: gql`\n        query ($search: String, $filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {           responses: kpiMetricValues(search: $search, filters: $filters, pagination: $pagination, sortings: $sortings) {             items {               id\n              metric {                 id\n                name\n }\n              valueDate\n              value\n              meta\n              org\n              updater {                 id\n                name\n }\n              updatedAt\n              creator {                 id\n                name\n }\n              createdAt\n }\n            total\n }\n }\n      `,\n      variables: {         search,\n        filters,\n        pagination: { page, limit },\n        sortings\n }\n })\n    return {       total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n }\n }\n\n  async _deleteKpiMetricValue() {     if (\n      await OxPrompt.open({         title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n })\n    ) {       const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {         const response = await client.mutate({           mutation: gql`\n            mutation ($ids: [String!]!) {               deleteKpiMetricValues(ids: $ids)\n }\n          `,\n          variables: { ids }\n })\n        if (!response.errors) {           this.grist.fetch()\n          notify({ message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') }) })\n }\n }\n }\n }\n\n  async _updateKpiMetricValue() {     let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {       patches = patches.map(patch => {         let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {           patchField[key] = dirtyFields[key].after\n }\n        patchField.cuFlag = patch.__dirty__\n        return patchField\n })\n      const response = await client.mutate({         mutation: gql`\n          mutation ($patches: [KpiMetricValuePatch!]!) {             updateMultipleKpiMetricValue(patches: $patches) {               id\n              metric {                 id\n                name\n }\n              valueDate\n              value\n }\n }\n        `,\n        variables: { patches }\n })\n      if (!response.errors) {         this.grist.fetch()\n }\n }\n }\n\n  async creationCallback(metricValue) {     try {       const response = await client.mutate({         mutation: gql`\n          mutation ($metricValue: NewKpiMetricValue!) {             createKpiMetricValue(metricValue: $metricValue) {               id\n }\n }\n        `,\n        variables: { metricValue },\n        context: { hasUpload: true }\n })\n      if (!response.errors) {         this.grist.fetch()\n        document.dispatchEvent(\n          new CustomEvent('notify', { detail: { message: i18next.t('text.data_created_successfully') } })\n        )\n }\n      return true\n } catch (ex) {       console.error(ex)\n      document.dispatchEvent(new CustomEvent('notify', { detail: { type: 'error', message: i18next.t('text.error') } }))\n      return false\n }\n }\n\n  async exportHandler() {     const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'org', 'meta'])\n    return exportTargets.map(metricValue => {       let tempObj = {}\n      for (const field of targetFieldSet) {         tempObj[field] = metricValue[field]\n }\n      return tempObj\n })\n }\n\n  async importHandler(records) {     // 임포트 팝업 등은 추후 구현\n }\n\n  async _editKpiMetricValue(metricValue) {     const popup = await openPopup(\n      html`\n        <kpi-metric-value-manual-entry-form\n          .metric=${metricValue.metric}\n          .valueDate=${metricValue.valueDate}\n          .value=${metricValue.value}\n          .org=${metricValue.org}\n          .meta=${metricValue.meta ? JSON.stringify(metricValue.meta) : ''}\n          @saved=${() => {             this.grist.fetch()\n            popup.close()\n }}\n        ></kpi-metric-value-manual-entry-form>\n      `,\n      {         title: `${metricValue.metric?.name || ''} 값 수정`,\n        size: 'medium',\n        backdrop: true\n }\n    )\n }\n\n  async _openEditor() {     const { KpiMetricValueEditorPage } = await import('./kpi-metric-value-editor-page.js')\n    await openPopup(html`\n      <${KpiMetricValueEditorPage}></${KpiMetricValueEditorPage}>\n    `)\n }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+export declare class KpiMetricValueManualEntryForm extends LitElement {
+    static styles: import("lit").CSSResult[];
+    metric: any;
+    valueDate: string;
+    value: string;
+    org: string;
+    meta: string;
+    loading: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    save(): Promise<void>;
+}