@dssp/supervision 0.0.18 → 0.0.19

package/dist-client/pages/checklist/checklist-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        font-size: 14px;\n        padding: 20px;\n        min-width: 800px;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px #999999 solid;\n          padding-inline: 8px;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 35px;\n          &[radio] {\n            text-align: center;\n            vertical-align: middle;\n            width: 55px;\n          }\n          &[attachment] {\n            width: 90px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: 5px;\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid #999999;\n        border-bottom: none;\n        margin-top: 10px;\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 90px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid #999999;\n        border-top: none;\n        margin-top: -1px;\n\n        tr[first] td {\n          border-top: none;\n        }\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: 10px;\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n        font-size: 12px;\n        margin-top: 10px;\n        color: #586878;\n        text-indent: -9px;\n        padding-left: 9px;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n  @query('ox-input-signature[name=\"overallConstructorSignature\"]') private elOverallConstructorSignature\n  @query('ox-input-signature[name=\"taskConstructorSignature\"]') private elTaskConstructorSignature\n  @query('ox-input-signature[name=\"overallSupervisorySignature\"]') private elOverallSupervisorySignature\n  @query('ox-input-signature[name=\"taskSupervisorySignature\"]') private elTaskSupervisorySignature\n\n  render() {\n    const today = this._getDate(new Date())\n    const isConstructorStep = this.status == BuildingInspectionStatus.WAIT || this.status == BuildingInspectionStatus.FAIL\n    const isSupervisoryStep = this.status == BuildingInspectionStatus.REQUEST\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n    console.log('this.checklist :', this.checklist)\n\n    return html`\n      <div wrapper>\n        <div name>${this.checklist.name}</div>\n\n        <table header>\n          <tr>\n            <th>공종</th>\n            <td>${this.checklist.constructionType}</td>\n            <th>문서 번호</th>\n            <td>${this.checklist.documentNo}</td>\n          </tr>\n          <tr>\n            <th>세부 공종</th>\n            <td>${this.checklist.constructionDetailType}</td>\n            <th>위치 및 부위</th>\n            <td>${this.checklist.location}</td>\n          </tr>\n          <tr>\n            <th>검측 부위</th>\n            <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n            <th></th>\n            <td></td>\n          </tr>\n        </table>\n\n        <table body>\n          <thead>\n            <tr>\n              <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n              <th rowspan=\"3\" inspection-name>검사항목</th>\n              <th rowspan=\"3\" criteria>검사기준</th>\n              <th colspan=\"4\" result>검사결과</th>\n              <th rowspan=\"3\" small>첨부자료</th>\n              <th rowspan=\"3\" small>조치사항</th>\n            </tr>\n            <tr>\n              <th colspan=\"2\">시공자</th>\n              <th colspan=\"2\">감리자</th>\n            </tr>\n            <tr>\n              <th>적합</th>\n              <th>부적합</th>\n              <th>적합</th>\n              <th>부적합</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n              return html` <tr>\n                ${showMainTypeCell\n                  ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                  : ''}\n                ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n                <td bold>${idx + 1}. ${item.name}</td>\n                <td>${item.inspctionCriteria}</td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"T\"\n                    .checked=${item.constructionConfirmStatus === 'T'}\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"F\"\n                    .checked=${item.constructionConfirmStatus === 'F'}\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"T\"\n                    .checked=${item.supervisoryConfirmStatus === 'T'}\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"F\"\n                    .checked=${item.supervisoryConfirmStatus === 'F'}\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td attachment></td>\n                <td></td>\n              </tr>`\n            })}\n          </tbody>\n        </table>\n\n        <table tail>\n          <tbody>\n            <tr first>\n              <th rowspan=\"2\">시공자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n              </td>\n              <th>총괄 시공책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallConstructorSignature || ''}\n                  name=\"overallConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 시공관리자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskConstructorSignature || ''}\n                  name=\"taskConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th rowspan=\"2\">감리자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n              </td>\n              <th>총괄 감리책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallSupervisorySignature || ''}\n                  name=\"overallSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 감리 책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskSupervisorySignature || ''}\n                  name=\"taskSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n\n        <div footer>\n          <div>\n            - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n            수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n          </div>\n          <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n        </div>\n      </div>\n    `\n  }\n\n  // updated(_changed: PropertyValues): void {\n  //   if (_changed.has('checklist')) {\n  //     if (this.checklist?.overallConstructorSignature)\n  //       this.elOverallConstructorSignature.loadSignature(this.checklist?.overallConstructorSignature)\n  //     if (this.checklist?.taskConstructorSignature)\n  //       this.elTaskConstructorSignature.loadSignature(this.checklist?.taskConstructorSignature)\n  //     if (this.checklist?.overallSupervisorySignature)\n  //       this.elOverallSupervisorySignature.loadSignature(this.checklist?.overallSupervisorySignature)\n  //     if (this.checklist?.taskSupervisorySignature)\n  //       this.elTaskSupervisorySignature.loadSignature(this.checklist?.taskSupervisorySignature)\n  //   }\n  // }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n\n    this.checklist[target.name] = target.value\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n}\n"]}
+{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        font-size: 14px;\n        padding: 20px;\n        min-width: 800px;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px #999999 solid;\n          padding-inline: 8px;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 35px;\n          &[radio] {\n            text-align: center;\n            vertical-align: middle;\n            width: 55px;\n          }\n          &[attachment] {\n            width: 90px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: 5px;\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid #999999;\n        border-bottom: none;\n        margin-top: 10px;\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 90px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid #999999;\n        border-top: none;\n        margin-top: -1px;\n\n        tr[first] td {\n          border-top: none;\n        }\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: 10px;\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n        font-size: 12px;\n        margin-top: 10px;\n        color: #586878;\n        text-indent: -9px;\n        padding-left: 9px;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n  @query('ox-input-signature[name=\"overallConstructorSignature\"]') private elOverallConstructorSignature\n  @query('ox-input-signature[name=\"taskConstructorSignature\"]') private elTaskConstructorSignature\n  @query('ox-input-signature[name=\"overallSupervisorySignature\"]') private elOverallSupervisorySignature\n  @query('ox-input-signature[name=\"taskSupervisorySignature\"]') private elTaskSupervisorySignature\n\n  render() {\n    const today = this._getDate(new Date())\n    const isConstructorStep = this.status == BuildingInspectionStatus.WAIT || this.status == BuildingInspectionStatus.FAIL\n    const isSupervisoryStep = this.status == BuildingInspectionStatus.REQUEST\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n    console.log('this.checklist :', this.checklist)\n\n    return html`\n      <div wrapper>\n        <div name>${this.checklist.name}</div>\n\n        <table header>\n          <tr>\n            <th>공종</th>\n            <td>${this.checklist.constructionType}</td>\n            <th>문서 번호</th>\n            <td>${this.checklist.documentNo}</td>\n          </tr>\n          <tr>\n            <th>세부 공종</th>\n            <td>${this.checklist.constructionDetailType}</td>\n            <th>위치 및 부위</th>\n            <td>${this.checklist.location}</td>\n          </tr>\n          <tr>\n            <th>검측 부위</th>\n            <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n            <th></th>\n            <td></td>\n          </tr>\n        </table>\n\n        <table body>\n          <thead>\n            <tr>\n              <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n              <th rowspan=\"3\" inspection-name>검사항목</th>\n              <th rowspan=\"3\" criteria>검사기준</th>\n              <th colspan=\"4\" result>검사결과</th>\n              <th rowspan=\"3\" small>첨부자료</th>\n              <th rowspan=\"3\" small>조치사항</th>\n            </tr>\n            <tr>\n              <th colspan=\"2\">시공자</th>\n              <th colspan=\"2\">감리자</th>\n            </tr>\n            <tr>\n              <th>적합</th>\n              <th>부적합</th>\n              <th>적합</th>\n              <th>부적합</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n              return html` <tr>\n                ${showMainTypeCell\n                  ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                  : ''}\n                ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n                <td bold>${idx + 1}. ${item.name}</td>\n                <td>${item.inspctionCriteria}</td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"T\"\n                    .checked=${item.constructionConfirmStatus === 'T'}\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"F\"\n                    .checked=${item.constructionConfirmStatus === 'F'}\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"T\"\n                    .checked=${item.supervisoryConfirmStatus === 'T'}\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"F\"\n                    .checked=${item.supervisoryConfirmStatus === 'F'}\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td attachment></td>\n                <td></td>\n              </tr>`\n            })}\n          </tbody>\n        </table>\n\n        <table tail>\n          <tbody>\n            <tr first>\n              <th rowspan=\"2\">시공자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n              </td>\n              <th>총괄 시공책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallConstructorSignature || ''}\n                  name=\"overallConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 시공관리자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskConstructorSignature || ''}\n                  name=\"taskConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th rowspan=\"2\">감리자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n              </td>\n              <th>총괄 감리책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallSupervisorySignature || ''}\n                  name=\"overallSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 감리 책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskSupervisorySignature || ''}\n                  name=\"taskSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n\n        <div footer>\n          <div>\n            - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n            수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n          </div>\n          <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n        </div>\n      </div>\n    `\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n\n    this.checklist[target.name] = target.value\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n}\n"]}

package/dist-client/pages/checklist-template/checklist-template-list.d.ts

@@ -1,9 +1,15 @@
 import '@material/web/icon/icon.js';
+import '@operato/context/ox-context-page-toolbar.js';
 import '@operato/data-grist';
 import './checklist-template-item';
 import { PageView } from '@operato/shell';
 import { FetchOption } from '@operato/data-grist';
-declare const ChecklistTemplateListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+declare const ChecklistTemplateListPage_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;
 export declare class ChecklistTemplateListPage extends ChecklistTemplateListPage_base {
     static styles: import("lit").CSSResult[];
     private gristConfig;
@@ -29,6 +35,7 @@ export declare class ChecklistTemplateListPage extends ChecklistTemplateListPage
             title: string;
             action: () => Promise<void>;
         }[];
+        toolbar: boolean;
     };
     render(): import("lit-html").TemplateResult<1>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;

package/dist-client/pages/checklist-template/checklist-template-list.js

@@ -1,25 +1,28 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
+import '@operato/context/ox-context-page-toolbar.js';
 import '@operato/data-grist';
 import './checklist-template-item';
-import { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles';
+import { CommonGristStyles, CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
 import { PageView } from '@operato/shell';
 import { css, html } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { DataGrist } from '@operato/data-grist';
 import { client } from '@operato/graphql';
 import { notify, openPopup } from '@operato/layout';
+import { i18next, localize } from '@operato/i18n';
+import { p13n } from '@operato/p13n';
 import gql from 'graphql-tag';
-let ChecklistTemplateListPage = class ChecklistTemplateListPage extends ScopedElementsMixin(PageView) {
+let ChecklistTemplateListPage = class ChecklistTemplateListPage extends p13n(localize(i18next)(PageView)) {
     get context() {
+        var _a;
         return {
             title: '체크리스트 템플릿 리스트',
             search: {
                 handler: (search) => {
                     this.grist.searchText = search;
                 },
-                value: this.grist.searchText
+                value: (_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText
             },
             filter: {
                 handler: () => {
@@ -29,17 +32,27 @@ let ChecklistTemplateListPage = class ChecklistTemplateListPage extends ScopedEl
             actions: [
                 Object.assign({ title: '저장', action: this._updateChecklistTemplate.bind(this) }, CommonButtonStyles.submit),
                 Object.assign({ title: '삭제', action: this.deleteChecklistTemplate.bind(this) }, CommonButtonStyles.delete)
-            ]
+            ],
+            toolbar: false
         };
     }
     render() {
         return html `
-      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
-        <div slot="headroom">
-          <div id="filters">
-            <ox-filters-form autofocus></ox-filters-form>
+      <ox-grist
+        .mode=${'GRID'}
+        .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>
+
+          <ox-context-page-toolbar class="actions" .context=${this.context}> </ox-context-page-toolbar>
         </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
       </ox-grist>
     `;
     }
@@ -228,6 +241,7 @@ let ChecklistTemplateListPage = class ChecklistTemplateListPage extends ScopedEl
 ChecklistTemplateListPage.styles = [
     ScrollbarStyles,
     CommonGristStyles,
+    CommonHeaderStyles,
     css `
       :host {
         display: flex;
@@ -238,6 +252,15 @@ ChecklistTemplateListPage.styles = [
         --grid-record-emphasized-background-color: red;
         --grid-record-emphasized-color: yellow;
       }
+
+      ox-grist {
+        overflow-y: auto;
+        flex: 1;
+      }
+
+      .header {
+        grid-template-areas: 'filters actions';
+      }
     `
 ];
 __decorate([

package/dist-client/pages/checklist-template/checklist-template-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-template-list.js","sourceRoot":"","sources":["../../../client/pages/checklist-template/checklist-template-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport './checklist-template-item'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify, openPopup } from '@operato/layout'\n\nimport gql from 'graphql-tag'\n\n@customElement('checklist-template-list')\nexport class ChecklistTemplateListPage extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  @state() private checklistDetailTypes\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: '체크리스트 템플릿 리스트',\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      actions: [\n        {\n          title: '저장',\n          action: this._updateChecklistTemplate.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this.deleteChecklistTemplate.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\">\n          <div id=\"filters\">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle) {\n    if (this.active) {\n      this.getchecklistTypes()\n    }\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          fixed: true,\n          icon: 'reorder',\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record.id) return\n              openPopup(\n                html`\n                  <checklist-template-item\n                    .checklistTemplate=${record}\n                    .checklistDetailTypes=${this.checklistDetailTypes}\n                    @requestRefresh=\"${() => this.grist.fetch()}\"\n                  ></checklist-template-item>\n                `,\n                {\n                  backdrop: true,\n                  size: 'large',\n                  title: '체크 리스트 아이템 템플릿'\n                }\n              )\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: '이름',\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: '수정자',\n          record: {\n            editable: false\n          },\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: '수정일시',\n          record: {\n            editable: false\n          },\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [\n        {\n          name: 'name'\n        }\n      ]\n    }\n  }\n\n  async getchecklistTypes() {\n    const response = await client.query({\n      query: gql`\n        query ChecklistTypes {\n          checklistTypes {\n            items {\n              id\n              mainType\n              detailType\n            }\n          }\n        }\n      `\n    })\n\n    this.checklistDetailTypes = response.data.checklistTypes?.items?.map(v => {\n      return {\n        display: v.detailType,\n        value: v.id,\n        mainType: v.mainType\n      }\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: checklistTemplates(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  private async deleteChecklistTemplate() {\n    if (confirm('삭제하시겠습니까?')) {\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              deleteChecklistTemplates(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private async _updateChecklistTemplate() {\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\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [ChecklistTemplatePatch!]!) {\n            updateMultipleChecklistTemplate(patches: $patches) {\n              name\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n        notify({ message: '저장되었습니다.' })\n      } else {\n        notify({ message: '저장에 실패하였습니다.', level: 'error' })\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"checklist-template-list.js","sourceRoot":"","sources":["../../../client/pages/checklist-template/checklist-template-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@operato/data-grist'\nimport './checklist-template-item'\n\nimport { CommonGristStyles, CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify, openPopup } from '@operato/layout'\nimport { i18next, localize } from '@operato/i18n'\nimport { p13n } from '@operato/p13n'\n\nimport gql from 'graphql-tag'\n\n@customElement('checklist-template-list')\nexport class ChecklistTemplateListPage extends p13n(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n\n      .header {\n        grid-template-areas: 'filters actions';\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  @state() private checklistDetailTypes\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: '체크리스트 템플릿 리스트',\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      actions: [\n        {\n          title: '저장',\n          action: this._updateChecklistTemplate.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this.deleteChecklistTemplate.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ],\n      toolbar: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${'GRID'}\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>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle) {\n    if (this.active) {\n      this.getchecklistTypes()\n    }\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          fixed: true,\n          icon: 'reorder',\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              if (!record.id) return\n              openPopup(\n                html`\n                  <checklist-template-item\n                    .checklistTemplate=${record}\n                    .checklistDetailTypes=${this.checklistDetailTypes}\n                    @requestRefresh=\"${() => this.grist.fetch()}\"\n                  ></checklist-template-item>\n                `,\n                {\n                  backdrop: true,\n                  size: 'large',\n                  title: '체크 리스트 아이템 템플릿'\n                }\n              )\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: '이름',\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: '수정자',\n          record: {\n            editable: false\n          },\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: '수정일시',\n          record: {\n            editable: false\n          },\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      sorters: [\n        {\n          name: 'name'\n        }\n      ]\n    }\n  }\n\n  async getchecklistTypes() {\n    const response = await client.query({\n      query: gql`\n        query ChecklistTypes {\n          checklistTypes {\n            items {\n              id\n              mainType\n              detailType\n            }\n          }\n        }\n      `\n    })\n\n    this.checklistDetailTypes = response.data.checklistTypes?.items?.map(v => {\n      return {\n        display: v.detailType,\n        value: v.id,\n        mainType: v.mainType\n      }\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: checklistTemplates(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  private async deleteChecklistTemplate() {\n    if (confirm('삭제하시겠습니까?')) {\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              deleteChecklistTemplates(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private async _updateChecklistTemplate() {\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\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [ChecklistTemplatePatch!]!) {\n            updateMultipleChecklistTemplate(patches: $patches) {\n              name\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n        notify({ message: '저장되었습니다.' })\n      } else {\n        notify({ message: '저장에 실패하였습니다.', level: 'error' })\n      }\n    }\n  }\n}\n"]}

package/dist-client/pages/checklist-template/checklist-type-management.d.ts

@@ -1,4 +1,5 @@
 import '@material/web/icon/icon.js';
+import '@operato/context/ox-context-page-toolbar.js';
 import '@operato/data-grist';
 import { PageView } from '@operato/shell';
 import { FetchOption } from '@operato/data-grist';
@@ -10,7 +11,12 @@ export declare const CHECKLIST_MAIN_TYPE_LIST: {
     10: string;
     20: string;
 };
-declare const ChecklistTypeManagement_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+declare const ChecklistTypeManagement_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;
 export declare class ChecklistTypeManagement extends ChecklistTypeManagement_base {
     static styles: import("lit").CSSResult[];
     private gristConfig;
@@ -35,6 +41,7 @@ export declare class ChecklistTypeManagement extends ChecklistTypeManagement_bas
             title: string;
             action: () => Promise<void>;
         }[];
+        toolbar: boolean;
     };
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(lifecycle: any): Promise<void>;

package/dist-client/pages/checklist-template/checklist-type-management.js

@@ -1,15 +1,17 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
+import '@operato/context/ox-context-page-toolbar.js';
 import '@operato/data-grist';
-import { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles';
-import { PageView } from '@operato/shell';
+import gql from 'graphql-tag';
 import { css, html } from 'lit';
+import { CommonGristStyles, CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
+import { PageView } from '@operato/shell';
 import { customElement, query, state } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { DataGrist } from '@operato/data-grist';
 import { client } from '@operato/graphql';
 import { notify } from '@operato/layout';
-import gql from 'graphql-tag';
+import { i18next, localize } from '@operato/i18n';
+import { p13n } from '@operato/p13n';
 export var ChecklistTypeMainType;
 (function (ChecklistTypeMainType) {
     ChecklistTypeMainType["BASIC"] = "10";
@@ -19,15 +21,16 @@ export const CHECKLIST_MAIN_TYPE_LIST = {
     [ChecklistTypeMainType.BASIC]: '기본 업무',
     [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'
 };
-let ChecklistTypeManagement = class ChecklistTypeManagement extends ScopedElementsMixin(PageView) {
+let ChecklistTypeManagement = class ChecklistTypeManagement extends p13n(localize(i18next)(PageView)) {
     get context() {
+        var _a;
         return {
             title: '체크리스트 구분 관리',
             search: {
                 handler: (search) => {
                     this.grist.searchText = search;
                 },
-                value: this.grist.searchText
+                value: (_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText
             },
             filter: {
                 handler: () => {
@@ -37,17 +40,27 @@ let ChecklistTypeManagement = class ChecklistTypeManagement extends ScopedElemen
             actions: [
                 Object.assign({ title: '저장', action: this._updateChecklistType.bind(this) }, CommonButtonStyles.submit),
                 Object.assign({ title: '삭제', action: this._deleteChecklistType.bind(this) }, CommonButtonStyles.delete)
-            ]
+            ],
+            toolbar: false
         };
     }
     render() {
         return html `
-      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
-        <div slot="headroom">
-          <div id="filters">
-            <ox-filters-form autofocus></ox-filters-form>
+      <ox-grist
+        .mode=${'GRID'}
+        .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>
+
+          <ox-context-page-toolbar class="actions" .context=${this.context}> </ox-context-page-toolbar>
         </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
       </ox-grist>
     `;
     }
@@ -64,7 +77,7 @@ let ChecklistTypeManagement = class ChecklistTypeManagement extends ScopedElemen
                         editable: true,
                         options: [{ display: '', value: '' }].concat(Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key })))
                     },
-                    filter: 'search',
+                    filter: true,
                     sortable: true,
                     width: 150
                 },
@@ -202,16 +215,24 @@ let ChecklistTypeManagement = class ChecklistTypeManagement extends ScopedElemen
 ChecklistTypeManagement.styles = [
     ScrollbarStyles,
     CommonGristStyles,
+    CommonHeaderStyles,
     css `
       :host {
         display: flex;
         flex-direction: column;
 
-        width: 100%;
-
         --grid-record-emphasized-background-color: red;
         --grid-record-emphasized-color: yellow;
       }
+
+      ox-grist {
+        overflow-y: auto;
+        flex: 1;
+      }
+
+      .header {
+        grid-template-areas: 'filters actions';
+      }
     `
 ];
 __decorate([

package/dist-client/pages/checklist-template/checklist-type-management.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-type-management.js","sourceRoot":"","sources":["../../../client/pages/checklist-template/checklist-type-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\n@customElement('checklist-type-management')\nexport class ChecklistTypeManagement extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        width: 100%;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: '체크리스트 구분 관리',\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      actions: [\n        {\n          title: '저장',\n          action: this._updateChecklistType.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\">\n          <div id=\"filters\">\n            <ox-filters-form autofocus></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'select',\n          name: 'mainType',\n          header: '메인 구분',\n          record: {\n            editable: true,\n            options: [{ display: '', value: '' }].concat(\n              Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key }))\n            )\n          },\n          filter: 'search',\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'detailType',\n          header: '상세 구분',\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 250\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: '수정자',\n          record: {\n            editable: false\n          },\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: '수정일시',\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        classifier: (record, rowIndex) => {\n          return {\n            emphasized:\n              record.mainType == ChecklistTypeMainType.BASIC\n                ? ['var(--grid-record-odd-background-color)', 'var(--grid-record-color)']\n                : ['var(--grid-record-background-color)', 'var(--grid-record-color)']\n          }\n        }\n      },\n      sorters: [{ name: 'mainType' }, { name: 'updatedAt', desc: true }, { name: 'detailType' }]\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: checklistTypes(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              mainType\n              detailType\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\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              deleteChecklistTypes(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private async _updateChecklistType() {\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\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [ChecklistTypePatch!]!) {\n            updateMultipleChecklistType(patches: $patches) {\n              id\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n        notify({ message: '저장되었습니다.' })\n      } else {\n        notify({ message: '저장에 실패하였습니다.', level: 'error' })\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"checklist-type-management.js","sourceRoot":"","sources":["../../../client/pages/checklist-template/checklist-type-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@operato/data-grist'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { CommonGristStyles, CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { i18next, localize } from '@operato/i18n'\nimport { p13n } from '@operato/p13n'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\n@customElement('checklist-type-management')\nexport class ChecklistTypeManagement extends p13n(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n\n      .header {\n        grid-template-areas: 'filters actions';\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: '체크리스트 구분 관리',\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      actions: [\n        {\n          title: '저장',\n          action: this._updateChecklistType.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ],\n      toolbar: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${'GRID'}\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>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n\n        <ox-grist-personalizer slot=\"setting\"></ox-grist-personalizer>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'select',\n          name: 'mainType',\n          header: '메인 구분',\n          record: {\n            editable: true,\n            options: [{ display: '', value: '' }].concat(\n              Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key }))\n            )\n          },\n          filter: true,\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'detailType',\n          header: '상세 구분',\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 250\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: '수정자',\n          record: {\n            editable: false\n          },\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: '수정일시',\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        classifier: (record, rowIndex) => {\n          return {\n            emphasized:\n              record.mainType == ChecklistTypeMainType.BASIC\n                ? ['var(--grid-record-odd-background-color)', 'var(--grid-record-color)']\n                : ['var(--grid-record-background-color)', 'var(--grid-record-color)']\n          }\n        }\n      },\n      sorters: [{ name: 'mainType' }, { name: 'updatedAt', desc: true }, { name: 'detailType' }]\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: checklistTypes(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              mainType\n              detailType\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    return {\n      total: response.data.responses.total || 0,\n      records: response.data.responses.items || []\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\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              deleteChecklistTypes(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private async _updateChecklistType() {\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\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [ChecklistTypePatch!]!) {\n            updateMultipleChecklistType(patches: $patches) {\n              id\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      if (!response.errors) {\n        this.grist.fetch()\n        notify({ message: '저장되었습니다.' })\n      } else {\n        notify({ message: '저장에 실패하였습니다.', level: 'error' })\n      }\n    }\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -1 +1 @@
-export default function route(page: string): "checklist-type-management" | "checklist-template-list" | "building-inspection-list" | "building-inspection-detail-drawing" | "building-inspection-detail-checklist" | undefined;
+export default function route(page: string): "building-inspection-detail-drawing" | "checklist-template-list" | "checklist-type-management" | "building-inspection-list" | "building-inspection-detail-checklist" | undefined;