npm - @dssp/supervision - Versions diffs - 1.0.0-alpha.23 → 1.0.0-alpha.24 - Mend

@dssp/supervision 1.0.0-alpha.23 → 1.0.0-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

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

@@ -487,6 +487,9 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
           .project=${this.project}
           .initialTab=${initialTab}
           @modify-checklist=${(e) => this.validateChecklist(e.detail.checklist)}
+          @requestRefresh=${async (e) => {
+            await this.refresh(e.detail.buildingInspectionId);
+        }}
         ></inspection-tab-popup>
       `, { backdrop: true, size: 'large', title: '검측 요청서 수정' });
     }

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

	@@ -1 +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 '../checklist/inspection-info-popup'\nimport '../checklist/inspection-tab-popup'\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 .attachment-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n gap: 5px;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .attachment-count {\n font-size: 14px;\n color: #586878;\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\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\n <hr />\n\n ${this.selectedInspection.memo\n ? html`\n <div>\n <div date>메모 : ${this.selectedInspection.memo}</div>\n </div>\n <hr />\n `\n : html``}\n ${this.selectedInspection.attachments?.length > 0\n ? html`\n <div class=\"attachment-info\">\n <span class=\"attachment-count\">첨부파일: ${this.selectedInspection.attachments.length}개</span>\n <md-elevated-button @click=${() => this._onClickUpdateInspection(1)}>\n <md-icon slot=\"icon\">attach_file</md-icon>첨부파일 보기\n </md-elevated-button>\n </div>\n <hr />\n `\n : html``}\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\n ? html``\n : !this.selectedInspection.status\n ? html`<md-outlined-button @click=${() => this._onClickCreateInspection()}>검측 정보 등록 </md-outlined-button>`\n : this.selectedInspection.status == BuildingInspectionStatus.PASS\n ? html`<md-filled-button @click=${() => this._onClickUpdateInspection()}>검측 정보 보기 </md-filled-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 memo\n attachments {\n id\n }\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(initialTab: number = 0) {\n openPopup(\n html`\n <inspection-tab-popup\n .selectedInspection=${this.selectedInspection}\n .project=${this.project}\n .initialTab=${initialTab}\n @modify-checklist=${(e: CustomEvent) => this.validateChecklist(e.detail.checklist)}\n ></inspection-tab-popup>\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 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"]}
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 '../checklist/inspection-info-popup'\nimport '../checklist/inspection-tab-popup'\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 .attachment-info {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n gap: 5px;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .attachment-count {\n font-size: 14px;\n color: #586878;\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\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\n <hr />\n\n ${this.selectedInspection.memo\n ? html`\n <div>\n <div date>메모 : ${this.selectedInspection.memo}</div>\n </div>\n <hr />\n `\n : html``}\n ${this.selectedInspection.attachments?.length > 0\n ? html`\n <div class=\"attachment-info\">\n <span class=\"attachment-count\">첨부파일: ${this.selectedInspection.attachments.length}개</span>\n <md-elevated-button @click=${() => this._onClickUpdateInspection(1)}>\n <md-icon slot=\"icon\">attach_file</md-icon>첨부파일 보기\n </md-elevated-button>\n </div>\n <hr />\n `\n : html``}\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\n ? html``\n : !this.selectedInspection.status\n ? html`<md-outlined-button @click=${() => this._onClickCreateInspection()}>검측 정보 등록 </md-outlined-button>`\n : this.selectedInspection.status == BuildingInspectionStatus.PASS\n ? html`<md-filled-button @click=${() => this._onClickUpdateInspection()}>검측 정보 보기 </md-filled-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 memo\n attachments {\n id\n }\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(initialTab: number = 0) {\n openPopup(\n html`\n <inspection-tab-popup\n .selectedInspection=${this.selectedInspection}\n .project=${this.project}\n .initialTab=${initialTab}\n @modify-checklist=${(e: CustomEvent) => this.validateChecklist(e.detail.checklist)}\n @requestRefresh=${async (e: CustomEvent) => {\n await this.refresh(e.detail.buildingInspectionId)\n }}\n ></inspection-tab-popup>\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 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/inspection-info-popup.d.ts CHANGED Viewed

@@ -40,8 +40,11 @@ export declare class InspectionInfoPopup extends InspectionInfoPopup_base {
     private _uploadFiles;
     private _deleteAttachment;
     private _previewFile;
+    private _isImageFile;
+    private _onImageError;
     private _getFileIcon;
     private _formatDate;
+    private _requestRefresh;
     disconnectedCallback(): void;
 }
 export {};

package/dist-client/pages/checklist/inspection-info-popup.js CHANGED Viewed

@@ -88,22 +88,31 @@ let InspectionInfoPopup = class InspectionInfoPopup extends connect(store)(LitEl
         <div class="attachment-list">
           ${this.attachments.length === 0
-            ? html ` <div class="empty-state">첨부된 파일이 없습니다.</div> `
+            ? html ` <div class="empty-state" style="grid-column: 1 / -1;">첨부된 파일이 없습니다.</div> `
             : this.attachments.map(attachment => html `
-                  <div class="attachment-item">
-                    <div class="attachment-info" @click=${() => this._previewFile(attachment.fullpath)}>
-                      <md-icon> ${this._getFileIcon(attachment.name)} </md-icon>
-                      <div>
-                        <div>${attachment.name}</div>
-                        <div class="creator-info">${attachment.creator.name} • ${this._formatDate(attachment.createdAt)}</div>
-                      </div>
+                  <div class="attachment-item" @click=${() => this._previewFile(attachment.fullpath)}>
+                    <div class="attachment-preview">
+                      ${this._isImageFile(attachment.name)
+                ? html `<img
+                            src="${attachment.fullpath}"
+                            alt="${attachment.name}"
+                            loading="lazy"
+                            @error=${(e) => this._onImageError(e, attachment.name)}
+                          />`
+                : html `<md-icon>${this._getFileIcon(attachment.name)}</md-icon>`}
                     </div>
-                    <div class="attachment-actions">
-                      <a href="${attachment.fullpath}" download="${attachment.name}">
+                    <div class="attachment-info">
+                      <div class="attachment-name" title="${attachment.name}">${attachment.name}</div>
+                      <div class="creator-info">${attachment.creator.name} • ${this._formatDate(attachment.createdAt)}</div>
+                    </div>
+                    <div class="attachment-actions" @click=${(e) => e.stopPropagation()}>
+                      <a href="${attachment.fullpath}" download="${attachment.name}" title="다운로드">
                         <md-icon>download</md-icon>
                       </a>
                       ${attachment.creator.email === this.user.email && canEdit
-                ? html ` <md-icon @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon> `
+                ? html ` <a href="javascript:void(0)" title="삭제">
+                            <md-icon @click=${() => this._deleteAttachment(attachment.id)} title="삭제">delete</md-icon>
+                          </a>`
                 : ''}
                     </div>
                   </div>
@@ -171,6 +180,7 @@ let InspectionInfoPopup = class InspectionInfoPopup extends connect(store)(LitEl
         });
         if (!response.errors) {
             notify({ message: '메모가 저장되었습니다.', level: 'info' });
+            this._requestRefresh();
         }
         else {
             notify({ message: '메모 저장에 실패했습니다.', level: 'error' });
@@ -271,6 +281,7 @@ let InspectionInfoPopup = class InspectionInfoPopup extends connect(store)(LitEl
                 else {
                     notify({ message: `${files.length}개 파일이 모두 업로드되었습니다.`, level: 'info' });
                 }
+                this._requestRefresh();
             }
             else {
                 notify({ message: '파일 업로드에 실패했습니다.', level: 'error' });
@@ -301,6 +312,7 @@ let InspectionInfoPopup = class InspectionInfoPopup extends connect(store)(LitEl
             if (!response.errors) {
                 this.attachments = this.attachments.filter(attachment => attachment.id !== attachmentId);
                 notify({ message: '첨부 자료를 삭제하였습니다.', level: 'info' });
+                this._requestRefresh();
             }
             else {
                 notify({ message: ((_b = (_a = response.errors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.message) || '첨부 자료 삭제에 실패하였습니다.', level: 'error' });
@@ -314,6 +326,18 @@ let InspectionInfoPopup = class InspectionInfoPopup extends connect(store)(LitEl
             title: '미리보기'
         });
     }
+    _isImageFile(filename) {
+        var _a;
+        const ext = (_a = filename.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        return ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(ext || '');
+    }
+    _onImageError(e, filename) {
+        const img = e.target;
+        const parent = img.parentElement;
+        if (parent) {
+            parent.innerHTML = `<md-icon>${this._getFileIcon(filename)}</md-icon>`;
+        }
+    }
     _getFileIcon(filename) {
         var _a;
         const ext = (_a = filename.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
@@ -337,6 +361,11 @@ let InspectionInfoPopup = class InspectionInfoPopup extends connect(store)(LitEl
             minute: '2-digit'
         });
     }
+    _requestRefresh() {
+        this.dispatchEvent(new CustomEvent('requestRefresh', {
+            detail: { buildingInspectionId: this.buildingInspectionId }
+        }));
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
         this._stopCamera();
@@ -396,6 +425,10 @@ InspectionInfoPopup.styles = [
         display: flex;
         gap: 8px;
         flex-wrap: wrap;
+        ox-input-file {
+          flex: 1;
+        }
       }
       .camera-button,
@@ -426,47 +459,108 @@ InspectionInfoPopup.styles = [
       .attachment-list {
         flex: 1;
         overflow-y: auto;
-        display: flex;
-        flex-direction: column;
-        gap: 8px;
-        max-height: 300px;
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 12px;
+        max-height: 400px;
         border: 1px solid #eee;
         border-radius: 8px;
-        padding: 8px;
+        padding: 12px;
       }
       .attachment-item {
         display: flex;
-        align-items: center;
-        justify-content: space-between;
+        flex-direction: column;
         padding: 8px;
         border: 1px solid #ddd;
-        border-radius: 6px;
+        border-radius: 8px;
         background: #fafafa;
+        transition: all 0.2s;
+        cursor: pointer;
+        position: relative;
       }
-      .attachment-info {
+      .attachment-item:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      }
+      .attachment-item:hover .attachment-actions {
+        opacity: 1;
+      }
+      .attachment-preview {
+        width: 100%;
+        height: 150px;
         display: flex;
         align-items: center;
-        gap: 8px;
+        justify-content: center;
+        border-radius: 6px;
+        background: #f8f9fa;
+        margin-bottom: 8px;
+        overflow: hidden;
+      }
+      .attachment-preview img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        border-radius: 6px;
+      }
+      .attachment-preview md-icon {
+        font-size: 48px;
+        color: #666;
+      }
+      .attachment-info {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
         flex: 1;
-        cursor: pointer;
+      }
+      .attachment-name {
+        font-size: 13px;
+        font-weight: 500;
+        line-height: 1.2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
       }
       .attachment-actions {
+        position: absolute;
+        top: 4px;
+        right: 4px;
         display: flex;
         gap: 4px;
+        opacity: 0.7;
+        transition: opacity 0.2s;
+        background: rgba(255, 255, 255, 0.9);
+        border-radius: 4px;
+        padding: 2px;
+        backdrop-filter: blur(2px);
       }
+      .attachment-actions a,
       .attachment-actions md-icon {
         cursor: pointer;
         padding: 4px;
         border-radius: 4px;
         transition: background 0.2s;
+        color: #666;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-decoration: none;
       }
+      .attachment-actions a:hover,
       .attachment-actions md-icon:hover {
-        background: #e0e0e0;
+        background: rgba(0, 0, 0, 0.1);
         color: #000;
       }
@@ -510,6 +604,33 @@ InspectionInfoPopup.styles = [
       .hidden {
         display: none;
       }
+      /* 반응형 디자인 */
+      @media (max-width: 768px) {
+        .attachment-list {
+          grid-template-columns: repeat(2, 1fr);
+          gap: 8px;
+          padding: 8px;
+        }
+        .attachment-preview {
+          height: 100px;
+        }
+        .attachment-name {
+          font-size: 12px;
+        }
+        .creator-info {
+          font-size: 11px;
+        }
+      }
+      @media (max-width: 480px) {
+        .attachment-list {
+          grid-template-columns: 1fr;
+        }
+      }
     `
 ];
 __decorate([