@things-factory/kpi 9.0.22 → 9.0.24

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, 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 }) group: 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.group}\n            @input=${(e: any) => (this.group = 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                group\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            ...(this.group ? [{ name: 'group', operator: 'eq', value: this.group }] : []),\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                group: this.group,\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                group: this.group,\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"]}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-list-page.d.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 { PageView } from '@operato/shell';
 import { FetchOption } from '@operato/data-grist';
 declare const KpiMetricValueListPage_base: (new (...args: any[]) => {
@@ -11,7 +12,7 @@ declare const KpiMetricValueListPage_base: (new (...args: any[]) => {
     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>;
+}) & (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;
@@ -48,6 +49,7 @@ export declare class KpiMetricValueListPage extends KpiMetricValueListPage_base
     };
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(): Promise<void>;
+    pageUpdated(changes: any, lifecycle: any): void;
     fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
         total: any;
         records: any;
@@ -57,5 +59,7 @@ export declare class KpiMetricValueListPage extends KpiMetricValueListPage_base
     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

@@ -4,6 +4,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';
 import { css, html } from 'lit';
@@ -12,7 +13,7 @@ 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 } from '@operato/layout';
+import { notify, openPopup } from '@operato/layout';
 import { OxPrompt } from '@operato/popup';
 import { isMobileDevice } from '@operato/utils';
 import { connect } from 'pwa-helpers/connect-mixin';
@@ -56,6 +57,11 @@ let KpiMetricValueListPage = class KpiMetricValueListPage extends connect(store)
             },
             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),
@@ -107,6 +113,18 @@ let KpiMetricValueListPage = class KpiMetricValueListPage extends connect(store)
             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',
@@ -114,7 +132,7 @@ let KpiMetricValueListPage = class KpiMetricValueListPage extends connect(store)
                     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 },
@@ -144,6 +162,11 @@ let KpiMetricValueListPage = class KpiMetricValueListPage extends connect(store)
             sorters: [{ name: 'valueDate' }]
         };
     }
+    pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.grist.fetch();
+        }
+    }
     async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
         const response = await client.query({
             query: gql `
@@ -281,6 +304,31 @@ let KpiMetricValueListPage = class KpiMetricValueListPage extends connect(store)
     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}>
+    `);
+    }
 };
 __decorate([
     property({ type: Object }),

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

@@ -1 +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'\n\nimport { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store } 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'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-metric-value-list-page')\nexport class KpiMetricValueListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        width: 100%;\n      }\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n      ox-filters-form {\n        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() {\n    return {\n      title: i18next.t('title.kpi metric value list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist.searchText\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'kpi/kpi-metric-value',\n      actions: [\n        {\n          title: i18next.t('button.save'),\n          action: this._updateKpiMetricValue.bind(this),\n          ...CommonButtonStyles.save\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: this._deleteKpiMetricValue.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ],\n      exportable: {\n        name: i18next.t('title.kpi metric value list'),\n        data: this.exportHandler.bind(this)\n      },\n      importable: {\n        handler: this.importHandler.bind(this)\n      }\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n    return html`\n      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\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      </ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      list: {\n        fields: ['metric', 'valueDate', 'value', 'group', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater'],\n        details: ['metric', 'valueDate', 'value', 'group', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\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: 'date', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },\n        { type: 'number', name: 'value', header: '값', record: { editable: true }, width: 120 },\n        { type: 'string', name: 'group', 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        {\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        {\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: {\n        appendable: false,\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [{ name: 'valueDate' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: kpiMetricValues(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              metric {\n                id\n                name\n              }\n              valueDate\n              value\n              meta\n              group\n              updater {\n                id\n                name\n              }\n              updatedAt\n              creator {\n                id\n                name\n              }\n              createdAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  async _deleteKpiMetricValue() {\n    if (\n      await OxPrompt.open({\n        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    ) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteKpiMetricValues(ids: $ids)\n            }\n          `,\n          variables: { ids }\n        })\n        if (!response.errors) {\n          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() {\n    let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(patch => {\n        let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n        return patchField\n      })\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [KpiMetricValuePatch!]!) {\n            updateMultipleKpiMetricValue(patches: $patches) {\n              id\n              metric {\n                id\n                name\n              }\n              valueDate\n              value\n            }\n          }\n        `,\n        variables: { patches }\n      })\n      if (!response.errors) {\n        this.grist.fetch()\n      }\n    }\n  }\n\n  async creationCallback(metricValue) {\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($metricValue: NewKpiMetricValue!) {\n            createKpiMetricValue(metricValue: $metricValue) {\n              id\n            }\n          }\n        `,\n        variables: { metricValue },\n        context: { hasUpload: true }\n      })\n      if (!response.errors) {\n        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) {\n      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() {\n    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'group', 'meta'])\n    return exportTargets.map(metricValue => {\n      let tempObj = {}\n      for (const field of targetFieldSet) {\n        tempObj[field] = metricValue[field]\n      }\n      return tempObj\n    })\n  }\n\n  async importHandler(records) {\n    // 임포트 팝업 등은 추후 구현\n  }\n}\n"]}
+{"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 } from '@operato/styles'\nimport { PageView, store } 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'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-metric-value-list-page')\nexport class KpiMetricValueListPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        width: 100%;\n      }\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n      ox-filters-form {\n        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() {\n    return {\n      title: i18next.t('title.kpi metric value list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist.searchText\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'kpi/kpi-metric-value',\n      actions: [\n        {\n          title: i18next.t('button.bulk edit'),\n          action: this._openEditor.bind(this),\n          ...CommonButtonStyles.edit\n        },\n        {\n          title: i18next.t('button.save'),\n          action: this._updateKpiMetricValue.bind(this),\n          ...CommonButtonStyles.save\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: this._deleteKpiMetricValue.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ],\n      exportable: {\n        name: i18next.t('title.kpi metric value list'),\n        data: this.exportHandler.bind(this)\n      },\n      importable: {\n        handler: this.importHandler.bind(this)\n      }\n    }\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID')\n    return html`\n      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\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      </ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      list: {\n        fields: ['metric', 'valueDate', 'value', 'group', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater'],\n        details: ['metric', 'valueDate', 'value', 'group', '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        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'edit',\n          title: '수정',\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._editKpiMetricValue(record)\n            }\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: 'group', 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        {\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        {\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: {\n        appendable: false,\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [{ name: 'valueDate' }]\n    }\n  }\n\n  pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      this.grist.fetch()\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: kpiMetricValues(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              metric {\n                id\n                name\n              }\n              valueDate\n              value\n              meta\n              group\n              updater {\n                id\n                name\n              }\n              updatedAt\n              creator {\n                id\n                name\n              }\n              createdAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  async _deleteKpiMetricValue() {\n    if (\n      await OxPrompt.open({\n        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    ) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteKpiMetricValues(ids: $ids)\n            }\n          `,\n          variables: { ids }\n        })\n        if (!response.errors) {\n          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() {\n    let patches = this.grist.dirtyRecords\n    if (patches && patches.length) {\n      patches = patches.map(patch => {\n        let patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n        return patchField\n      })\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [KpiMetricValuePatch!]!) {\n            updateMultipleKpiMetricValue(patches: $patches) {\n              id\n              metric {\n                id\n                name\n              }\n              valueDate\n              value\n            }\n          }\n        `,\n        variables: { patches }\n      })\n      if (!response.errors) {\n        this.grist.fetch()\n      }\n    }\n  }\n\n  async creationCallback(metricValue) {\n    try {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($metricValue: NewKpiMetricValue!) {\n            createKpiMetricValue(metricValue: $metricValue) {\n              id\n            }\n          }\n        `,\n        variables: { metricValue },\n        context: { hasUpload: true }\n      })\n      if (!response.errors) {\n        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) {\n      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() {\n    const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records\n    const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'group', 'meta'])\n    return exportTargets.map(metricValue => {\n      let tempObj = {}\n      for (const field of targetFieldSet) {\n        tempObj[field] = metricValue[field]\n      }\n      return tempObj\n    })\n  }\n\n  async importHandler(records) {\n    // 임포트 팝업 등은 추후 구현\n  }\n\n  async _editKpiMetricValue(metricValue) {\n    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          .group=${metricValue.group}\n          .meta=${metricValue.meta ? JSON.stringify(metricValue.meta) : ''}\n          @saved=${() => {\n            this.grist.fetch()\n            popup.close()\n          }}\n        ></kpi-metric-value-manual-entry-form>\n      `,\n      {\n        title: `${metricValue.metric?.name || ''} 값 수정`,\n        size: 'medium',\n        backdrop: true\n      }\n    )\n  }\n\n  async _openEditor() {\n    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.js

@@ -110,24 +110,14 @@ let KpiMetricValueManualEntryForm = class KpiMetricValueManualEntryForm extends
         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/dist-client/pages/kpi-metric-value/kpi-metric-value-manual-entry-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"kpi-metric-value-manual-entry-form.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-manual-entry-form.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('kpi-metric-value-manual-entry-form')\nexport class KpiMetricValueManualEntryForm extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-surface, #f4f6fa);\n      }\n      form {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n      }\n      .form-card {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: 32px 32px 0 32px;\n        background: #fff;\n      }\n      label {\n        font-weight: 500;\n        margin-bottom: 4px;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n      }\n      input,\n      textarea {\n        font-size: 1em;\n        padding: 6px 8px;\n        border: 1px solid #ccc;\n        margin-top: 2px;\n        resize: none;\n      }\n      .desc {\n        font-size: 0.95em;\n        color: #888;\n        margin-top: 8px;\n      }\n      .footer span {\n        font-size: 0.8em;\n        color: var(--md-sys-color-on-surface);\n        line-height: 1.5;\n        padding: 10px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) metric: any\n  @state() valueDate = new Date().toISOString().slice(0, 10)\n  @state() value = ''\n  @state() group = ''\n  @state() meta = ''\n  @state() loading = false\n\n  render() {\n    return html`\n      <form style=\"display:flex;flex-direction:column;height:100%;\">\n        <div class=\"form-card\">\n          <div style=\"font-size:1.1em;font-weight:bold;margin-bottom:16px;\"><b>Metric:</b> ${this.metric?.name}</div>\n          <label>\n            날짜\n            <input type=\"date\" .value=${this.valueDate} @input=${e => (this.valueDate = e.target.value)} required />\n          </label>\n          <label>\n            값\n            <input type=\"number\" .value=${this.value} @input=${e => (this.value = e.target.value)} required />\n          </label>\n          <label>\n            그룹 (선택)\n            <input type=\"text\" .value=${this.group} @input=${e => (this.group = e.target.value)} />\n          </label>\n          <label>\n            메타정보 (선택, JSON)\n            <textarea .value=${this.meta} @input=${e => (this.meta = e.target.value)}></textarea>\n          </label>\n          <div class=\"desc\">입력방식: MANUAL, Source: MANUAL (자동 지정)</div>\n        </div>\n      </form>\n      <div class=\"footer\">\n        <div filler></div>\n        <button type=\"button\" ?disabled=${this.loading} done @click=${this.save}><md-icon>save</md-icon>저장</button>\n      </div>\n    `\n  }\n\n  async save() {\n    this.loading = true\n    let parsedMeta = undefined\n    if (this.meta) {\n      try {\n        parsedMeta = JSON.parse(this.meta)\n      } catch (err) {\n        notify({ message: '메타정보는 올바른 JSON이어야 합니다.', level: 'error' })\n        this.loading = false\n        return\n      }\n    }\n    try {\n      await client.mutate({\n        mutation: gql`\n          mutation ($metricId: ID!, $valueDate: String!, $value: Float!, $group: String, $meta: Object) {\n            createKpiMetricValue(\n              metricValue: {\n                metricId: $metricId\n                valueDate: $valueDate\n                value: $value\n                group: $group\n                meta: $meta\n                periodType: DAY\n              }\n            ) {\n              id\n            }\n          }\n        `,\n        variables: {\n          metricId: this.metric.id,\n          valueDate: this.valueDate,\n          value: parseFloat(this.value),\n          group: this.group || undefined,\n          meta: parsedMeta\n        }\n      })\n      notify({ message: 'Metric 값이 저장되었습니다.' })\n      this.dispatchEvent(new CustomEvent('saved', { bubbles: true, composed: true }))\n      let el: any = this.parentElement\n      while (el) {\n        if (typeof el.close === 'function') {\n          el.close()\n          break\n        }\n        el = el.parentElement\n      }\n    } catch (err: any) {\n      notify({ message: '저장 실패: ' + (err?.message || err), level: 'error' })\n    } finally {\n      this.loading = false\n    }\n  }\n}\n"]}
+{"version":3,"file":"kpi-metric-value-manual-entry-form.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-manual-entry-form.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('kpi-metric-value-manual-entry-form')\nexport class KpiMetricValueManualEntryForm extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-surface, #f4f6fa);\n      }\n      form {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n      }\n      .form-card {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        padding: 32px 32px 0 32px;\n        background: #fff;\n      }\n      label {\n        font-weight: 500;\n        margin-bottom: 4px;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n      }\n      input,\n      textarea {\n        font-size: 1em;\n        padding: 6px 8px;\n        border: 1px solid #ccc;\n        margin-top: 2px;\n        resize: none;\n      }\n      .desc {\n        font-size: 0.95em;\n        color: #888;\n        margin-top: 8px;\n      }\n      .footer span {\n        font-size: 0.8em;\n        color: var(--md-sys-color-on-surface);\n        line-height: 1.5;\n        padding: 10px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) metric: any\n  @state() valueDate = new Date().toISOString().slice(0, 10)\n  @state() value = ''\n  @state() group = ''\n  @state() meta = ''\n  @state() loading = false\n\n  render() {\n    return html`\n      <form style=\"display:flex;flex-direction:column;height:100%;\">\n        <div class=\"form-card\">\n          <div style=\"font-size:1.1em;font-weight:bold;margin-bottom:16px;\"><b>Metric:</b> ${this.metric?.name}</div>\n          <label>\n            날짜\n            <input type=\"date\" .value=${this.valueDate} @input=${e => (this.valueDate = e.target.value)} required />\n          </label>\n          <label>\n            값\n            <input type=\"number\" .value=${this.value} @input=${e => (this.value = e.target.value)} required />\n          </label>\n          <label>\n            그룹 (선택)\n            <input type=\"text\" .value=${this.group} @input=${e => (this.group = e.target.value)} />\n          </label>\n          <label>\n            메타정보 (선택, JSON)\n            <textarea .value=${this.meta} @input=${e => (this.meta = e.target.value)}></textarea>\n          </label>\n          <div class=\"desc\">입력방식: MANUAL, Source: MANUAL (자동 지정)</div>\n        </div>\n      </form>\n      <div class=\"footer\">\n        <div filler></div>\n        <button type=\"button\" ?disabled=${this.loading} done @click=${this.save}><md-icon>save</md-icon>저장</button>\n      </div>\n    `\n  }\n\n  async save() {\n    this.loading = true\n    let parsedMeta = undefined\n    if (this.meta) {\n      try {\n        parsedMeta = JSON.parse(this.meta)\n      } catch (err) {\n        notify({ message: '메타정보는 올바른 JSON이어야 합니다.', level: 'error' })\n        this.loading = false\n        return\n      }\n    }\n    try {\n      await client.mutate({\n        mutation: gql`\n          mutation ($metricName: String!, $value: Float!, $group: String, $meta: Object) {\n            recordKpiMetricValue(metricName: $metricName, value: $value, meta: $meta, group: $group) {\n              id\n            }\n          }\n        `,\n        variables: {\n          metricName: this.metric.name,\n          value: parseFloat(this.value),\n          group: this.group || undefined,\n          meta: parsedMeta\n        }\n      })\n      notify({ message: 'Metric 값이 저장되었습니다.' })\n      this.dispatchEvent(new CustomEvent('saved', { bubbles: true, composed: true }))\n      let el: any = this.parentElement\n      while (el) {\n        if (typeof el.close === 'function') {\n          el.close()\n          break\n        }\n        el = el.parentElement\n      }\n    } catch (err: any) {\n      notify({ message: '저장 실패: ' + (err?.message || err), level: 'error' })\n    } finally {\n      this.loading = false\n    }\n  }\n}\n"]}

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

@@ -94,7 +94,19 @@ let KpiMetricValueManualEntryPage = class KpiMetricValueManualEntryPage extends
                     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
                 },
                 {

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

@@ -1 +1 @@
-{"version":3,"file":"kpi-metric-value-manual-entry-page.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-manual-entry-page.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,yCAAyC,CAAA;AAEhD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAY,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAU,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,GAAG,MAAM,aAAa,CAAA;AAGtB,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAAvF;;QAmCY,YAAO,GAAU,EAAE,CAAA;IAyHtC,CAAC;aA3JQ,WAAM,GAAG;QACd,eAAe;QACf,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;KASF;KACF,AAbY,CAaZ;IAED,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC;YACvD,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC,MAAc,EAAE,EAAE;oBAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAA;gBAChC,CAAC;gBACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;aAC7B;YACD,MAAM,EAAE;gBACN,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;gBAC7B,CAAC;aACF;YACD,IAAI,EAAE,sBAAsB;SAC7B,CAAA;IACH,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;sCACuB,IAAI,CAAC,WAAW,kBAAkB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;KAC/F,CAAA;IACH,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,WAAW,GAAG;YACjB,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC;gBAC/B,OAAO,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC;aAClC;YACD,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,QAAQ;oBACd,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,UAAU;oBAChB,QAAQ,EAAE,KAAK;oBACf,KAAK,EAAE,EAAE;oBACT,KAAK,EAAE,IAAI;oBACX,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC;oBACvD,QAAQ,EAAE;wBACR,KAAK,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;4BACjD,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAA;wBAClC,CAAC;qBACF;iBACF;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC;oBAC/B,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;oBAC3B,MAAM,EAAE,QAAQ;oBAChB,QAAQ,EAAE,IAAI;oBACd,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,aAAa;oBACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC;oBACtC,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;oBAC3B,KAAK,EAAE,GAAG;iBACX;gBACD;oBACE,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,YAAY;oBAClB,MAAM,EAAE,IAAI;oBACZ,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;oBAC7F,KAAK,EAAE,EAAE;iBACV;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,QAAQ;oBAChB,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;oBAC3B,KAAK,EAAE,EAAE;iBACV;aACF;YACD,IAAI,EAAE;gBACJ,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE;oBACV,QAAQ,EAAE,KAAK;iBAChB;gBACD,UAAU,EAAE,UAAU,MAAM,EAAE,QAAQ,IAAG,CAAC;aAC3C;YACD,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAM;iBACb;aACF;SACF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE;QACvE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;OAaT;YACD,SAAS,EAAE;gBACT,OAAO;gBACP,UAAU,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;gBAC3B,QAAQ;aACT;SACF,CAAC,CAAA;QACF,OAAO;YACL,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;YACzC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,EAAE;SAC7C,CAAA;IACH,CAAC;IAED,mBAAmB,CAAC,MAAM;QACxB,SAAS,CACP,IAAI,CAAA;;oBAEU,MAAM;mBACP,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;;OAEpC,EACD;YACE,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,mBAAmB;SACzC,CACF,CAAA;IACH,CAAC;;AAzHgB;IAAhB,KAAK,EAAE;;kEAAyB;AAChB;IAAhB,KAAK,EAAE;;8DAA4B;AACT;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;4DAAA;AApCjC,6BAA6B;IADzC,aAAa,CAAC,oCAAoC,CAAC;GACvC,6BAA6B,CA4JzC","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport './kpi-metric-value-manual-entry-form.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport { DataGrist } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup, notify } from '@operato/layout'\nimport { PageView, store } from '@operato/shell'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-metric-value-manual-entry-page')\nexport class KpiMetricValueManualEntryPage extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        width: 100%;\n      }\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: i18next.t('title.kpi metric value manual entry'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist.searchText\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'kpi/kpi-metric-value'\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() private metrics: any[] = []\n  @query('ox-grist') private grist!: DataGrist\n\n  render() {\n    return html`\n      <ox-grist mode=\"CARD\" .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      list: {\n        fields: ['name', 'description'],\n        details: ['periodType', 'active']\n      },\n      columns: [\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'note_alt',\n          iconOnly: false,\n          width: 96,\n          fixed: true,\n          title: () => i18next.t('button.enter-kpi-metric-value'),\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this.openManualEntryForm(record)\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: { editable: false },\n          filter: 'search',\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'periodType',\n          header: '주기',\n          record: { editable: true, options: ['', 'DAY', 'WEEK', 'MONTH', 'QUARTER', 'YEAR', 'RANGE'] },\n          width: 80\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: 'Active',\n          record: { editable: false },\n          width: 60\n        }\n      ],\n      rows: {\n        appendable: false,\n        editable: false,\n        selectable: {\n          multiple: false\n        },\n        classifier: function (record, rowIndex) {}\n      },\n      sorters: [\n        {\n          name: 'name'\n        }\n      ]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: kpiMetrics(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              periodType\n              active\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  openManualEntryForm(metric) {\n    openPopup(\n      html`\n        <kpi-metric-value-manual-entry-form\n          .metric=${metric}\n          @saved=${() => this.grist.fetch()}\n        ></kpi-metric-value-manual-entry-form>\n      `,\n      {\n        backdrop: true,\n        size: 'medium',\n        title: `${metric.name} - Metric 값 수동 입력`\n      }\n    )\n  }\n}\n"]}
+{"version":3,"file":"kpi-metric-value-manual-entry-page.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-manual-entry-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport './kpi-metric-value-manual-entry-form.js'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport { DataGrist } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup, notify } from '@operato/layout'\nimport { PageView, store } from '@operato/shell'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\n\n@customElement('kpi-metric-value-manual-entry-page')\nexport class KpiMetricValueManualEntryPage extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        width: 100%;\n      }\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: i18next.t('title.kpi metric value manual entry'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist.searchText\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'kpi/kpi-metric-value'\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() private metrics: any[] = []\n  @query('ox-grist') private grist!: DataGrist\n\n  render() {\n    return html`\n      <ox-grist mode=\"CARD\" .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}></ox-grist>\n    `\n  }\n\n  async pageInitialized() {\n    this.gristConfig = {\n      list: {\n        fields: ['name', 'description'],\n        details: ['periodType', 'active']\n      },\n      columns: [\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'note_alt',\n          iconOnly: false,\n          width: 96,\n          fixed: true,\n          title: () => i18next.t('button.enter-kpi-metric-value'),\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this.openManualEntryForm(record)\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: { editable: false },\n          filter: 'search',\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: { editable: false },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'periodType',\n          header: '주기',\n          record: {\n            editable: true,\n            options: [\n              { value: '', display: '' },\n              { value: 'DAY', display: '일' },\n              { value: 'WEEK', display: '주' },\n              { value: 'MONTH', display: '월' },\n              { value: 'QUARTER', display: '분기' },\n              { value: 'YEAR', display: '년' },\n              { value: 'RANGE', display: '범위' },\n              { value: 'ALLTIME', display: '전체' }\n            ]\n          },\n          width: 80\n        },\n        {\n          type: 'checkbox',\n          name: 'active',\n          label: true,\n          header: 'Active',\n          record: { editable: false },\n          width: 60\n        }\n      ],\n      rows: {\n        appendable: false,\n        editable: false,\n        selectable: {\n          multiple: false\n        },\n        classifier: function (record, rowIndex) {}\n      },\n      sorters: [\n        {\n          name: 'name'\n        }\n      ]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          responses: kpiMetrics(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              description\n              periodType\n              active\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  openManualEntryForm(metric) {\n    openPopup(\n      html`\n        <kpi-metric-value-manual-entry-form\n          .metric=${metric}\n          @saved=${() => this.grist.fetch()}\n        ></kpi-metric-value-manual-entry-form>\n      `,\n      {\n        backdrop: true,\n        size: 'medium',\n        title: `${metric.name} - Metric 값 수동 입력`\n      }\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,55 @@
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
+import '@material/web/textfield/outlined-text-field.js';
+import { PageView } from '@operato/shell';
+declare const KpiValueEditorPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    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 KpiValueEditorPage extends KpiValueEditorPage_base {
+    static styles: import("lit").CSSResult[];
+    group: string;
+    startDate: string;
+    endDate: string;
+    private kpis;
+    private dates;
+    private loading;
+    private error;
+    private editingCell;
+    private _existingValues;
+    get context(): {
+        title: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => void;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderKpiCells;
+    private _getCellsForKpi;
+    private _isDateEditableForPeriodType;
+    private _isDateHighlightedForPeriodType;
+    private _getCellClass;
+    private _formatDate;
+    private _startEdit;
+    private _finishEdit;
+    private _renderCellContent;
+    private _calculateScore;
+    private _loadData;
+    private _generateDateArray;
+    private _saveValues;
+    private _findExistingValue;
+    private _cancel;
+    pageInitialized(lifecycle: any): Promise<void>;
+}
+export {};