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

@dssp/supervision 1.0.0-alpha.22 → 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 (29) hide show

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

@@ -203,7 +203,7 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
     async onClickMarkerSave(e) {
         const response = await client.query({
             query: gql `
-        mutation UpdateBuildingInspection($patch: UpdateBuildingInspectionDrawingMarker!) {
+        mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {
           updateBuildingInspection(patch: $patch) {
             id
             drawingMarker

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

	@@ -1 +1 @@
1	- {"version":3,"file":"building-inspection-detail-drawing.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-drawing.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/image-marker/ox-image-marker.js'\nimport '@operato/image-marker/ox-image-marker-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { Shape } from '@operato/image-marker'\n\nimport { DrawingImageProvider } from '@dssp/drawing/dist-client/drawing-management/drawing-image-provider.js'\n\nimport './component/building-inspection-detail-header'\nimport { BuildingInspectionStatus } from './building-inspection-list'\n\n@customElement('building-inspection-detail-drawing')\nexport class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageView) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n css`\n :host {\n display: grid;\n grid-template-rows: 55px auto;\n color: #4e5055;\n\n width: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div[body] {\n display: flex;\n justify-content: center;\n\n ox-image-marker-view {\n width: 100%;\n }\n }\n\n dialog ox-image-marker-view {\n width: 80vw;\n height: 80vh;\n }\n `\n ]\n\n @state() project: any = {}\n @state() buildingInspection: any = {}\n @state() buildingInspectionId: string = ''\n @state() imageUrl?: string\n @state() shapes: Shape[] = []\n @state() linkUrl?: string\n @state() linkShapes: Shape[] = []\n\n @state() drawingImageProvider: DrawingImageProvider = new DrawingImageProvider()\n // @consume({ context: OxUserPreferencesContext, subscribe: true })\n\n @query('#image-marker') imageMarker!: any\n @query('#link-viewer') linkViewer!: any\n @query('dialog') dialog!: HTMLDialogElement\n\n get context() {\n return {\n title: '검측 관리 상세 - 검측 도면'\n }\n }\n\n connectedCallback(): void {\n super.connectedCallback()\n\n requestAnimationFrame(() => {\n this.dialog.addEventListener('click', event => {\n const rect = this.dialog.getBoundingClientRect()\n const isInDialog =\n rect.top <= event.clientY && event.clientY <= rect.bottom && rect.left <= event.clientX && event.clientX <= rect.right\n\n // 다이아로그 내부를 클릭한 것이 아니면 다이아로그 닫기\n if (!isInDialog) {\n this.dialog.close()\n }\n })\n })\n }\n\n render() {\n return html`\n <building-inspection-detail-header\n .buildingInspectionId=${this.buildingInspection?.id}\n .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n .projectName=${this.project.name}\n .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n ></building-inspection-detail-header>\n\n <div\n body\n @link-clicked=${async (e: CustomEvent) => {\n const { link } = e.detail\n const { id, type, symbol, box, dwgId } = JSON.parse(link)\n const [x, y, width, height] = box?.split(',').map(Number) \|\| []\n\n this.linkUrl = `DWGID:${dwgId}`\n this.linkShapes = [\n {\n id: id!,\n type: 'link',\n x,\n y,\n width,\n height,\n link: '{}'\n }\n ]\n\n if (this.dialog) {\n this.dialog.showModal()\n\n requestAnimationFrame(() => {\n this.linkViewer.reset()\n })\n }\n }}\n >\n ${this.buildingInspection?.status == BuildingInspectionStatus.PASS\n ? html`<ox-image-marker-view\n id=\"image-marker\"\n .imageUrl=${this.imageUrl}\n .shapes=${this.shapes}\n .imageProvider=${this.drawingImageProvider}\n ></ox-image-marker-view>`\n : html` <ox-image-marker\n id=\"image-marker\"\n .imageUrl=${this.imageUrl}\n .shapes=${this.shapes}\n .imageProvider=${this.drawingImageProvider}\n @shapes-changed=${this.onClickMarkerSave}\n .currentMode=${'view'}\n ></ox-image-marker>`}\n </div>\n\n <dialog>\n <ox-image-marker-view\n id=\"link-viewer\"\n .imageUrl=${this.linkUrl}\n .shapes=${this.linkShapes}\n .imageProvider=${this.drawingImageProvider}\n ></ox-image-marker-view>\n </dialog>\n `\n }\n\n protected async updated(changes: PropertyValues): Promise<void> {\n if (changes.has('buildingInspection') && this.buildingInspection?.checklist) {\n // 1-1. 위치 정보 - 체크리스트에 들어가는 위치정보 텍스트\n const location_1 = this.buildingInspection.checklist?.location\n\n // 1-2. 위치 정보 - 실제 위치정보 텍스트 (동 + 층) - ID 필드를 사용하면 DB ID 필드입니다.\n const location_building = this.buildingInspection.buildingLevel.building.name\n const location_floor = this.buildingInspection.buildingLevel.floor\n\n // 2. 평면도 pdf 파일\n // mainDrawing {\n // id\n // name\n // fullpath\n // }\n const mainDrawing = this.buildingInspection.buildingLevel.mainDrawing\n\n // 3. 선택 도면\n const inspectionDrawingType = this.buildingInspection.checklist.inspectionDrawingType\n\n const shapes = JSON.parse(this.buildingInspection?.drawingMarker \|\| null) \|\| []\n const markers = await this.drawingImageProvider.getMarkers(inspectionDrawingType)\n\n this.imageUrl = String(inspectionDrawingType).normalize('NFC')\n this.shapes = [...shapes, ...markers]\n }\n }\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n this.buildingInspectionId = lifecycle.resourceId \|\| ''\n await this.initBuildingInspection(this.buildingInspectionId)\n\n this.imageMarker?.reset()\n } else {\n this.dialog?.close()\n }\n }\n\n async initBuildingInspection(buildingInspectionId: string = '') {\n const response = await client.query({\n query: gql`\n query BuildingInspection($buildingInspectionId: String!) {\n buildingInspection(id: $buildingInspectionId) {\n id\n status\n requestDate\n drawingMarker\n checklist {\n location\n inspectionDrawingType\n }\n buildingLevel {\n id\n floor\n mainDrawing {\n id\n name\n fullpath\n }\n mainDrawingImage\n building {\n id\n name\n buildingComplex {\n id\n }\n }\n }\n }\n }\n `,\n variables: {\n buildingInspectionId\n }\n })\n\n if (response.errors) return\n\n this.buildingInspection = response.data.buildingInspection\n\n await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n }\n\n private async _getProjectByBuildingComplexId(buildingComplexId) {\n const response = await client.query({\n query: gql`\n query ProjectByBuildingComplexId($buildingComplexId: String!) {\n project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n id\n name\n }\n }\n `,\n variables: {\n buildingComplexId\n }\n })\n\n if (response.errors) return\n\n this.project = response.data.project\n }\n\n private async onClickMarkerSave(e) {\n const response = await client.query({\n query: gql`\n mutation UpdateBuildingInspection($patch: UpdateBuildingInspectionDrawingMarker!) {\n updateBuildingInspection(patch: $patch) {\n id\n drawingMarker\n }\n }\n `,\n variables: {\n patch: {\n id: this.buildingInspectionId,\n drawingMarker: JSON.stringify(e.detail)\n }\n }\n })\n\n if (response.errors) return\n\n notify({ message: '저장되었습니다.' })\n }\n}\n"]}
1	+ {"version":3,"file":"building-inspection-detail-drawing.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-drawing.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/image-marker/ox-image-marker.js'\nimport '@operato/image-marker/ox-image-marker-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { Shape } from '@operato/image-marker'\n\nimport { DrawingImageProvider } from '@dssp/drawing/dist-client/drawing-management/drawing-image-provider.js'\n\nimport './component/building-inspection-detail-header'\nimport { BuildingInspectionStatus } from './building-inspection-list'\n\n@customElement('building-inspection-detail-drawing')\nexport class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageView) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n css`\n :host {\n display: grid;\n grid-template-rows: 55px auto;\n color: #4e5055;\n\n width: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div[body] {\n display: flex;\n justify-content: center;\n\n ox-image-marker-view {\n width: 100%;\n }\n }\n\n dialog ox-image-marker-view {\n width: 80vw;\n height: 80vh;\n }\n `\n ]\n\n @state() project: any = {}\n @state() buildingInspection: any = {}\n @state() buildingInspectionId: string = ''\n @state() imageUrl?: string\n @state() shapes: Shape[] = []\n @state() linkUrl?: string\n @state() linkShapes: Shape[] = []\n\n @state() drawingImageProvider: DrawingImageProvider = new DrawingImageProvider()\n // @consume({ context: OxUserPreferencesContext, subscribe: true })\n\n @query('#image-marker') imageMarker!: any\n @query('#link-viewer') linkViewer!: any\n @query('dialog') dialog!: HTMLDialogElement\n\n get context() {\n return {\n title: '검측 관리 상세 - 검측 도면'\n }\n }\n\n connectedCallback(): void {\n super.connectedCallback()\n\n requestAnimationFrame(() => {\n this.dialog.addEventListener('click', event => {\n const rect = this.dialog.getBoundingClientRect()\n const isInDialog =\n rect.top <= event.clientY && event.clientY <= rect.bottom && rect.left <= event.clientX && event.clientX <= rect.right\n\n // 다이아로그 내부를 클릭한 것이 아니면 다이아로그 닫기\n if (!isInDialog) {\n this.dialog.close()\n }\n })\n })\n }\n\n render() {\n return html`\n <building-inspection-detail-header\n .buildingInspectionId=${this.buildingInspection?.id}\n .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n .projectName=${this.project.name}\n .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n ></building-inspection-detail-header>\n\n <div\n body\n @link-clicked=${async (e: CustomEvent) => {\n const { link } = e.detail\n const { id, type, symbol, box, dwgId } = JSON.parse(link)\n const [x, y, width, height] = box?.split(',').map(Number) \|\| []\n\n this.linkUrl = `DWGID:${dwgId}`\n this.linkShapes = [\n {\n id: id!,\n type: 'link',\n x,\n y,\n width,\n height,\n link: '{}'\n }\n ]\n\n if (this.dialog) {\n this.dialog.showModal()\n\n requestAnimationFrame(() => {\n this.linkViewer.reset()\n })\n }\n }}\n >\n ${this.buildingInspection?.status == BuildingInspectionStatus.PASS\n ? html`<ox-image-marker-view\n id=\"image-marker\"\n .imageUrl=${this.imageUrl}\n .shapes=${this.shapes}\n .imageProvider=${this.drawingImageProvider}\n ></ox-image-marker-view>`\n : html` <ox-image-marker\n id=\"image-marker\"\n .imageUrl=${this.imageUrl}\n .shapes=${this.shapes}\n .imageProvider=${this.drawingImageProvider}\n @shapes-changed=${this.onClickMarkerSave}\n .currentMode=${'view'}\n ></ox-image-marker>`}\n </div>\n\n <dialog>\n <ox-image-marker-view\n id=\"link-viewer\"\n .imageUrl=${this.linkUrl}\n .shapes=${this.linkShapes}\n .imageProvider=${this.drawingImageProvider}\n ></ox-image-marker-view>\n </dialog>\n `\n }\n\n protected async updated(changes: PropertyValues): Promise<void> {\n if (changes.has('buildingInspection') && this.buildingInspection?.checklist) {\n // 1-1. 위치 정보 - 체크리스트에 들어가는 위치정보 텍스트\n const location_1 = this.buildingInspection.checklist?.location\n\n // 1-2. 위치 정보 - 실제 위치정보 텍스트 (동 + 층) - ID 필드를 사용하면 DB ID 필드입니다.\n const location_building = this.buildingInspection.buildingLevel.building.name\n const location_floor = this.buildingInspection.buildingLevel.floor\n\n // 2. 평면도 pdf 파일\n // mainDrawing {\n // id\n // name\n // fullpath\n // }\n const mainDrawing = this.buildingInspection.buildingLevel.mainDrawing\n\n // 3. 선택 도면\n const inspectionDrawingType = this.buildingInspection.checklist.inspectionDrawingType\n\n const shapes = JSON.parse(this.buildingInspection?.drawingMarker \|\| null) \|\| []\n const markers = await this.drawingImageProvider.getMarkers(inspectionDrawingType)\n\n this.imageUrl = String(inspectionDrawingType).normalize('NFC')\n this.shapes = [...shapes, ...markers]\n }\n }\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n this.buildingInspectionId = lifecycle.resourceId \|\| ''\n await this.initBuildingInspection(this.buildingInspectionId)\n\n this.imageMarker?.reset()\n } else {\n this.dialog?.close()\n }\n }\n\n async initBuildingInspection(buildingInspectionId: string = '') {\n const response = await client.query({\n query: gql`\n query BuildingInspection($buildingInspectionId: String!) {\n buildingInspection(id: $buildingInspectionId) {\n id\n status\n requestDate\n drawingMarker\n checklist {\n location\n inspectionDrawingType\n }\n buildingLevel {\n id\n floor\n mainDrawing {\n id\n name\n fullpath\n }\n mainDrawingImage\n building {\n id\n name\n buildingComplex {\n id\n }\n }\n }\n }\n }\n `,\n variables: {\n buildingInspectionId\n }\n })\n\n if (response.errors) return\n\n this.buildingInspection = response.data.buildingInspection\n\n await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n }\n\n private async _getProjectByBuildingComplexId(buildingComplexId) {\n const response = await client.query({\n query: gql`\n query ProjectByBuildingComplexId($buildingComplexId: String!) {\n project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n id\n name\n }\n }\n `,\n variables: {\n buildingComplexId\n }\n })\n\n if (response.errors) return\n\n this.project = response.data.project\n }\n\n private async onClickMarkerSave(e) {\n const response = await client.query({\n query: gql`\n mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {\n updateBuildingInspection(patch: $patch) {\n id\n drawingMarker\n }\n }\n `,\n variables: {\n patch: {\n id: this.buildingInspectionId,\n drawingMarker: JSON.stringify(e.detail)\n }\n }\n })\n\n if (response.errors) return\n\n notify({ message: '저장되었습니다.' })\n }\n}\n"]}

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

@@ -6,6 +6,8 @@ import { PageView } from '@operato/shell';
 import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
 import './component/notice-comment-popup';
 import './component/grid-inspection-create-popup';
+import '../checklist/inspection-info-popup';
+import '../checklist/inspection-tab-popup';
 import './component/plan-preview-popup';
 declare const BuildingInspectionGridDetail_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class BuildingInspectionGridDetail extends BuildingInspectionGridDetail_base {
@@ -35,10 +37,9 @@ export declare class BuildingInspectionGridDetail extends BuildingInspectionGrid
     private _onClickGrid;
     private _onClicPopupNotice;
     _onClickCreateInspection(): void;
-    _onClickUpdateInspection(): void;
+    _onClickUpdateInspection(initialTab?: number): void;
     refresh(buildingInspectionId?: string): Promise<void>;
     _getIconHtmlByStatus(status: string): import("lit-html").TemplateResult<1> | "";
-    private _onClickModifyChecklist;
     private validateChecklist;
     _onClickApplyToAll(): Promise<void>;
     _openPlanPreviewPopup(): void;

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

@@ -13,6 +13,8 @@ import { notify, openPopup } from '@operato/layout';
 import './component/notice-comment-popup';
 import './component/grid-inspection-create-popup';
 import { BUILDING_INSPECTION_STATUS_DISPLAY, BuildingInspectionStatus } from '../building-inspection/building-inspection-list';
+import '../checklist/inspection-info-popup';
+import '../checklist/inspection-tab-popup';
 import { verifyBiometric } from '@things-factory/auth-base/dist-client';
 import { OxPrompt } from '@operato/popup';
 import './component/plan-preview-popup';
@@ -40,7 +42,7 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
         };
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         // 그리드 가로, 세로 길이 배열 생성
         const planXScale = Array.from({ length: ((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.planXScale) || 0 }, (_, i) => i);
         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);
@@ -178,6 +180,7 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
                 </div>
                 <hr />
                 <div>
                   <div date>검측일 : ${this.selectedInspection.requestDate}</div>
                 </div>
@@ -188,7 +191,28 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
                   담당자 : ${(_u = (_t = this.selectedInspection) === null || _t === void 0 ? void 0 : _t.manager) === null || _u === void 0 ? void 0 : _u.name} <br />
                   ${(_w = (_v = this.selectedInspection) === null || _v === void 0 ? void 0 : _v.manager) === null || _w === void 0 ? void 0 : _w.phone}
                 </div>
                 <hr />
+                ${this.selectedInspection.memo
+            ? html `
+                      <div>
+                        <div date>메모 : ${this.selectedInspection.memo}</div>
+                      </div>
+                      <hr />
+                    `
+            : html ``}
+                ${((_x = this.selectedInspection.attachments) === null || _x === void 0 ? void 0 : _x.length) > 0
+            ? html `
+                      <div class="attachment-info">
+                        <span class="attachment-count">첨부파일: ${this.selectedInspection.attachments.length}개</span>
+                        <md-elevated-button @click=${() => this._onClickUpdateInspection(1)}>
+                          <md-icon slot="icon">attach_file</md-icon>첨부파일 보기
+                        </md-elevated-button>
+                      </div>
+                      <hr />
+                    `
+            : html ``}
               </div>
               <!-- 전층 동일 적용 버튼 -->
@@ -197,13 +221,15 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
             : html ``}
               <!-- 검측 정보 등록, 수정 버튼 -->
-              ${!this.cell || this.selectedInspection.status == BuildingInspectionStatus.PASS
+              ${!this.cell
             ? html ``
             : !this.selectedInspection.status
                 ? html `<md-outlined-button @click=${() => this._onClickCreateInspection()}>검측 정보 등록 </md-outlined-button>`
-                : html `<md-filled-button update @click=${() => this._onClickUpdateInspection()}
-                      >검측 정보 수정
-                    </md-filled-button> `}
+                : this.selectedInspection.status == BuildingInspectionStatus.PASS
+                    ? html `<md-filled-button @click=${() => this._onClickUpdateInspection()}>검측 정보 보기 </md-filled-button> `
+                    : html `<md-filled-button update @click=${() => this._onClickUpdateInspection()}
+                        >검측 정보 수정
+                      </md-filled-button> `}
             `}
           </div>
         </div>
@@ -346,6 +372,10 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
             cellY
             status
             requestDate
+            memo
+            attachments {
+              id
+            }
             checklist {
               id
@@ -450,26 +480,17 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
         ></grid-inspection-create-popup>
       `, { backdrop: true, size: 'large', title: '검측 요청서 등록' });
     }
-    _onClickUpdateInspection() {
-        var _a;
+    _onClickUpdateInspection(initialTab = 0) {
         openPopup(html `
-        <div style="overflow-y: auto; height: 100%;">
-          <checklist-view
-            .mode=${"EDITOR" /* ChecklistMode.EDITOR */}
-            .status=${this.selectedInspection.status}
-            .checklist=${this.selectedInspection.checklist || {}}
-            .buildingComplex=${((_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) || {}}
-          ></checklist-view>
-          <div style="text-align: right; margin-right: 20px; margin-bottom: 15px">
-            <md-elevated-button
-              ?disabled=${this.selectedInspection.status == BuildingInspectionStatus.PASS}
-              @click=${this._onClickModifyChecklist.bind(this)}
-            >
-              <md-icon slot="icon">assignment</md-icon>등록
-            </md-elevated-button>
-          </div>
-        </div>
+        <inspection-tab-popup
+          .selectedInspection=${this.selectedInspection}
+          .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: '검측 요청서 수정' });
     }
     async refresh(buildingInspectionId = '') {
@@ -492,9 +513,6 @@ let BuildingInspectionGridDetail = class BuildingInspectionGridDetail extends Sc
         }
         return html `<md-icon fail slot="icon">close</md-icon>`;
     }
-    _onClickModifyChecklist() {
-        this.validateChecklist(this.selectedInspection.checklist);
-    }
     async validateChecklist(checklist) {
         var _a, _b;
         try {
@@ -904,6 +922,21 @@ BuildingInspectionGridDetail.styles = [
           }
         }
       }
+      .attachment-info {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 8px;
+        gap: 5px;
+        flex-direction: column;
+        align-items: flex-start;
+      }
+      .attachment-count {
+        font-size: 14px;
+        color: #586878;
+      }
     `
 ];
 __decorate([

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 { 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"]}
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 ADDED Viewed

@@ -0,0 +1,50 @@
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
+import '@material/web/textfield/outlined-text-field.js';
+import '@operato/input/ox-input-file.js';
+import { LitElement } from 'lit';
+import { User } from '@operato/shell';
+import './file-preview-popup';
+import { BuildingInspectionStatus } from '../building-inspection/building-inspection-list';
+import { ChecklistMode } from './checklist-view';
+declare const InspectionInfoPopup_base: (new (...args: any[]) => {
+    _storeUnsubscribe: import("redux").Unsubscribe;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class InspectionInfoPopup extends InspectionInfoPopup_base {
+    static styles: import("lit").CSSResult[];
+    buildingInspectionId: string;
+    status: BuildingInspectionStatus;
+    mode: ChecklistMode;
+    memo: string;
+    attachments: any[];
+    user: User;
+    isCapturing: boolean;
+    stream: MediaStream | null;
+    video: HTMLVideoElement;
+    cameraInput: HTMLInputElement;
+    fileInput: any;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    private _loadInspectionInfo;
+    private _onMemoChange;
+    private _saveMemo;
+    private _toggleCamera;
+    private _startCamera;
+    private _stopCamera;
+    private _capturePhoto;
+    private _onFileSelect;
+    private _uploadFiles;
+    private _deleteAttachment;
+    private _previewFile;
+    private _isImageFile;
+    private _onImageError;
+    private _getFileIcon;
+    private _formatDate;
+    private _requestRefresh;
+    disconnectedCallback(): void;
+}
+export {};