@dssp/supervision 1.0.0-alpha.19 → 1.0.0-alpha.20

package/dist-client/pages/building-inspection-grid/building-inspection-grid-detail.js

@@ -46,7 +46,10 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
         const planYScale = Array.from({ length: ((_d = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.planYScale) || 0 }, (_, i) => i);
         return html `
       <div header>
-        <h2>${this.project.name} ${(_e = this.selectedBuilding) === null || _e === void 0 ? void 0 : _e.name} ${(_f = this.selectedLevel) === null || _f === void 0 ? void 0 : _f.floorDisplayName}층</h2>
+        <h2>
+          <md-icon slot="icon" back @click=${() => history.back()}>arrow_back</md-icon>
+          ${this.project.name} ${(_e = this.selectedBuilding) === null || _e === void 0 ? void 0 : _e.name} ${(_f = this.selectedLevel) === null || _f === void 0 ? void 0 : _f.floorDisplayName}층
+        </h2>
         <div button-container>
           <md-elevated-button href=${`project-update/${this.project.id}`}>
             <md-icon slot="icon">assignment</md-icon>프로젝트 정보 수정
@@ -656,8 +659,28 @@ BuildingInspectionGridDetail.styles = [
         margin: 0px 20px;
 
         h2 {
+          display: flex;
+          gap: 7px;
           flex: 0.5;
           color: #3f71a0;
+          font-size: 18px;
+
+          md-icon[back] {
+            background: linear-gradient(135deg, #3f71a0 0%, #5a8cc7 100%);
+            color: white;
+            padding: 8px;
+            border-radius: 50%;
+            cursor: pointer;
+            box-shadow: 0 2px 8px rgba(63, 113, 160, 0.3);
+            width: 14px;
+            height: 14px;
+            --md-icon-size: 20px;
+          }
+
+          md-icon[back]:hover {
+            background: linear-gradient(135deg, #2e5c89 0%, #4a7bb0 100%);
+            box-shadow: 0 4px 12px rgba(63, 113, 160, 0.4);
+          }
         }
 
         div[button-container] {

package/dist-client/pages/building-inspection-grid/building-inspection-grid-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-grid-detail.js","sourceRoot":"","sources":["../../../client/pages/building-inspection-grid/building-inspection-grid-detail.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'\nimport '@material/web/button/outlined-button.js'\n\nimport { PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { notify, openPopup } from '@operato/layout'\n\nimport './component/notice-comment-popup'\nimport './component/grid-inspection-create-popup'\nimport { BUILDING_INSPECTION_STATUS_DISPLAY, BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\nimport { ChecklistMode } from '../checklist/checklist-view'\nimport { verifyBiometric } from '@things-factory/auth-base/dist-client'\nimport { OxPrompt } from '@operato/popup'\nimport './component/plan-preview-popup'\n\n@customElement('building-inspection-grid-detail')\nexport class BuildingInspectionGridDetail extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n      md-filled-button[update] {\n        --md-filled-button-container-color: #42b382;\n      }\n      md-filled-button[apply-to-all] {\n        --md-filled-button-container-color: #aaa;\n      }\n      md-outlined-button {\n        color: #586878;\n        font-weight: bold;\n        --md-outlined-button-label-text-size: 13px;\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n      md-filled-select {\n        width: auto;\n        min-width: 150px;\n        --md-filled-select-text-field-container-color: transparent;\n        --md-filled-select-text-field-active-indicator-color: #999;\n        --md-filled-select-text-field-input-text-size: 14px;\n        --md-filled-select-text-field-input-text-weight: bold;\n        --md-filled-select-text-field-input-text-line-height: 6px;\n      }\n      md-filled-select[level] {\n        min-width: 110px;\n        margin-left: 20px;\n      }\n\n      md-icon[request],\n      md-icon[pass],\n      md-icon[fail] {\n        width: 20px;\n        height: 20px;\n        margin-right: 4px;\n        border-radius: 5px;\n        font-size: 21px;\n        font-weight: 700;\n        color: #fff;\n      }\n      md-icon[request] {\n        background-color: #4e5055;\n      }\n      md-icon[pass] {\n        background-color: #4bbb4a;\n      }\n      md-icon[fail] {\n        background-color: #ff4444;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n          }\n        }\n      }\n\n      div[body] {\n        display: grid;\n        grid-template-columns: 1fr 200px;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n        min-height: fit-content;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n        }\n\n        & > div {\n          display: flex;\n          gap: 10px;\n          border-radius: 5px;\n        }\n\n        div[left] {\n          flex-direction: column;\n\n          div[select] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #2ea4df1a;\n            border: 1px solid #2ea4df33;\n            font-size: 18px;\n            padding: 7px 10px;\n            border-radius: 5px;\n            gap: 12px;\n\n            & > div[state] {\n              display: flex;\n              font-size: 15px;\n              margin-right: 12px;\n              gap: 10px;\n\n              & > span {\n                display: flex;\n                align-items: center;\n                margin-left: 15px;\n                gap: 2px;\n              }\n            }\n          }\n\n          div[drawing] {\n            width: 100%;\n            background-color: #ffffff;\n            border: 1px solid #cccccc;\n            border-radius: 5px;\n            position: relative;\n          }\n\n          img {\n            width: 100%;\n            background-size: contain;\n          }\n\n          div[grid] {\n            display: flex;\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            border: 1px #ccc solid;\n            justify-content: space-between;\n\n            & > div[row] {\n              display: flex;\n              flex-direction: column;\n              justify-content: space-between;\n              flex: 1;\n\n              & > div[column] {\n                flex: 1;\n                border: dashed 1px #2ea4df99;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n              }\n            }\n\n            div[row='1'] div[column] {\n              border-left: none !important;\n            }\n            div[row]:last-of-type div[column] {\n              border-right: none !important;\n            }\n            div[column='1'] {\n              border-top: none !important;\n            }\n            div[column]:last-of-type {\n              border-bottom: none !important;\n            }\n\n            div[cell] {\n              &[status='WAIT'],\n              &[status='REQUEST'],\n              &[status='OVERALL_WAIT'],\n              &[status='OVERALL_REQUEST'],\n              &[status='PASS'],\n              &[status='FAIL'] {\n                background-color: #2ea4df1a;\n              }\n\n              &[active] {\n                background-color: #2ea4df99;\n              }\n            }\n          }\n        }\n\n        div[right] {\n          flex-direction: column;\n          gap: 15px;\n\n          & > div {\n            background-color: #ffffff;\n            border: 1px solid #cccccc80;\n            padding: 11px 12px 15px 12px;\n            border-radius: 5px;\n          }\n\n          div[top] {\n            div[content] {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n              gap: 5px;\n              align-items: center;\n              margin-top: 8px;\n              justify-content: space-between;\n\n              span {\n                display: flex;\n                align-items: center;\n                min-width: 55px;\n              }\n            }\n          }\n\n          div[bottom] {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            gap: 10px;\n\n            & > div {\n              display: flex;\n              flex-direction: column;\n              gap: 9px;\n\n              hr {\n                border: 1px #cccccc dashed;\n                width: 100%;\n                margin: 0;\n              }\n            }\n\n            div[view] {\n              flex: 1;\n\n              div[status] {\n                display: flex;\n                align-items: center;\n                margin-bottom: 7px;\n              }\n\n              div[date],\n              div[manager] {\n                font-size: 14px;\n              }\n            }\n\n            div[edit] {\n              flex: 1;\n            }\n\n            md-elevated-button {\n              --md-elevated-button-container-color: #fafafa;\n\n              --md-elevated-button-label-text-color: #586878;\n              --md-elevated-button-hover-label-text-color: #586878;\n              --md-elevated-button-pressed-label-text-color: #586878;\n              --md-elevated-button-focus-label-text-color: #586878;\n              --md-elevated-button-icon-color: #586878;\n              --md-elevated-button-hover-icon-color: #586878;\n              --md-elevated-button-pressed-icon-color: #586878;\n              --md-elevated-button-focus-icon-color: #586878;\n            }\n          }\n        }\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: '층별 시공검측 상세 정보'\n    }\n  }\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n  @state() project: any = { ...this.defaultProject }\n  @state() buildingInspections: any = []\n  @state() buildingInspectionSummaryOfProject: any = {}\n  @state() buildingInspectionSummaryOfBuildingLevel: any = {}\n  @state() selectedBuilding: any = {}\n  @state() selectedLevel: any = {}\n  @state() selectedInspection: any = {}\n  @state() cell: string = ''\n\n  @query('md-filled-select[building]') htmlSelectBuilding\n  @query('md-filled-select[level]') htmlSelectLevel\n\n  render() {\n    // 그리드 가로, 세로 길이 배열 생성\n    const planXScale = Array.from({ length: this.project?.buildingComplex?.planXScale || 0 }, (_, i) => i)\n    const planYScale = Array.from({ length: this.project?.buildingComplex?.planYScale || 0 }, (_, i) => i)\n\n    return html`\n      <div header>\n        <h2>${this.project.name} ${this.selectedBuilding?.name} ${this.selectedLevel?.floorDisplayName}층</h2>\n        <div button-container>\n          <md-elevated-button href=${`project-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n          </md-elevated-button>\n          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n            <md-icon slot=\"icon\">description</md-icon>도면 관리\n          </md-elevated-button>\n          <md-elevated-button @click=${this._openPlanPreviewPopup}>\n            <md-icon slot=\"icon\">folder_eye</md-icon>추가 도면 보기\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div body>\n        <div left>\n          <div select>\n            <div>\n              <md-filled-select building @change=${this._onSelectBuilding}>\n                ${this.project?.buildingComplex?.buildings?.map(building => {\n                  const selected = building.id === this.selectedBuilding?.id\n\n                  return html` <md-select-option ?selected=${selected} .value=${building.id}>\n                    <div slot=\"headline\">${building.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n\n              <md-filled-select level @change=${this._onSelectBuildingLevel}>\n                ${this.selectedBuilding?.buildingLevels?.map(level => {\n                  const selected = level.id === this.selectedLevel.id\n\n                  return html`<md-select-option ?selected=${selected} .value=${level.id}>\n                    <div slot=\"headline\">${level.floor}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n\n            <div state>\n              <span>\n                <md-icon request slot=\"icon\">frame_inspect</md-icon> 검측대기\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.WAIT.toLowerCase()]}</span>\n              </span>\n              <span>\n                <md-icon request slot=\"icon\">exclamation</md-icon> 검측요청\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.REQUEST.toLowerCase()]}</span>\n              </span>\n              <span>\n                <md-icon pass slot=\"icon\">check</md-icon> 합격\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.PASS.toLowerCase()]}</span>\n              </span>\n              <span>\n                <md-icon fail slot=\"icon\">close</md-icon> 불합격\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.FAIL.toLowerCase()]}</span>\n              </span>\n            </div>\n          </div>\n\n          <div drawing>\n            <img src=${this.selectedLevel?.mainDrawingImage || '/assets/images/img-drawing-default.png'} />\n\n            <div grid>\n              ${planXScale.map(\n                v =>\n                  html` <div row=${v}>\n                    ${planYScale.map(vv => {\n                      const buildingInspection = this.buildingInspections.find(i => i.cellX === v && i.cellY === vv)\n                      const status = buildingInspection?.status || ''\n\n                      return html`<div\n                        column=${vv}\n                        cell=${`${v},${vv}`}\n                        buildingInspectionId=${buildingInspection?.id}\n                        status=${status}\n                        @click=${this._onClickGrid}\n                      >\n                        ${this._getIconHtmlByStatus(status)}\n                      </div>`\n                    })}\n                  </div>`\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div right>\n          <div top bold>\n            <div>신규 등록 현황</div>\n            <div content>\n              <span>\n                <md-icon request slot=\"icon\">frame_inspect</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.WAIT.toLowerCase()]}\n              </span>\n              <span>\n                <md-icon request slot=\"icon\">exclamation</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n              </span>\n              <span>\n                <md-icon pass slot=\"icon\">check</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.PASS.toLowerCase()]}\n              </span>\n              <span>\n                <md-icon fail slot=\"icon\">close</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.FAIL.toLowerCase()]}\n              </span>\n            </div>\n          </div>\n\n          <div bottom>\n            <div name bold>층별 공지사항</div>\n            <md-elevated-button @click=${e => this._onClicPopupNotice()}>\n              공지사항 확인하기(${this.selectedLevel?.noticeCount || 0})\n            </md-elevated-button>\n\n            <div name bold>시공검측 세부사항</div>\n            ${html`\n              <div view>\n                <div status>\n                  ${this._getIconHtmlByStatus(this.selectedInspection.status)}\n                  <span bold> ${BUILDING_INSPECTION_STATUS_DISPLAY[this.selectedInspection.status]}</span>\n                </div>\n\n                <div>\n                  <div date>공종 : ${this.selectedInspection?.checklist?.constructionType || ''}</div>\n                </div>\n\n                <hr />\n\n                <div>\n                  <div date>세부 공종 : ${this.selectedInspection?.checklist?.constructionDetailType || ''}</div>\n                </div>\n\n                <hr />\n                <div>\n                  <div date>검측일 : ${this.selectedInspection.requestDate}</div>\n                </div>\n\n                <hr />\n\n                <div manager>\n                  담당자 : ${this.selectedInspection?.manager?.name} <br />\n                  ${this.selectedInspection?.manager?.phone}\n                </div>\n                <hr />\n              </div>\n\n              <!-- 전층 동일 적용 버튼 -->\n              ${this.selectedInspection.status\n                ? html`<md-filled-button apply-to-all @click=${() => this._onClickApplyToAll()}>전층 동일 적용</md-filled-button>`\n                : html``}\n\n              <!-- 검측 정보 등록, 수정 버튼 -->\n              ${!this.cell || this.selectedInspection.status == BuildingInspectionStatus.PASS\n                ? html``\n                : !this.selectedInspection.status\n                  ? html`<md-outlined-button @click=${() => this._onClickCreateInspection()}>검측 정보 등록 </md-outlined-button>`\n                  : html`<md-filled-button update @click=${() => this._onClickUpdateInspection()}\n                      >검측 정보 수정\n                    </md-filled-button> `}\n            `}\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  async pageInitialized(lifecycle: PageLifecycle) {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      const params: any = lifecycle.params\n      await this.initProject(lifecycle.resourceId, params.buildingId, params.levelId)\n    }\n  }\n\n  async initProject(projectId: string = '', buildingId: string = '', levelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Project(\n          $id: String!\n          $projectId: String!\n          $buildingLevelId: String!\n          $params: BuildingInspectionsOfBuildingLevel!\n        ) {\n          project(id: $id) {\n            id\n            name\n            buildingComplex {\n              id\n              planXScale\n              planYScale\n              overallConstructorEmails\n              taskConstructorEmails\n              overallSupervisoryEmails\n              taskSupervisoryEmails\n\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfProject(projectId: $projectId) {\n            wait\n            request\n            pass\n            fail\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              cellX\n              cellY\n              status\n              requestDate\n              creator {\n                id\n                name\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        id: projectId,\n        projectId: projectId,\n        buildingLevelId: levelId,\n        params: { buildingLevelId: levelId }\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.project\n    this.buildingInspections = response.data?.buildingInspectionsOfBuildingLevel?.items\n    this.buildingInspectionSummaryOfProject = response.data?.buildingInspectionSummaryOfProject\n    this.buildingInspectionSummaryOfBuildingLevel = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    // buildingId 파라미터가 있으면 선택된 빌딩, 없으면 첫번째 빌딩 선택\n    this.selectedBuilding = buildingId\n      ? this.project?.buildingComplex?.buildings?.filter(v => v.id === buildingId)[0]\n      : this.project?.buildingComplex?.buildings?.[0]\n\n    // 선택된 동의 층 리스트 가져오기\n    this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n\n    // levelId 파라미터가 있으면 선택된 층, 없으면 첫번째 층 선택\n    this.selectedLevel = levelId\n      ? this.selectedBuilding?.buildingLevels?.filter(v => v.id === levelId)[0]\n      : this.selectedBuilding?.buildingLevels?.[0]\n\n    // 동, 층이 랜더링 된 후에 select를 위해 이 시점에서 랜더링\n    this.selectedBuilding = await { ...this.selectedBuilding }\n\n    // 기본 값 셋팅 select\n    await this.htmlSelectBuilding.select(this.selectedBuilding.id)\n    await this.htmlSelectLevel.select(this.selectedLevel.id)\n  }\n\n  async _getBuilding(buildingId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Building($id: String!) {\n          building(id: $id) {\n            id\n            name\n            buildingLevels {\n              id\n              floor\n              floorDisplayName\n              noticeCount\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n            }\n          }\n        }\n      `,\n      variables: {\n        id: buildingId\n      }\n    })\n\n    if (response.errors) return\n\n    return response.data?.building || {}\n  }\n\n  async _getBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($id: String!) {\n          buildingInspection(id: $id) {\n            id\n            cellX\n            cellY\n            status\n            requestDate\n\n            checklist {\n              id\n              name\n              constructionType\n              constructionDetailType\n              location\n              inspectionParts\n              documentNo\n              constructionInspectionDate\n              supervisorInspectionDate\n              overallConstructorSignature\n              taskConstructorSignature\n              overallSupervisorySignature\n              taskSupervisorySignature\n\n              checklistItems {\n                id\n                name\n                sequence\n                mainType\n                detailType\n                inspctionCriteria\n                constructionConfirmStatus\n                supervisoryConfirmStatus\n                checklistItemCommentCount\n                checklistItemAttachmentCount\n              }\n            }\n\n            manager {\n              userId\n              name\n            }\n          }\n        }\n      `,\n      variables: {\n        id: buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    return response.data?.buildingInspection || {}\n  }\n\n  private async _onSelectBuilding(e) {\n    const buildingId = e.target.value\n    this.selectedBuilding = await this._getBuilding(buildingId)\n    this.selectedLevel = { ...this.selectedBuilding?.buildingLevels?.[0] }\n\n    this.refresh()\n  }\n\n  private _onSelectBuildingLevel(e) {\n    // SELECT event는 target, 팝업 Close는 detail\n    const buildingLevelId = e?.target?.value || e.detail.buildingLevelId\n    this.selectedLevel = {\n      ...(this.selectedBuilding?.buildingLevels?.find(v => v.id == buildingLevelId) || {})\n    }\n\n    this.refresh()\n  }\n\n  private async _onClickGrid(e) {\n    const target = e.currentTarget\n    const buildingInspectionId = target.getAttribute('buildingInspectionId')\n    const cell = target.getAttribute('cell')\n\n    // active 속성 모두 제거후 클릭한 셀만 active로 변경\n    this.shadowRoot?.querySelectorAll('div[cell][active]').forEach(e => e.removeAttribute('active'))\n    target.setAttribute('active', true)\n\n    const [cellX, cellY] = cell.split(',')\n    this.selectedInspection = buildingInspectionId ? await this._getBuildingInspection(buildingInspectionId) : { cellX, cellY }\n\n    this.cell = cell\n  }\n\n  private _onClicPopupNotice() {\n    openPopup(\n      html`<notice-comment-popup\n        .buildingLevelId=${this.selectedLevel.id}\n        .title=${`${this.selectedBuilding?.name} ${this.selectedLevel?.floor}층 공지사항`}\n        @change-comment=${(e: CustomEvent) => {\n          if (e.detail.type === 'create') {\n            this.selectedLevel.noticeCount++ // 코멘트 카운트 + 1\n          } else if (e.detail.type === 'delete') {\n            this.selectedLevel.noticeCount-- // 코멘트 카운트 - 1\n          }\n\n          this.requestUpdate()\n        }}\n      ></notice-comment-popup>`,\n      { backdrop: true, size: 'medium', title: '층별 공지사항' }\n    )\n  }\n\n  _onClickCreateInspection() {\n    if (!this.cell) {\n      notify({ message: '셀을 선택해주세요.' })\n      return\n    }\n\n    openPopup(\n      html`\n        <grid-inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.selectedBuilding.id}\n          .selectedBuildingLevelId=${this.selectedLevel.id}\n          .cell=${this.cell}\n          @requestRefresh=${async (e: CustomEvent) => {\n            await this.refresh(e.detail.buildingInspectionId)\n          }}\n        ></grid-inspection-create-popup>\n      `,\n      { backdrop: true, size: 'large', title: '검측 요청서 등록' }\n    )\n  }\n\n  _onClickUpdateInspection() {\n    openPopup(\n      html`\n        <div style=\"overflow-y: auto; height: 100%;\">\n          <checklist-view\n            .mode=${ChecklistMode.EDITOR}\n            .status=${this.selectedInspection.status}\n            .checklist=${this.selectedInspection.checklist || {}}\n            .buildingComplex=${this.project?.buildingComplex || {}}\n          ></checklist-view>\n\n          <div style=\"text-align: right; margin-right: 20px; margin-bottom: 15px\">\n            <md-elevated-button\n              ?disabled=${this.selectedInspection.status == BuildingInspectionStatus.PASS}\n              @click=${this._onClickModifyChecklist.bind(this)}\n            >\n              <md-icon slot=\"icon\">assignment</md-icon>등록\n            </md-elevated-button>\n          </div>\n        </div>\n      `,\n      { backdrop: true, size: 'large', title: '검측 요청서 수정' }\n    )\n  }\n\n  async refresh(buildingInspectionId: string = '') {\n    // 그리드, 서머리 정보 갱신\n    await this.initProject(this.project.id, this.selectedBuilding.id, this.selectedLevel.id)\n    // 선택된 검측 정보 갱신\n    this.selectedInspection = buildingInspectionId ? await this._getBuildingInspection(buildingInspectionId) : {}\n  }\n\n  _getIconHtmlByStatus(status: string) {\n    if (!status) return ''\n\n    if (status == BuildingInspectionStatus.WAIT || status == BuildingInspectionStatus.OVERALL_WAIT) {\n      return html`<md-icon request slot=\"icon\">frame_inspect</md-icon>`\n    }\n\n    if (status == BuildingInspectionStatus.REQUEST || status == BuildingInspectionStatus.OVERALL_REQUEST) {\n      return html`<md-icon request slot=\"icon\">exclamation</md-icon>`\n    }\n\n    if (status == BuildingInspectionStatus.PASS) {\n      return html`<md-icon pass slot=\"icon\">check</md-icon>`\n    }\n\n    return html`<md-icon fail slot=\"icon\">close</md-icon>`\n  }\n\n  private _onClickModifyChecklist() {\n    this.validateChecklist(this.selectedInspection.checklist)\n  }\n\n  private async validateChecklist(checklist: any) {\n    try {\n      const result = await verifyBiometric()\n      if (result.verified) {\n        console.log('Verification successful. Proceeding with sensitive action.')\n      } else {\n        notify({ message: 'Verification failed:' + result.message })\n        return\n      }\n    } catch (error) {\n      notify({ message: 'Error during biometric verification:' + error })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {\n          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)\n        }\n      `,\n      variables: {\n        buildingInspection: {\n          id: this.selectedInspection.id,\n          checklist: {\n            id: checklist.id,\n            overallConstructorSignature: checklist.overallConstructorSignature,\n            taskConstructorSignature: checklist.taskConstructorSignature,\n            overallSupervisorySignature: checklist.overallSupervisorySignature,\n            taskSupervisorySignature: checklist.taskSupervisorySignature\n          },\n          checklistItem: checklist.checklistItems.map(item => ({\n            id: item.id,\n            constructionConfirmStatus: item.constructionConfirmStatus,\n            supervisoryConfirmStatus: item.supervisoryConfirmStatus\n          }))\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측 요청서를 등록하였습니다.' })\n      this.refresh(this.selectedInspection.id)\n      history.back()\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n\n  async _onClickApplyToAll() {\n    if (\n      (await OxPrompt.open({\n        title: '전층 동일 적용',\n        text: '해당 검측을 전층에 동일하게 적용 하시겠습니까?',\n        confirmButton: { text: '확인' },\n        cancelButton: { text: '취소' }\n      })) === false\n    ) {\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ApplyToAllBuildingInspection($buildingInspectionId: String!) {\n          applyToAllBuildingInspection(buildingInspectionId: $buildingInspectionId)\n        }\n      `,\n      variables: {\n        buildingInspectionId: this.selectedInspection.id\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '전층 동일 적용 완료' })\n      this.refresh(this.selectedInspection.id)\n    } else {\n      notify({ message: response.errors?.[0]?.message || '전층 동일 적용에 실패하였습니다.', level: 'error' })\n    }\n  }\n\n  _openPlanPreviewPopup() {\n    openPopup(html`<plan-preview-popup .buildingLevelId=${this.selectedLevel.id}></plan-preview-popup>`, {\n      backdrop: true,\n      size: 'large',\n      title: '추가 도면 보기'\n    })\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-grid-detail.js","sourceRoot":"","sources":["../../../client/pages/building-inspection-grid/building-inspection-grid-detail.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'\nimport '@material/web/button/outlined-button.js'\n\nimport { PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport { notify, openPopup } from '@operato/layout'\n\nimport './component/notice-comment-popup'\nimport './component/grid-inspection-create-popup'\nimport { BUILDING_INSPECTION_STATUS_DISPLAY, BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\nimport { ChecklistMode } from '../checklist/checklist-view'\nimport { verifyBiometric } from '@things-factory/auth-base/dist-client'\nimport { OxPrompt } from '@operato/popup'\nimport './component/plan-preview-popup'\n\n@customElement('building-inspection-grid-detail')\nexport class BuildingInspectionGridDetail extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n      md-filled-button[update] {\n        --md-filled-button-container-color: #42b382;\n      }\n      md-filled-button[apply-to-all] {\n        --md-filled-button-container-color: #aaa;\n      }\n      md-outlined-button {\n        color: #586878;\n        font-weight: bold;\n        --md-outlined-button-label-text-size: 13px;\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n      md-filled-select {\n        width: auto;\n        min-width: 150px;\n        --md-filled-select-text-field-container-color: transparent;\n        --md-filled-select-text-field-active-indicator-color: #999;\n        --md-filled-select-text-field-input-text-size: 14px;\n        --md-filled-select-text-field-input-text-weight: bold;\n        --md-filled-select-text-field-input-text-line-height: 6px;\n      }\n      md-filled-select[level] {\n        min-width: 110px;\n        margin-left: 20px;\n      }\n\n      md-icon[request],\n      md-icon[pass],\n      md-icon[fail] {\n        width: 20px;\n        height: 20px;\n        margin-right: 4px;\n        border-radius: 5px;\n        font-size: 21px;\n        font-weight: 700;\n        color: #fff;\n      }\n      md-icon[request] {\n        background-color: #4e5055;\n      }\n      md-icon[pass] {\n        background-color: #4bbb4a;\n      }\n      md-icon[fail] {\n        background-color: #ff4444;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          display: flex;\n          gap: 7px;\n          flex: 0.5;\n          color: #3f71a0;\n          font-size: 18px;\n\n          md-icon[back] {\n            background: linear-gradient(135deg, #3f71a0 0%, #5a8cc7 100%);\n            color: white;\n            padding: 8px;\n            border-radius: 50%;\n            cursor: pointer;\n            box-shadow: 0 2px 8px rgba(63, 113, 160, 0.3);\n            width: 14px;\n            height: 14px;\n            --md-icon-size: 20px;\n          }\n\n          md-icon[back]:hover {\n            background: linear-gradient(135deg, #2e5c89 0%, #4a7bb0 100%);\n            box-shadow: 0 4px 12px rgba(63, 113, 160, 0.4);\n          }\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n          }\n        }\n      }\n\n      div[body] {\n        display: grid;\n        grid-template-columns: 1fr 200px;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n        min-height: fit-content;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n        }\n\n        & > div {\n          display: flex;\n          gap: 10px;\n          border-radius: 5px;\n        }\n\n        div[left] {\n          flex-direction: column;\n\n          div[select] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #2ea4df1a;\n            border: 1px solid #2ea4df33;\n            font-size: 18px;\n            padding: 7px 10px;\n            border-radius: 5px;\n            gap: 12px;\n\n            & > div[state] {\n              display: flex;\n              font-size: 15px;\n              margin-right: 12px;\n              gap: 10px;\n\n              & > span {\n                display: flex;\n                align-items: center;\n                margin-left: 15px;\n                gap: 2px;\n              }\n            }\n          }\n\n          div[drawing] {\n            width: 100%;\n            background-color: #ffffff;\n            border: 1px solid #cccccc;\n            border-radius: 5px;\n            position: relative;\n          }\n\n          img {\n            width: 100%;\n            background-size: contain;\n          }\n\n          div[grid] {\n            display: flex;\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            border: 1px #ccc solid;\n            justify-content: space-between;\n\n            & > div[row] {\n              display: flex;\n              flex-direction: column;\n              justify-content: space-between;\n              flex: 1;\n\n              & > div[column] {\n                flex: 1;\n                border: dashed 1px #2ea4df99;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n              }\n            }\n\n            div[row='1'] div[column] {\n              border-left: none !important;\n            }\n            div[row]:last-of-type div[column] {\n              border-right: none !important;\n            }\n            div[column='1'] {\n              border-top: none !important;\n            }\n            div[column]:last-of-type {\n              border-bottom: none !important;\n            }\n\n            div[cell] {\n              &[status='WAIT'],\n              &[status='REQUEST'],\n              &[status='OVERALL_WAIT'],\n              &[status='OVERALL_REQUEST'],\n              &[status='PASS'],\n              &[status='FAIL'] {\n                background-color: #2ea4df1a;\n              }\n\n              &[active] {\n                background-color: #2ea4df99;\n              }\n            }\n          }\n        }\n\n        div[right] {\n          flex-direction: column;\n          gap: 15px;\n\n          & > div {\n            background-color: #ffffff;\n            border: 1px solid #cccccc80;\n            padding: 11px 12px 15px 12px;\n            border-radius: 5px;\n          }\n\n          div[top] {\n            div[content] {\n              display: grid;\n              grid-template-columns: 1fr 1fr;\n              gap: 5px;\n              align-items: center;\n              margin-top: 8px;\n              justify-content: space-between;\n\n              span {\n                display: flex;\n                align-items: center;\n                min-width: 55px;\n              }\n            }\n          }\n\n          div[bottom] {\n            display: flex;\n            flex-direction: column;\n            flex: 1;\n            gap: 10px;\n\n            & > div {\n              display: flex;\n              flex-direction: column;\n              gap: 9px;\n\n              hr {\n                border: 1px #cccccc dashed;\n                width: 100%;\n                margin: 0;\n              }\n            }\n\n            div[view] {\n              flex: 1;\n\n              div[status] {\n                display: flex;\n                align-items: center;\n                margin-bottom: 7px;\n              }\n\n              div[date],\n              div[manager] {\n                font-size: 14px;\n              }\n            }\n\n            div[edit] {\n              flex: 1;\n            }\n\n            md-elevated-button {\n              --md-elevated-button-container-color: #fafafa;\n\n              --md-elevated-button-label-text-color: #586878;\n              --md-elevated-button-hover-label-text-color: #586878;\n              --md-elevated-button-pressed-label-text-color: #586878;\n              --md-elevated-button-focus-label-text-color: #586878;\n              --md-elevated-button-icon-color: #586878;\n              --md-elevated-button-hover-icon-color: #586878;\n              --md-elevated-button-pressed-icon-color: #586878;\n              --md-elevated-button-focus-icon-color: #586878;\n            }\n          }\n        }\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: '층별 시공검측 상세 정보'\n    }\n  }\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n  @state() project: any = { ...this.defaultProject }\n  @state() buildingInspections: any = []\n  @state() buildingInspectionSummaryOfProject: any = {}\n  @state() buildingInspectionSummaryOfBuildingLevel: any = {}\n  @state() selectedBuilding: any = {}\n  @state() selectedLevel: any = {}\n  @state() selectedInspection: any = {}\n  @state() cell: string = ''\n\n  @query('md-filled-select[building]') htmlSelectBuilding\n  @query('md-filled-select[level]') htmlSelectLevel\n\n  render() {\n    // 그리드 가로, 세로 길이 배열 생성\n    const planXScale = Array.from({ length: this.project?.buildingComplex?.planXScale || 0 }, (_, i) => i)\n    const planYScale = Array.from({ length: this.project?.buildingComplex?.planYScale || 0 }, (_, i) => i)\n\n    return html`\n      <div header>\n        <h2>\n          <md-icon slot=\"icon\" back @click=${() => history.back()}>arrow_back</md-icon>\n          ${this.project.name} ${this.selectedBuilding?.name} ${this.selectedLevel?.floorDisplayName}층\n        </h2>\n        <div button-container>\n          <md-elevated-button href=${`project-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n          </md-elevated-button>\n          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n            <md-icon slot=\"icon\">description</md-icon>도면 관리\n          </md-elevated-button>\n          <md-elevated-button @click=${this._openPlanPreviewPopup}>\n            <md-icon slot=\"icon\">folder_eye</md-icon>추가 도면 보기\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div body>\n        <div left>\n          <div select>\n            <div>\n              <md-filled-select building @change=${this._onSelectBuilding}>\n                ${this.project?.buildingComplex?.buildings?.map(building => {\n                  const selected = building.id === this.selectedBuilding?.id\n\n                  return html` <md-select-option ?selected=${selected} .value=${building.id}>\n                    <div slot=\"headline\">${building.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n\n              <md-filled-select level @change=${this._onSelectBuildingLevel}>\n                ${this.selectedBuilding?.buildingLevels?.map(level => {\n                  const selected = level.id === this.selectedLevel.id\n\n                  return html`<md-select-option ?selected=${selected} .value=${level.id}>\n                    <div slot=\"headline\">${level.floor}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n\n            <div state>\n              <span>\n                <md-icon request slot=\"icon\">frame_inspect</md-icon> 검측대기\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.WAIT.toLowerCase()]}</span>\n              </span>\n              <span>\n                <md-icon request slot=\"icon\">exclamation</md-icon> 검측요청\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.REQUEST.toLowerCase()]}</span>\n              </span>\n              <span>\n                <md-icon pass slot=\"icon\">check</md-icon> 합격\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.PASS.toLowerCase()]}</span>\n              </span>\n              <span>\n                <md-icon fail slot=\"icon\">close</md-icon> 불합격\n                <span bold>${this.buildingInspectionSummaryOfProject[BuildingInspectionStatus.FAIL.toLowerCase()]}</span>\n              </span>\n            </div>\n          </div>\n\n          <div drawing>\n            <img src=${this.selectedLevel?.mainDrawingImage || '/assets/images/img-drawing-default.png'} />\n\n            <div grid>\n              ${planXScale.map(\n                v =>\n                  html` <div row=${v}>\n                    ${planYScale.map(vv => {\n                      const buildingInspection = this.buildingInspections.find(i => i.cellX === v && i.cellY === vv)\n                      const status = buildingInspection?.status || ''\n\n                      return html`<div\n                        column=${vv}\n                        cell=${`${v},${vv}`}\n                        buildingInspectionId=${buildingInspection?.id}\n                        status=${status}\n                        @click=${this._onClickGrid}\n                      >\n                        ${this._getIconHtmlByStatus(status)}\n                      </div>`\n                    })}\n                  </div>`\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div right>\n          <div top bold>\n            <div>신규 등록 현황</div>\n            <div content>\n              <span>\n                <md-icon request slot=\"icon\">frame_inspect</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.WAIT.toLowerCase()]}\n              </span>\n              <span>\n                <md-icon request slot=\"icon\">exclamation</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n              </span>\n              <span>\n                <md-icon pass slot=\"icon\">check</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.PASS.toLowerCase()]}\n              </span>\n              <span>\n                <md-icon fail slot=\"icon\">close</md-icon>\n                ${this.buildingInspectionSummaryOfBuildingLevel[BuildingInspectionStatus.FAIL.toLowerCase()]}\n              </span>\n            </div>\n          </div>\n\n          <div bottom>\n            <div name bold>층별 공지사항</div>\n            <md-elevated-button @click=${e => this._onClicPopupNotice()}>\n              공지사항 확인하기(${this.selectedLevel?.noticeCount || 0})\n            </md-elevated-button>\n\n            <div name bold>시공검측 세부사항</div>\n            ${html`\n              <div view>\n                <div status>\n                  ${this._getIconHtmlByStatus(this.selectedInspection.status)}\n                  <span bold> ${BUILDING_INSPECTION_STATUS_DISPLAY[this.selectedInspection.status]}</span>\n                </div>\n\n                <div>\n                  <div date>공종 : ${this.selectedInspection?.checklist?.constructionType || ''}</div>\n                </div>\n\n                <hr />\n\n                <div>\n                  <div date>세부 공종 : ${this.selectedInspection?.checklist?.constructionDetailType || ''}</div>\n                </div>\n\n                <hr />\n                <div>\n                  <div date>검측일 : ${this.selectedInspection.requestDate}</div>\n                </div>\n\n                <hr />\n\n                <div manager>\n                  담당자 : ${this.selectedInspection?.manager?.name} <br />\n                  ${this.selectedInspection?.manager?.phone}\n                </div>\n                <hr />\n              </div>\n\n              <!-- 전층 동일 적용 버튼 -->\n              ${this.selectedInspection.status\n                ? html`<md-filled-button apply-to-all @click=${() => this._onClickApplyToAll()}>전층 동일 적용</md-filled-button>`\n                : html``}\n\n              <!-- 검측 정보 등록, 수정 버튼 -->\n              ${!this.cell || this.selectedInspection.status == BuildingInspectionStatus.PASS\n                ? html``\n                : !this.selectedInspection.status\n                  ? html`<md-outlined-button @click=${() => this._onClickCreateInspection()}>검측 정보 등록 </md-outlined-button>`\n                  : html`<md-filled-button update @click=${() => this._onClickUpdateInspection()}\n                      >검측 정보 수정\n                    </md-filled-button> `}\n            `}\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  async pageInitialized(lifecycle: PageLifecycle) {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      const params: any = lifecycle.params\n      await this.initProject(lifecycle.resourceId, params.buildingId, params.levelId)\n    }\n  }\n\n  async initProject(projectId: string = '', buildingId: string = '', levelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Project(\n          $id: String!\n          $projectId: String!\n          $buildingLevelId: String!\n          $params: BuildingInspectionsOfBuildingLevel!\n        ) {\n          project(id: $id) {\n            id\n            name\n            buildingComplex {\n              id\n              planXScale\n              planYScale\n              overallConstructorEmails\n              taskConstructorEmails\n              overallSupervisoryEmails\n              taskSupervisoryEmails\n\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfProject(projectId: $projectId) {\n            wait\n            request\n            pass\n            fail\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              cellX\n              cellY\n              status\n              requestDate\n              creator {\n                id\n                name\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        id: projectId,\n        projectId: projectId,\n        buildingLevelId: levelId,\n        params: { buildingLevelId: levelId }\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.project\n    this.buildingInspections = response.data?.buildingInspectionsOfBuildingLevel?.items\n    this.buildingInspectionSummaryOfProject = response.data?.buildingInspectionSummaryOfProject\n    this.buildingInspectionSummaryOfBuildingLevel = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    // buildingId 파라미터가 있으면 선택된 빌딩, 없으면 첫번째 빌딩 선택\n    this.selectedBuilding = buildingId\n      ? this.project?.buildingComplex?.buildings?.filter(v => v.id === buildingId)[0]\n      : this.project?.buildingComplex?.buildings?.[0]\n\n    // 선택된 동의 층 리스트 가져오기\n    this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n\n    // levelId 파라미터가 있으면 선택된 층, 없으면 첫번째 층 선택\n    this.selectedLevel = levelId\n      ? this.selectedBuilding?.buildingLevels?.filter(v => v.id === levelId)[0]\n      : this.selectedBuilding?.buildingLevels?.[0]\n\n    // 동, 층이 랜더링 된 후에 select를 위해 이 시점에서 랜더링\n    this.selectedBuilding = await { ...this.selectedBuilding }\n\n    // 기본 값 셋팅 select\n    await this.htmlSelectBuilding.select(this.selectedBuilding.id)\n    await this.htmlSelectLevel.select(this.selectedLevel.id)\n  }\n\n  async _getBuilding(buildingId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Building($id: String!) {\n          building(id: $id) {\n            id\n            name\n            buildingLevels {\n              id\n              floor\n              floorDisplayName\n              noticeCount\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n            }\n          }\n        }\n      `,\n      variables: {\n        id: buildingId\n      }\n    })\n\n    if (response.errors) return\n\n    return response.data?.building || {}\n  }\n\n  async _getBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($id: String!) {\n          buildingInspection(id: $id) {\n            id\n            cellX\n            cellY\n            status\n            requestDate\n\n            checklist {\n              id\n              name\n              constructionType\n              constructionDetailType\n              location\n              inspectionParts\n              documentNo\n              constructionInspectionDate\n              supervisorInspectionDate\n              overallConstructorSignature\n              taskConstructorSignature\n              overallSupervisorySignature\n              taskSupervisorySignature\n\n              checklistItems {\n                id\n                name\n                sequence\n                mainType\n                detailType\n                inspctionCriteria\n                constructionConfirmStatus\n                supervisoryConfirmStatus\n                checklistItemCommentCount\n                checklistItemAttachmentCount\n              }\n            }\n\n            manager {\n              userId\n              name\n            }\n          }\n        }\n      `,\n      variables: {\n        id: buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    return response.data?.buildingInspection || {}\n  }\n\n  private async _onSelectBuilding(e) {\n    const buildingId = e.target.value\n    this.selectedBuilding = await this._getBuilding(buildingId)\n    this.selectedLevel = { ...this.selectedBuilding?.buildingLevels?.[0] }\n\n    this.refresh()\n  }\n\n  private _onSelectBuildingLevel(e) {\n    // SELECT event는 target, 팝업 Close는 detail\n    const buildingLevelId = e?.target?.value || e.detail.buildingLevelId\n    this.selectedLevel = {\n      ...(this.selectedBuilding?.buildingLevels?.find(v => v.id == buildingLevelId) || {})\n    }\n\n    this.refresh()\n  }\n\n  private async _onClickGrid(e) {\n    const target = e.currentTarget\n    const buildingInspectionId = target.getAttribute('buildingInspectionId')\n    const cell = target.getAttribute('cell')\n\n    // active 속성 모두 제거후 클릭한 셀만 active로 변경\n    this.shadowRoot?.querySelectorAll('div[cell][active]').forEach(e => e.removeAttribute('active'))\n    target.setAttribute('active', true)\n\n    const [cellX, cellY] = cell.split(',')\n    this.selectedInspection = buildingInspectionId ? await this._getBuildingInspection(buildingInspectionId) : { cellX, cellY }\n\n    this.cell = cell\n  }\n\n  private _onClicPopupNotice() {\n    openPopup(\n      html`<notice-comment-popup\n        .buildingLevelId=${this.selectedLevel.id}\n        .title=${`${this.selectedBuilding?.name} ${this.selectedLevel?.floor}층 공지사항`}\n        @change-comment=${(e: CustomEvent) => {\n          if (e.detail.type === 'create') {\n            this.selectedLevel.noticeCount++ // 코멘트 카운트 + 1\n          } else if (e.detail.type === 'delete') {\n            this.selectedLevel.noticeCount-- // 코멘트 카운트 - 1\n          }\n\n          this.requestUpdate()\n        }}\n      ></notice-comment-popup>`,\n      { backdrop: true, size: 'medium', title: '층별 공지사항' }\n    )\n  }\n\n  _onClickCreateInspection() {\n    if (!this.cell) {\n      notify({ message: '셀을 선택해주세요.' })\n      return\n    }\n\n    openPopup(\n      html`\n        <grid-inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.selectedBuilding.id}\n          .selectedBuildingLevelId=${this.selectedLevel.id}\n          .cell=${this.cell}\n          @requestRefresh=${async (e: CustomEvent) => {\n            await this.refresh(e.detail.buildingInspectionId)\n          }}\n        ></grid-inspection-create-popup>\n      `,\n      { backdrop: true, size: 'large', title: '검측 요청서 등록' }\n    )\n  }\n\n  _onClickUpdateInspection() {\n    openPopup(\n      html`\n        <div style=\"overflow-y: auto; height: 100%;\">\n          <checklist-view\n            .mode=${ChecklistMode.EDITOR}\n            .status=${this.selectedInspection.status}\n            .checklist=${this.selectedInspection.checklist || {}}\n            .buildingComplex=${this.project?.buildingComplex || {}}\n          ></checklist-view>\n\n          <div style=\"text-align: right; margin-right: 20px; margin-bottom: 15px\">\n            <md-elevated-button\n              ?disabled=${this.selectedInspection.status == BuildingInspectionStatus.PASS}\n              @click=${this._onClickModifyChecklist.bind(this)}\n            >\n              <md-icon slot=\"icon\">assignment</md-icon>등록\n            </md-elevated-button>\n          </div>\n        </div>\n      `,\n      { backdrop: true, size: 'large', title: '검측 요청서 수정' }\n    )\n  }\n\n  async refresh(buildingInspectionId: string = '') {\n    // 그리드, 서머리 정보 갱신\n    await this.initProject(this.project.id, this.selectedBuilding.id, this.selectedLevel.id)\n    // 선택된 검측 정보 갱신\n    this.selectedInspection = buildingInspectionId ? await this._getBuildingInspection(buildingInspectionId) : {}\n  }\n\n  _getIconHtmlByStatus(status: string) {\n    if (!status) return ''\n\n    if (status == BuildingInspectionStatus.WAIT || status == BuildingInspectionStatus.OVERALL_WAIT) {\n      return html`<md-icon request slot=\"icon\">frame_inspect</md-icon>`\n    }\n\n    if (status == BuildingInspectionStatus.REQUEST || status == BuildingInspectionStatus.OVERALL_REQUEST) {\n      return html`<md-icon request slot=\"icon\">exclamation</md-icon>`\n    }\n\n    if (status == BuildingInspectionStatus.PASS) {\n      return html`<md-icon pass slot=\"icon\">check</md-icon>`\n    }\n\n    return html`<md-icon fail slot=\"icon\">close</md-icon>`\n  }\n\n  private _onClickModifyChecklist() {\n    this.validateChecklist(this.selectedInspection.checklist)\n  }\n\n  private async validateChecklist(checklist: any) {\n    try {\n      const result = await verifyBiometric()\n      if (result.verified) {\n        console.log('Verification successful. Proceeding with sensitive action.')\n      } else {\n        notify({ message: 'Verification failed:' + result.message })\n        return\n      }\n    } catch (error) {\n      notify({ message: 'Error during biometric verification:' + error })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {\n          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)\n        }\n      `,\n      variables: {\n        buildingInspection: {\n          id: this.selectedInspection.id,\n          checklist: {\n            id: checklist.id,\n            overallConstructorSignature: checklist.overallConstructorSignature,\n            taskConstructorSignature: checklist.taskConstructorSignature,\n            overallSupervisorySignature: checklist.overallSupervisorySignature,\n            taskSupervisorySignature: checklist.taskSupervisorySignature\n          },\n          checklistItem: checklist.checklistItems.map(item => ({\n            id: item.id,\n            constructionConfirmStatus: item.constructionConfirmStatus,\n            supervisoryConfirmStatus: item.supervisoryConfirmStatus\n          }))\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측 요청서를 등록하였습니다.' })\n      this.refresh(this.selectedInspection.id)\n      history.back()\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n\n  async _onClickApplyToAll() {\n    if (\n      (await OxPrompt.open({\n        title: '전층 동일 적용',\n        text: '해당 검측을 전층에 동일하게 적용 하시겠습니까?',\n        confirmButton: { text: '확인' },\n        cancelButton: { text: '취소' }\n      })) === false\n    ) {\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ApplyToAllBuildingInspection($buildingInspectionId: String!) {\n          applyToAllBuildingInspection(buildingInspectionId: $buildingInspectionId)\n        }\n      `,\n      variables: {\n        buildingInspectionId: this.selectedInspection.id\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '전층 동일 적용 완료' })\n      this.refresh(this.selectedInspection.id)\n    } else {\n      notify({ message: response.errors?.[0]?.message || '전층 동일 적용에 실패하였습니다.', level: 'error' })\n    }\n  }\n\n  _openPlanPreviewPopup() {\n    openPopup(html`<plan-preview-popup .buildingLevelId=${this.selectedLevel.id}></plan-preview-popup>`, {\n      backdrop: true,\n      size: 'large',\n      title: '추가 도면 보기'\n    })\n  }\n}\n"]}

package/dist-client/pages/checklist/attachment-list-popup.js

@@ -17,6 +17,7 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
         super(...arguments);
         this.checklistItemId = '';
         this.status = BuildingInspectionStatus.WAIT;
+        this.mode = "VIEWER" /* ChecklistMode.VIEWER */;
         this.item = { count: 0 };
         this.checklistItemAttachments = [];
         this.checklistItemAttachmentCount = 0;
@@ -35,7 +36,9 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
                   <span creator><md-icon slot="icon">account_circle</md-icon> ${attachment.creator.name}</span>
                   <span createdAt>
                     <md-icon slot="icon">schedule</md-icon> ${this._formatDate(attachment.createdAt)}
-                    ${attachment.creator.email === this.user.email && this.status != BuildingInspectionStatus.PASS
+                    ${attachment.creator.email === this.user.email &&
+                this.status != BuildingInspectionStatus.PASS &&
+                this.mode == "EDITOR" /* ChecklistMode.EDITOR */
                 ? html ` <md-icon delete slot="icon" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`
                 : ''}
                     <a button-download href=${attachment.fullpath} download=${attachment.name}>
@@ -53,7 +56,7 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
           accept="*/*"
           multiple="true"
           hide-filelist
-          ?disabled=${this.status == BuildingInspectionStatus.PASS}
+          ?disabled=${this.status == BuildingInspectionStatus.PASS || this.mode == "VIEWER" /* ChecklistMode.VIEWER */}
           @change=${this.onCreateAttachment.bind(this)}
         ></ox-input-file>
 
@@ -284,6 +287,10 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], AttachmentListPopup.prototype, "status", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], AttachmentListPopup.prototype, "mode", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/dist-client/pages/checklist/attachment-list-popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-list-popup.js","sourceRoot":"","sources":["../../../client/pages/checklist/attachment-list-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { store, User } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { openPopup } from '@operato/layout'\nimport './file-preview-popup'\nimport { BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\n\n@customElement('attachment-list-popup')\nclass AttachmentListPopup extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 15px 20px;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      div[body] {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      div[attachment-container] {\n        overflow-y: auto;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n\n        div[attachment-row] {\n          display: flex;\n          flex-direction: column;\n\n          div[creator-container] {\n            display: flex;\n            justify-content: space-between;\n\n            span[creator] {\n              font-weight: 600;\n              display: flex;\n              align-items: center;\n              gap: 3px;\n            }\n            span[createdAt] {\n              display: flex;\n              align-items: center;\n              gap: 3px;\n\n              md-icon[delete] {\n                cursor: pointer;\n              }\n\n              a[button-download] {\n                display: flex;\n                color: #000;\n              }\n            }\n          }\n\n          a[attachment] {\n            margin-left: 20px;\n            text-decoration: none;\n            color: #000;\n          }\n        }\n      }\n\n      h3 {\n        position: relative;\n        color: rgb(5, 149, 229);\n        font-size: 17px;\n        font-weight: 700;\n        background-color: var(--md-sys-color-surface);\n        margin-top: 0px;\n        margin-bottom: 5px;\n      }\n\n      div[button-container] {\n        display: flex;\n        justify-content: flex-end;\n        gap: 10px;\n      }\n    `\n  ]\n\n  @property({ type: String }) checklistItemId: string = ''\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n  @state() item: any = { count: 0 }\n  @state() checklistItemAttachments: any = []\n  @state() checklistItemAttachmentCount: number = 0\n  @state() user: User = {}\n  @query('div[attachment-container]') attachmentContainer!: HTMLDivElement\n\n  render() {\n    return html`\n      <div body>\n        <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>\n\n        <div attachment-container>\n          ${this.checklistItemAttachments.map(attachment => {\n            return html`\n              <div attachment-row>\n                <div creator-container>\n                  <span creator><md-icon slot=\"icon\">account_circle</md-icon> ${attachment.creator.name}</span>\n                  <span createdAt>\n                    <md-icon slot=\"icon\">schedule</md-icon> ${this._formatDate(attachment.createdAt)}\n                    ${attachment.creator.email === this.user.email && this.status != BuildingInspectionStatus.PASS\n                      ? html` <md-icon delete slot=\"icon\" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`\n                      : ''}\n                    <a button-download href=${attachment.fullpath} download=${attachment.name}>\n                      <md-icon slot=\"icon\">download</md-icon></a\n                    >\n                  </span>\n                </div>\n                <a attachment @click=${() => this._onClickPreview(attachment.fullpath)}>${attachment.name}</a>\n              </div>\n            `\n          })}\n        </div>\n\n        <ox-input-file\n          accept=\"*/*\"\n          multiple=\"true\"\n          hide-filelist\n          ?disabled=${this.status == BuildingInspectionStatus.PASS}\n          @change=${this.onCreateAttachment.bind(this)}\n        ></ox-input-file>\n\n        <div button-container>\n          <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소 </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.user = (store.getState() as any).auth?.user\n\n    await this._loadAttachments()\n  }\n\n  private async _loadAttachments() {\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($id: String!) {\n          checklistItem(id: $id) {\n            id\n            checklistItemAttachmentCount\n            checklistItemAttachments {\n              id\n              name\n              fullpath\n              creator {\n                id\n                name\n                email\n              }\n              createdAt\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.checklistItemId\n      }\n    })\n\n    if (response.errors) return\n\n    this.checklistItemAttachments = response.data.checklistItem.checklistItemAttachments || []\n    this.checklistItemAttachmentCount = response.data.checklistItem.checklistItemAttachmentCount\n  }\n\n  private async _deleteAttachment(attachmentId: string) {\n    if (this.status == BuildingInspectionStatus.PASS) {\n      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })\n      return\n    }\n\n    if (\n      await OxPrompt.open({\n        title: '첨부 자료를 삭제',\n        text: '첨부 자료를 삭제 하시겠습니까?',\n        confirmButton: { text: '삭제' },\n        cancelButton: { text: '취소' }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation DeleteAttachment($deleteAttachmentId: String!) {\n            deleteAttachment(id: $deleteAttachmentId)\n          }\n        `,\n        variables: {\n          deleteAttachmentId: attachmentId\n        }\n      })\n\n      if (!response.errors) {\n        this.checklistItemAttachments = [...this.checklistItemAttachments.filter(attachment => attachment.id != attachmentId)]\n        notify({ message: '첨부 자료를 삭제하였습니다.', level: 'info' })\n      } else {\n        notify({ message: response.errors?.[0]?.message || '첨부 자료 삭제에 실패하였습니다.', level: 'error' })\n      }\n\n      this._dispatchEvent()\n    }\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  // 파일 변경 시 파일을 저장할 핸들러\n  private async onCreateAttachment(e: CustomEvent) {\n    if (this.status == BuildingInspectionStatus.PASS) {\n      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })\n      return\n    }\n\n    const files = e.detail\n\n    await this._createAttachments(files)\n\n    this._dispatchEvent()\n  }\n\n  async _createAttachments(files: File[]) {\n    const checklistItemId = this.checklistItemId\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment!]!) {\n          createAttachments(attachments: $attachments) {\n            id\n            name\n            fullpath\n            creator {\n              id\n              name\n              email\n            }\n            createdAt\n          }\n        }\n      `,\n      variables: {\n        attachments: files.map(file => {\n          return { file, refBy: checklistItemId, refType: 'ChecklistItem' }\n        })\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n\n    const attachments = response.data.createAttachments\n\n    this.checklistItemAttachments = [...attachments, ...this.checklistItemAttachments]\n    this.checklistItemAttachmentCount = this.checklistItemAttachmentCount + attachments.length\n  }\n\n  private _formatDate(date) {\n    const _date = new Date(date.toLocaleString('en-US', { timeZone: 'Asia/Seoul' }))\n\n    const year = _date.getFullYear()\n    const month = String(_date.getMonth() + 1).padStart(2, '0')\n    const day = String(_date.getDate()).padStart(2, '0')\n    const hours = String(_date.getHours()).padStart(2, '0')\n    const minutes = String(_date.getMinutes()).padStart(2, '0')\n    const seconds = String(_date.getSeconds()).padStart(2, '0')\n\n    return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`\n  }\n\n  // 첨부 자료 변경 이벤트 디스패치\n  _dispatchEvent() {\n    this.dispatchEvent(new CustomEvent('change-attachment', { detail: { checklistItemId: this.checklistItemId } }))\n  }\n\n  private _onClickPreview(filepath: string) {\n    openPopup(html` <file-preview-popup .filepath=${filepath}></file-preview-popup> `, {\n      backdrop: true,\n      size: 'large',\n      title: '미리보기'\n    })\n  }\n}\n"]}
+{"version":3,"file":"attachment-list-popup.js","sourceRoot":"","sources":["../../../client/pages/checklist/attachment-list-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { store, User } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { openPopup } from '@operato/layout'\nimport './file-preview-popup'\nimport { BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\nimport { ChecklistMode } from './checklist-view'\n\n@customElement('attachment-list-popup')\nclass AttachmentListPopup extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 15px 20px;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      div[body] {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      div[attachment-container] {\n        overflow-y: auto;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n\n        div[attachment-row] {\n          display: flex;\n          flex-direction: column;\n\n          div[creator-container] {\n            display: flex;\n            justify-content: space-between;\n\n            span[creator] {\n              font-weight: 600;\n              display: flex;\n              align-items: center;\n              gap: 3px;\n            }\n            span[createdAt] {\n              display: flex;\n              align-items: center;\n              gap: 3px;\n\n              md-icon[delete] {\n                cursor: pointer;\n              }\n\n              a[button-download] {\n                display: flex;\n                color: #000;\n              }\n            }\n          }\n\n          a[attachment] {\n            margin-left: 20px;\n            text-decoration: none;\n            color: #000;\n          }\n        }\n      }\n\n      h3 {\n        position: relative;\n        color: rgb(5, 149, 229);\n        font-size: 17px;\n        font-weight: 700;\n        background-color: var(--md-sys-color-surface);\n        margin-top: 0px;\n        margin-bottom: 5px;\n      }\n\n      div[button-container] {\n        display: flex;\n        justify-content: flex-end;\n        gap: 10px;\n      }\n    `\n  ]\n\n  @property({ type: String }) checklistItemId: string = ''\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n\n  @state() item: any = { count: 0 }\n  @state() checklistItemAttachments: any = []\n  @state() checklistItemAttachmentCount: number = 0\n  @state() user: User = {}\n  @query('div[attachment-container]') attachmentContainer!: HTMLDivElement\n\n  render() {\n    return html`\n      <div body>\n        <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>\n\n        <div attachment-container>\n          ${this.checklistItemAttachments.map(attachment => {\n            return html`\n              <div attachment-row>\n                <div creator-container>\n                  <span creator><md-icon slot=\"icon\">account_circle</md-icon> ${attachment.creator.name}</span>\n                  <span createdAt>\n                    <md-icon slot=\"icon\">schedule</md-icon> ${this._formatDate(attachment.createdAt)}\n                    ${attachment.creator.email === this.user.email &&\n                    this.status != BuildingInspectionStatus.PASS &&\n                    this.mode == ChecklistMode.EDITOR\n                      ? html` <md-icon delete slot=\"icon\" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`\n                      : ''}\n                    <a button-download href=${attachment.fullpath} download=${attachment.name}>\n                      <md-icon slot=\"icon\">download</md-icon></a\n                    >\n                  </span>\n                </div>\n                <a attachment @click=${() => this._onClickPreview(attachment.fullpath)}>${attachment.name}</a>\n              </div>\n            `\n          })}\n        </div>\n\n        <ox-input-file\n          accept=\"*/*\"\n          multiple=\"true\"\n          hide-filelist\n          ?disabled=${this.status == BuildingInspectionStatus.PASS || this.mode == ChecklistMode.VIEWER}\n          @change=${this.onCreateAttachment.bind(this)}\n        ></ox-input-file>\n\n        <div button-container>\n          <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소 </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.user = (store.getState() as any).auth?.user\n\n    await this._loadAttachments()\n  }\n\n  private async _loadAttachments() {\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($id: String!) {\n          checklistItem(id: $id) {\n            id\n            checklistItemAttachmentCount\n            checklistItemAttachments {\n              id\n              name\n              fullpath\n              creator {\n                id\n                name\n                email\n              }\n              createdAt\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.checklistItemId\n      }\n    })\n\n    if (response.errors) return\n\n    this.checklistItemAttachments = response.data.checklistItem.checklistItemAttachments || []\n    this.checklistItemAttachmentCount = response.data.checklistItem.checklistItemAttachmentCount\n  }\n\n  private async _deleteAttachment(attachmentId: string) {\n    if (this.status == BuildingInspectionStatus.PASS) {\n      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })\n      return\n    }\n\n    if (\n      await OxPrompt.open({\n        title: '첨부 자료를 삭제',\n        text: '첨부 자료를 삭제 하시겠습니까?',\n        confirmButton: { text: '삭제' },\n        cancelButton: { text: '취소' }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation DeleteAttachment($deleteAttachmentId: String!) {\n            deleteAttachment(id: $deleteAttachmentId)\n          }\n        `,\n        variables: {\n          deleteAttachmentId: attachmentId\n        }\n      })\n\n      if (!response.errors) {\n        this.checklistItemAttachments = [...this.checklistItemAttachments.filter(attachment => attachment.id != attachmentId)]\n        notify({ message: '첨부 자료를 삭제하였습니다.', level: 'info' })\n      } else {\n        notify({ message: response.errors?.[0]?.message || '첨부 자료 삭제에 실패하였습니다.', level: 'error' })\n      }\n\n      this._dispatchEvent()\n    }\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  // 파일 변경 시 파일을 저장할 핸들러\n  private async onCreateAttachment(e: CustomEvent) {\n    if (this.status == BuildingInspectionStatus.PASS) {\n      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })\n      return\n    }\n\n    const files = e.detail\n\n    await this._createAttachments(files)\n\n    this._dispatchEvent()\n  }\n\n  async _createAttachments(files: File[]) {\n    const checklistItemId = this.checklistItemId\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment!]!) {\n          createAttachments(attachments: $attachments) {\n            id\n            name\n            fullpath\n            creator {\n              id\n              name\n              email\n            }\n            createdAt\n          }\n        }\n      `,\n      variables: {\n        attachments: files.map(file => {\n          return { file, refBy: checklistItemId, refType: 'ChecklistItem' }\n        })\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n\n    const attachments = response.data.createAttachments\n\n    this.checklistItemAttachments = [...attachments, ...this.checklistItemAttachments]\n    this.checklistItemAttachmentCount = this.checklistItemAttachmentCount + attachments.length\n  }\n\n  private _formatDate(date) {\n    const _date = new Date(date.toLocaleString('en-US', { timeZone: 'Asia/Seoul' }))\n\n    const year = _date.getFullYear()\n    const month = String(_date.getMonth() + 1).padStart(2, '0')\n    const day = String(_date.getDate()).padStart(2, '0')\n    const hours = String(_date.getHours()).padStart(2, '0')\n    const minutes = String(_date.getMinutes()).padStart(2, '0')\n    const seconds = String(_date.getSeconds()).padStart(2, '0')\n\n    return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`\n  }\n\n  // 첨부 자료 변경 이벤트 디스패치\n  _dispatchEvent() {\n    this.dispatchEvent(new CustomEvent('change-attachment', { detail: { checklistItemId: this.checklistItemId } }))\n  }\n\n  private _onClickPreview(filepath: string) {\n    openPopup(html` <file-preview-popup .filepath=${filepath}></file-preview-popup> `, {\n      backdrop: true,\n      size: 'large',\n      title: '미리보기'\n    })\n  }\n}\n"]}

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

@@ -385,6 +385,7 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         <comment-list-popup
           .checklistItemId=${checklistItemId}
           .status=${this.status}
+          .mode=${this.mode}
           @change-comment=${this._refreshItem.bind(this)}
         ></comment-list-popup>
       `, { backdrop: true, size: 'medium', title: '조치 사항' });
@@ -394,6 +395,7 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         <attachment-list-popup
           .checklistItemId=${checklistItemId}
           .status=${this.status}
+          .mode=${this.mode}
           @change-attachment=${this._refreshItem.bind(this)}
         ></attachment-list-popup>
       `, { backdrop: true, size: 'medium', title: '첨부 자료' });

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":";AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,kCAAkC,EACnC,MAAM,iDAAiD,CAAA;AACxD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,sBAAsB,CAAA;AAC7B,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAQxD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAtD;;QA2N8B,SAAI,uCAAsC;QAC1C,cAAS,GAAQ,EAAE,CAAA;QACnB,oBAAe,GAAG;YAC5C,EAAE,EAAE,EAAE;YACN,qBAAqB,EAAE,EAAc;YACrC,wBAAwB,EAAE,EAAc;YACxC,qBAAqB,EAAE,EAAc;YACrC,wBAAwB,EAAE,EAAc;SACzC,CAAA;QAC2B,WAAM,GAA6B,wBAAwB,CAAC,IAAI,CAAA;QACpF,gBAAW,GAAG,KAAK,CAAA;QAoBnB,iBAAY,GAAG,GAAG,EAAE;YAC1B,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAQ,CAAA;YACxD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,cAAc,EAAE,CAAA;YACvB,CAAC;iBAAM,CAAC;gBACN,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,EAAE,CAAA;YACtB,CAAC;YACD,oCAAoC;QACtC,CAAC,CAAA;IAgZH,CAAC;IA1aC,YAAY;QACV,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACjD,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE;;gBAC5C,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,eAAe,CAAA;gBACrC,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,EAAE,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAA;gBACrF,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAA;YAClC,CAAC,CAAC,CAAA;YACF,GAAG,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE;gBAC5C,wBAAwB;gBACxB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAA;gBAC9B,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;oBAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;gBACnE,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;oBAAE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;gBAC7F,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAYD;;OAEG;IACK,mBAAmB,CAAC,MAAW;QACrC,wBAAwB;QACxB,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAC9E,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAM,IAAI,KAAE,yBAAyB,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAG,CAAC,CAAC,IAAI,CAC3G,CAAA;YACD,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QACD,aAAa;QACb,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACvC,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAC9E,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAM,IAAI,KAAE,MAAM,EAAE,MAAM,CAAC,UAAU,IAAG,CAAC,CAAC,IAAI,CAChF,CAAA;YACD,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;IACH,CAAC;IAED,MAAM;;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;QAEvC,YAAY;QACZ,MAAM,iBAAiB,GACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI;YAC5C,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,YAAY;YACpD,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,CAAA;QAE9C,YAAY;QACZ,MAAM,iBAAiB,GACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,eAAe,CAAA;QAE5G,8BAA8B;QAC9B,IAAI,sBAAsB,GAAY,KAAK,CAAA;QAC3C,IAAI,iBAAiB,GAAY,KAAK,CAAA;QACtC,IAAI,oBAAoB,GAAY,KAAK,CAAA;QACzC,IAAI,iBAAiB,GAAY,KAAK,CAAA;QACtC,IAAI,oBAAoB,GAAY,KAAK,CAAA;QAEzC,IAAI,IAAI,CAAC,IAAI,uCAAwB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACrD,MAAM,KAAK,GAAG,MAAA,MAAC,KAAK,CAAC,QAAQ,EAAU,CAAC,IAAI,0CAAE,IAAI,0CAAE,KAAK,CAAA;YACzD,4BAA4B;YAC5B,iBAAiB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,qBAAqB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YACxF,2BAA2B;YAC3B,oBAAoB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,wBAAwB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YAC9F,4BAA4B;YAC5B,iBAAiB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,qBAAqB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YACxF,2BAA2B;YAC3B,oBAAoB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,wBAAwB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YAC9F,kCAAkC;YAClC,sBAAsB,GAAG,iBAAiB;gBACxC,CAAC,CAAC,iBAAiB,IAAI,oBAAoB;gBAC3C,CAAC,CAAC,iBAAiB,IAAI,oBAAoB,CAAA;QAC/C,CAAC;QAED,eAAe;QACf,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5C,qBAAqB;YACrB,IAAI,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC,CAAA;YACtC,IAAI,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAA;YAErC,uBAAuB;YACvB,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU;gBAAE,OAAO,CAAC,CAAC,CAAA;YAC1C,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU;gBAAE,OAAO,CAAC,CAAA;YAEzC,qBAAqB;YACrB,OAAO,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAA;QAChC,CAAC,CAAC,CAAA;QAEF,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,KAAI,EAAE,CAAC,CAAA;QAEpF,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,SAAS,CAAC,IAAI;;;oBAGnB,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,YAAY;sBACd,KAAK;;mBAER,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;;;;;;;;gBAQ7C,IAAI,CAAC,SAAS,CAAC,gBAAgB;;gBAE/B,IAAI,CAAC,SAAS,CAAC,UAAU;;;;gBAIzB,IAAI,CAAC,SAAS,CAAC,sBAAsB;;gBAErC,IAAI,CAAC,SAAS,CAAC,QAAQ;;;;gBAIvB,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,eAAe,0CAAE,IAAI,CAAC,IAAI,CAAC,KAAI,EAAE;;gBAEjD,kCAAkC,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;YA0BnD,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,GAAG,EAAE,EAAE;YAC/G,OAAO,IAAI,CAAA;gBACP,gBAAgB;gBAChB,CAAC,CAAC,IAAI,CAAA,+BAA+B,eAAe,KAAK,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;gBACvG,CAAC,CAAC,EAAE;gBACJ,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,iBAAiB,KAAK,IAAI,CAAC,UAAU,QAAQ,CAAC,CAAC,CAAC,EAAE;;oBAE7F,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,IAAI;oBACrB,IAAI,CAAC,iBAAiB;;;4BAGd,IAAI,CAAC,EAAE;;yBAEV,qBAAqB,GAAG,IAAI,CAAC,EAAE;;6BAE3B,IAAI,CAAC,yBAAyB,KAAK,GAAG;8BACrC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,EAAE;;yBAEV,qBAAqB,GAAG,IAAI,CAAC,EAAE;;6BAE3B,IAAI,CAAC,yBAAyB,KAAK,GAAG;8BACrC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,EAAE;;yBAEV,oBAAoB,GAAG,IAAI,CAAC,EAAE;;6BAE1B,IAAI,CAAC,wBAAwB,KAAK,GAAG;8BACpC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,EAAE;;yBAEV,oBAAoB,GAAG,IAAI,CAAC,EAAE;;6BAE1B,IAAI,CAAC,wBAAwB,KAAK,GAAG;8BACpC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI;yBAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;;;wBAGvC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,4BAA4B,KAAI,EAAE;;sCAE1B,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;;wBAExG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,yBAAyB,KAAI,EAAE;;kBAE3C,CAAA;QACR,CAAC,CAAC;;;;;;;;;gBASI,IAAI,CAAC,IAAI,uCAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;;;yBAM3F,IAAI,CAAC,SAAS,CAAC,wBAAwB;;0BAEtC,IAAI,CAAC,kBAAkB;4BACrB,CAAC,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,CAAC;YAC1G,CAAC,iBAAiB;;;;;;;;;;yBAUT,IAAI,CAAC,SAAS,CAAC,2BAA2B;;0BAEzC,IAAI,CAAC,kBAAkB;4BACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,YAAY,IAAI,CAAC,oBAAoB;;;;;;;;gBAQzF,IAAI,CAAC,IAAI,uCAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC;;;;;;yBAMzF,IAAI,CAAC,SAAS,CAAC,wBAAwB;;0BAEtC,IAAI,CAAC,kBAAkB;4BACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,OAAO,IAAI,CAAC,iBAAiB;;;;;;;;;;yBAUxE,IAAI,CAAC,SAAS,CAAC,2BAA2B;;0BAEzC,IAAI,CAAC,kBAAkB;4BACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,eAAe,IAAI,CAAC,oBAAoB;;;;;;;;;;;;;;;KAevG,CAAA;IACH,CAAC;IAEO,sBAAsB,CAAC,CAAQ;;QACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAE1B,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CACzE,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,iCAAM,IAAI,KAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAG,CAAC,CAAC,IAAI,CACtD,CAAA;IACH,CAAC;IAEO,kBAAkB,CAAC,CAAQ;QACjC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAE3C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAA;IAC5C,CAAC;IAEO,QAAQ,CAAC,IAAI;QACnB,IAAI,CAAC,IAAI;YAAE,OAAO,QAAQ,CAAA;QAE1B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;QAC1C,OAAO,KAAK,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACvC,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,MAAM;YACb,GAAG,EAAE,SAAS;SACf,CAAC,CAAA;IACJ,CAAC;IAEO,kBAAkB,CAAC,cAAc;QACvC,MAAM,gBAAgB,GAAG,EAAE,CAAA;QAC3B,MAAM,kBAAkB,GAAG,EAAE,CAAA;QAC7B,IAAI,gBAAgB,GAAG,IAAI,CAAA;QAC3B,IAAI,kBAAkB,GAAG,IAAI,CAAA;QAE7B,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;YAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;YAElC,6BAA6B;YAC7B,IAAI,QAAQ,KAAK,gBAAgB,EAAE,CAAC;gBAClC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,MAAM,CAAA;gBACvF,kBAAkB,GAAG,IAAI,CAAA,CAAC,iBAAiB;YAC7C,CAAC;YAED,+BAA+B;YAC/B,IAAI,UAAU,KAAK,kBAAkB,EAAE,CAAC;gBACtC,kBAAkB,CAAC,GAAG,QAAQ,IAAI,UAAU,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,CACrE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAC5D,CAAC,MAAM,CAAA;YACV,CAAC;YAED,MAAM,gBAAgB,GAAG,QAAQ,KAAK,gBAAgB,CAAA;YACtD,MAAM,kBAAkB,GAAG,UAAU,KAAK,kBAAkB,CAAA;YAE5D,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAClD,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,GAAG,QAAQ,IAAI,UAAU,EAAE,CAAC,CAAA;YAEzE,aAAa;YACb,gBAAgB,GAAG,QAAQ,CAAA;YAC3B,kBAAkB,GAAG,UAAU,CAAA;YAE/B,OAAO;gBACL,IAAI;gBACJ,gBAAgB;gBAChB,eAAe;gBACf,kBAAkB;gBAClB,iBAAiB;aAClB,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,eAAe,CAAC,eAAuB;QAC7C,SAAS,CACP,IAAI,CAAA;;6BAEmB,eAAe;oBACxB,IAAI,CAAC,MAAM;4BACH,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEjD,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CACnD,CAAA;IACH,CAAC;IAEO,kBAAkB,CAAC,eAAuB;QAChD,SAAS,CACP,IAAI,CAAA;;6BAEmB,eAAe;oBACxB,IAAI,CAAC,MAAM;+BACA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEpD,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CACnD,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,CAAC;;QAC1B,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC,MAAM,CAAA;QACpC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;OAQT;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,eAAe;aACjC;SACF,CAAC,CAAA;QAEF,MAAM,aAAa,GAAG,CAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,aAAa,KAAI,EAAE,CAAA;QACxD,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACvE,OAAO,IAAI,CAAC,EAAE,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,iCAAM,IAAI,GAAK,aAAa,CAAE,CAAA;QAC1E,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;;AA/oBM,oBAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoNF;CACF,AAxNY,CAwNZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAA2C;AAC1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAoB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAM1B;AAC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6CAAiE;AApOxF,aAAa;IADlB,aAAa,CAAC,gBAAgB,CAAC;GAC1B,aAAa,CAipBlB","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus,\n  BUILDING_INSPECTION_STATUS_DISPLAY\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\nimport { store } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { openPopup } from '@operato/layout'\nimport './comment-list-popup'\nimport './attachment-list-popup'\nimport '../../stt/speech-to-text'\nimport { parseSpeechCommand } from '../../stt/stt-utils'\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-large, 12px);\n        padding-top: 0;\n        font-size: 14px;\n        min-width: 800px;\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\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 rgba(51, 51, 51, 0.2) solid;\n          padding-inline: var(--spacing-medium, 8px);\n          vertical-align: middle;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 33px;\n          background-color: var(--md-sys-color-on-primary);\n          &[radio] {\n            text-align: center;\n            width: 50px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: var(--spacing-small, 4px);\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 var(--md-sys-color-on-primary-container);\n        border-bottom: none;\n        margin-top: var(--spacing-medium, 8px);\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          &[attachment] {\n            text-align: center;\n            cursor: pointer;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[comment] {\n            cursor: pointer;\n            text-align: center;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[disabled] * {\n            opacity: 0.6;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-top: none;\n        margin-top: -1px;\n\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n          background-color: var(--md-sys-color-on-primary);\n          font-size: 14px;\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: var(--spacing-medium, 8px);\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-tiny, 2px);\n        font-size: 12px;\n        margin-top: var(--spacing-medium, 8px);\n        color: #586878;\n        text-indent: -9px;\n        padding-left: var(--spacing-medium, 8px);\n      }\n\n      .stt-float-btns {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n      }\n      .stt-float-btns button {\n        background: #fff;\n        border: 1px solid #ccc;\n        border-radius: 50%;\n        width: 38px;\n        height: 38px;\n        font-size: 18px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        cursor: pointer;\n        transition: background 0.2s;\n        outline: none;\n      }\n      .stt-float-btns button:hover {\n        background: #f2f2f2;\n      }\n      div[title-row] {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 8px;\n      }\n      div[name] {\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        flex: 1;\n        text-align: center;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n        70% {\n          filter: drop-shadow(0 0 8px #d32f2f);\n        }\n        100% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n      }\n      .stt-fab[active] md-icon {\n        color: #d32f2f;\n        animation: pulse 1s infinite;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingComplex = {\n    id: '',\n    taskConstructorEmails: [] as string[],\n    overallConstructorEmails: [] as string[],\n    taskSupervisoryEmails: [] as string[],\n    overallSupervisoryEmails: [] as string[]\n  }\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  private isListening = false\n\n  firstUpdated() {\n    const stt = this.renderRoot.querySelector('#stt')\n    if (stt) {\n      stt.addEventListener('stt-result', (e: any) => {\n        const text = e.detail.finalTranscript\n        const parsed = parseSpeechCommand(text, this.checklist?.checklistItems?.length || 20)\n        this._applySpeechCommand(parsed)\n      })\n      stt.addEventListener('stt-status', (e: any) => {\n        // 음성 인식 상태에 따라 버튼 상태 갱신\n        const status = e.detail.status\n        if (status && status.includes('Listening')) this.isListening = true\n        if (status && (status.includes('종료') || status.includes('Stopped'))) this.isListening = false\n        this.requestUpdate()\n      })\n    }\n  }\n\n  private _onToggleSTT = () => {\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (!this.isListening) {\n      stt?.startListening()\n    } else {\n      stt?.stopListening()\n    }\n    // isListening은 stt-status 이벤트에서 갱신됨\n  }\n\n  /**\n   * 음성 명령 해석 결과를 체크리스트에 반영\n   */\n  private _applySpeechCommand(parsed: any) {\n    // 합격/불합격 처리 예시 (시공자 기준)\n    if (parsed.rowIds && parsed.isPass !== null) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, constructionConfirmStatus: parsed.isPass ? 'T' : 'F' } : item\n      )\n      this.requestUpdate()\n    }\n    // 조치사항 처리 예시\n    if (parsed.rowIds && parsed.actionText) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, action: parsed.actionText } : item\n      )\n      this.requestUpdate()\n    }\n  }\n\n  render() {\n    const today = this._getDate(new Date())\n\n    // 시공자 스탭 여부\n    const isConstructorStep =\n      this.status == BuildingInspectionStatus.WAIT ||\n      this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n      this.status == BuildingInspectionStatus.FAIL\n\n    // 감리자 스탭 여부\n    const isSupervisoryStep =\n      this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n    // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n    let havePermissionByStatus: boolean = false\n    let isTaskConstructor: boolean = false\n    let isOverallConstructor: boolean = false\n    let isTaskSupervisory: boolean = false\n    let isOverallSupervisory: boolean = false\n\n    if (this.mode == ChecklistMode.EDITOR && this.status) {\n      const email = (store.getState() as any).auth?.user?.email\n      // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n      isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n      isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n      isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n      isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n      // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n      havePermissionByStatus = isConstructorStep\n        ? isTaskConstructor || isOverallConstructor\n        : isTaskSupervisory || isOverallSupervisory\n    }\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    return html`\n      <speech-to-text id=\"stt\"></speech-to-text>\n      <div title-row>\n        <div name>${this.checklist.name}</div>\n        <md-fab\n          class=\"stt-fab\"\n          ?active=${this.isListening}\n          @click=${this._onToggleSTT}\n          ?disabled=${false}\n          style=\"position:absolute;top:0;right:0;z-index:10;\"\n          .label=${this.isListening ? '음성 인식 중지' : '음성 인식 시작'}\n        >\n          <md-icon slot=\"icon\">mic</md-icon>\n        </md-fab>\n      </div>\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>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</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>${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 || !havePermissionByStatus}\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 || !havePermissionByStatus}\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 || !havePermissionByStatus}\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 || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td\n                attachment\n                ?disabled=${this.status == BuildingInspectionStatus.PASS}\n                @click=${() => this._onClickAttachment(item.id)}\n              >\n                <md-icon slot=\"icon\">attach_file</md-icon>\n                <span>${item?.checklistItemAttachmentCount || ''}</span>\n              </td>\n              <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n                <md-icon slot=\"icon\">chat</md-icon>\n                <span>${item?.checklistItemCommentCount || ''}</span>\n              </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.taskConstructorSignature}\n                name=\"taskConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${(this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n                !isTaskConstructor}\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.overallConstructorSignature}\n                name=\"overallConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\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.taskSupervisorySignature}\n                name=\"taskSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\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.overallSupervisorySignature}\n                name=\"overallSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\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    `\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  private _onClickComment(checklistItemId: string) {\n    openPopup(\n      html`\n        <comment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          @change-comment=${this._refreshItem.bind(this)}\n        ></comment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '조치 사항' }\n    )\n  }\n\n  private _onClickAttachment(checklistItemId: string) {\n    openPopup(\n      html`\n        <attachment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          @change-attachment=${this._refreshItem.bind(this)}\n        ></attachment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '첨부 자료' }\n    )\n  }\n\n  private async _refreshItem(e) {\n    const { checklistItemId } = e.detail\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($checklistItemId: String!) {\n          checklistItem(id: $checklistItemId) {\n            id\n            checklistItemCommentCount\n            checklistItemAttachmentCount\n          }\n        }\n      `,\n      variables: {\n        checklistItemId: checklistItemId\n      }\n    })\n\n    const checklistItem = response.data?.checklistItem || []\n    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n      return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n    })\n\n    this.requestUpdate()\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/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus,\n  BUILDING_INSPECTION_STATUS_DISPLAY\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\nimport { store } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { openPopup } from '@operato/layout'\nimport './comment-list-popup'\nimport './attachment-list-popup'\nimport '../../stt/speech-to-text'\nimport { parseSpeechCommand } from '../../stt/stt-utils'\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-large, 12px);\n        padding-top: 0;\n        font-size: 14px;\n        min-width: 800px;\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\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 rgba(51, 51, 51, 0.2) solid;\n          padding-inline: var(--spacing-medium, 8px);\n          vertical-align: middle;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 33px;\n          background-color: var(--md-sys-color-on-primary);\n          &[radio] {\n            text-align: center;\n            width: 50px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: var(--spacing-small, 4px);\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 var(--md-sys-color-on-primary-container);\n        border-bottom: none;\n        margin-top: var(--spacing-medium, 8px);\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          &[attachment] {\n            text-align: center;\n            cursor: pointer;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[comment] {\n            cursor: pointer;\n            text-align: center;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[disabled] * {\n            opacity: 0.6;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-top: none;\n        margin-top: -1px;\n\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n          background-color: var(--md-sys-color-on-primary);\n          font-size: 14px;\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: var(--spacing-medium, 8px);\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-tiny, 2px);\n        font-size: 12px;\n        margin-top: var(--spacing-medium, 8px);\n        color: #586878;\n        text-indent: -9px;\n        padding-left: var(--spacing-medium, 8px);\n      }\n\n      .stt-float-btns {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n      }\n      .stt-float-btns button {\n        background: #fff;\n        border: 1px solid #ccc;\n        border-radius: 50%;\n        width: 38px;\n        height: 38px;\n        font-size: 18px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        cursor: pointer;\n        transition: background 0.2s;\n        outline: none;\n      }\n      .stt-float-btns button:hover {\n        background: #f2f2f2;\n      }\n      div[title-row] {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 8px;\n      }\n      div[name] {\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        flex: 1;\n        text-align: center;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n        70% {\n          filter: drop-shadow(0 0 8px #d32f2f);\n        }\n        100% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n      }\n      .stt-fab[active] md-icon {\n        color: #d32f2f;\n        animation: pulse 1s infinite;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingComplex = {\n    id: '',\n    taskConstructorEmails: [] as string[],\n    overallConstructorEmails: [] as string[],\n    taskSupervisoryEmails: [] as string[],\n    overallSupervisoryEmails: [] as string[]\n  }\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  private isListening = false\n\n  firstUpdated() {\n    const stt = this.renderRoot.querySelector('#stt')\n    if (stt) {\n      stt.addEventListener('stt-result', (e: any) => {\n        const text = e.detail.finalTranscript\n        const parsed = parseSpeechCommand(text, this.checklist?.checklistItems?.length || 20)\n        this._applySpeechCommand(parsed)\n      })\n      stt.addEventListener('stt-status', (e: any) => {\n        // 음성 인식 상태에 따라 버튼 상태 갱신\n        const status = e.detail.status\n        if (status && status.includes('Listening')) this.isListening = true\n        if (status && (status.includes('종료') || status.includes('Stopped'))) this.isListening = false\n        this.requestUpdate()\n      })\n    }\n  }\n\n  private _onToggleSTT = () => {\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (!this.isListening) {\n      stt?.startListening()\n    } else {\n      stt?.stopListening()\n    }\n    // isListening은 stt-status 이벤트에서 갱신됨\n  }\n\n  /**\n   * 음성 명령 해석 결과를 체크리스트에 반영\n   */\n  private _applySpeechCommand(parsed: any) {\n    // 합격/불합격 처리 예시 (시공자 기준)\n    if (parsed.rowIds && parsed.isPass !== null) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, constructionConfirmStatus: parsed.isPass ? 'T' : 'F' } : item\n      )\n      this.requestUpdate()\n    }\n    // 조치사항 처리 예시\n    if (parsed.rowIds && parsed.actionText) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, action: parsed.actionText } : item\n      )\n      this.requestUpdate()\n    }\n  }\n\n  render() {\n    const today = this._getDate(new Date())\n\n    // 시공자 스탭 여부\n    const isConstructorStep =\n      this.status == BuildingInspectionStatus.WAIT ||\n      this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n      this.status == BuildingInspectionStatus.FAIL\n\n    // 감리자 스탭 여부\n    const isSupervisoryStep =\n      this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n    // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n    let havePermissionByStatus: boolean = false\n    let isTaskConstructor: boolean = false\n    let isOverallConstructor: boolean = false\n    let isTaskSupervisory: boolean = false\n    let isOverallSupervisory: boolean = false\n\n    if (this.mode == ChecklistMode.EDITOR && this.status) {\n      const email = (store.getState() as any).auth?.user?.email\n      // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n      isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n      isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n      isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n      isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n      // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n      havePermissionByStatus = isConstructorStep\n        ? isTaskConstructor || isOverallConstructor\n        : isTaskSupervisory || isOverallSupervisory\n    }\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    return html`\n      <speech-to-text id=\"stt\"></speech-to-text>\n      <div title-row>\n        <div name>${this.checklist.name}</div>\n        <md-fab\n          class=\"stt-fab\"\n          ?active=${this.isListening}\n          @click=${this._onToggleSTT}\n          ?disabled=${false}\n          style=\"position:absolute;top:0;right:0;z-index:10;\"\n          .label=${this.isListening ? '음성 인식 중지' : '음성 인식 시작'}\n        >\n          <md-icon slot=\"icon\">mic</md-icon>\n        </md-fab>\n      </div>\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>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</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>${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 || !havePermissionByStatus}\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 || !havePermissionByStatus}\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 || !havePermissionByStatus}\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 || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td\n                attachment\n                ?disabled=${this.status == BuildingInspectionStatus.PASS}\n                @click=${() => this._onClickAttachment(item.id)}\n              >\n                <md-icon slot=\"icon\">attach_file</md-icon>\n                <span>${item?.checklistItemAttachmentCount || ''}</span>\n              </td>\n              <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n                <md-icon slot=\"icon\">chat</md-icon>\n                <span>${item?.checklistItemCommentCount || ''}</span>\n              </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.taskConstructorSignature}\n                name=\"taskConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${(this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n                !isTaskConstructor}\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.overallConstructorSignature}\n                name=\"overallConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\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.taskSupervisorySignature}\n                name=\"taskSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\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.overallSupervisorySignature}\n                name=\"overallSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\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    `\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  private _onClickComment(checklistItemId: string) {\n    openPopup(\n      html`\n        <comment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-comment=${this._refreshItem.bind(this)}\n        ></comment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '조치 사항' }\n    )\n  }\n\n  private _onClickAttachment(checklistItemId: string) {\n    openPopup(\n      html`\n        <attachment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-attachment=${this._refreshItem.bind(this)}\n        ></attachment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '첨부 자료' }\n    )\n  }\n\n  private async _refreshItem(e) {\n    const { checklistItemId } = e.detail\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($checklistItemId: String!) {\n          checklistItem(id: $checklistItemId) {\n            id\n            checklistItemCommentCount\n            checklistItemAttachmentCount\n          }\n        }\n      `,\n      variables: {\n        checklistItemId: checklistItemId\n      }\n    })\n\n    const checklistItem = response.data?.checklistItem || []\n    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n      return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n    })\n\n    this.requestUpdate()\n  }\n}\n"]}