@dssp/supervision 1.0.0-alpha.3 → 1.0.0-alpha.30

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

@@ -31,8 +31,6 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
     connectedCallback() {
         super.connectedCallback();
         requestAnimationFrame(() => {
-            this.imageMarker.setImageProvider(this.drawingImageProvider);
-            this.linkViewer.setImageProvider(this.drawingImageProvider);
             this.dialog.addEventListener('click', event => {
                 const rect = this.dialog.getBoundingClientRect();
                 const isInDialog = rect.top <= event.clientY && event.clientY <= rect.bottom && rect.left <= event.clientX && event.clientX <= rect.right;
@@ -43,12 +41,6 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
             });
         });
     }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.imageMarker) === null || _a === void 0 ? void 0 : _a.setImageProvider(null);
-        (_b = this.linkViewer) === null || _b === void 0 ? void 0 : _b.setImageProvider(null);
-        super.disconnectedCallback();
-    }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return html `
@@ -63,24 +55,43 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
       <div
         body
         @link-clicked=${async (e) => {
-            this.linkViewer.reset();
             const { link } = e.detail;
-            const { id, type, symbol, box, dwgId } = JSON.parse(link);
-            const [x, y, width, height] = (box === null || box === void 0 ? void 0 : box.split(',').map(Number)) || [];
+            const { id, type, symbol, box, dwgId } = JSON.parse(link) || {};
+            // 좌표 파싱 및 유효성 검증
+            const coordinates = this.parseBoxCoordinates(box, {
+                id,
+                type,
+                symbol,
+                dwgId,
+                currentPdfId: this.linkUrl || 'unknown',
+                buildingInspectionId: this.buildingInspectionId
+            });
             this.linkUrl = `DWGID:${dwgId}`;
-            this.linkShapes = [
-                {
-                    id: id,
-                    type: 'link',
-                    x,
-                    y,
-                    width,
-                    height,
-                    link: '{}'
-                }
-            ];
+            // 유효한 좌표가 있으면 마커 표시, 없으면 빈 배열
+            if (coordinates) {
+                this.linkShapes = [
+                    Object.assign(Object.assign({ id: id || 'unknown', type: 'link' }, coordinates), { link: JSON.stringify({ id, type, symbol, dwgId }) })
+                ];
+            }
+            else {
+                // 좌표가 유효하지 않아도 팝업은 열고 마커만 숨김
+                this.linkShapes = [];
+                console.warn('Invalid link coordinates, popup will open without marker:', {
+                    box,
+                    id,
+                    type,
+                    symbol,
+                    dwgId,
+                    currentPdfId: this.linkUrl || 'unknown',
+                    buildingInspectionId: this.buildingInspectionId,
+                    fullLink: link
+                });
+            }
             if (this.dialog) {
                 this.dialog.showModal();
+                requestAnimationFrame(() => {
+                    this.linkViewer.reset();
+                });
             }
         }}
       >
@@ -89,18 +100,25 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
               id="image-marker"
               .imageUrl=${this.imageUrl}
               .shapes=${this.shapes}
+              .imageProvider=${this.drawingImageProvider}
             ></ox-image-marker-view>`
             : html ` <ox-image-marker
               id="image-marker"
               .imageUrl=${this.imageUrl}
               .shapes=${this.shapes}
+              .imageProvider=${this.drawingImageProvider}
               @shapes-changed=${this.onClickMarkerSave}
               .currentMode=${'view'}
             ></ox-image-marker>`}
       </div>
 
       <dialog>
-        <ox-image-marker-view id="link-viewer" .imageUrl=${this.linkUrl} .shapes=${this.linkShapes}></ox-image-marker-view>
+        <ox-image-marker-view
+          id="link-viewer"
+          .imageUrl=${this.linkUrl}
+          .shapes=${this.linkShapes}
+          .imageProvider=${this.drawingImageProvider}
+        ></ox-image-marker-view>
       </dialog>
     `;
     }
@@ -128,10 +146,14 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
         }
     }
     async pageUpdated(changes, lifecycle) {
+        var _a, _b;
         if (this.active) {
             this.buildingInspectionId = lifecycle.resourceId || '';
             await this.initBuildingInspection(this.buildingInspectionId);
-            this.imageMarker.reset();
+            (_a = this.imageMarker) === null || _a === void 0 ? void 0 : _a.reset();
+        }
+        else {
+            (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.close();
         }
     }
     async initBuildingInspection(buildingInspectionId = '') {
@@ -198,7 +220,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
@@ -216,6 +238,52 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
             return;
         notify({ message: '저장되었습니다.' });
     }
+    parseBoxCoordinates(box, context = {}) {
+        if (!box || typeof box !== 'string') {
+            console.warn('Invalid box coordinate for link:', {
+                box,
+                context,
+                reason: 'Box is undefined, null, or not a string'
+            });
+            return null;
+        }
+        try {
+            const coords = box.split(',').map(str => {
+                const num = Number(str.trim());
+                return Number.isFinite(num) ? num : NaN;
+            });
+            if (coords.length !== 4 || coords.some(coord => isNaN(coord))) {
+                console.warn('Box coordinate should have 4 valid numbers:', {
+                    box,
+                    parsedCoords: coords,
+                    context,
+                    reason: `Expected 4 numbers, got ${coords.length} values with NaN: ${coords.some(coord => isNaN(coord))}`
+                });
+                return null;
+            }
+            const [x, y, width, height] = coords;
+            // width, height가 0 이하면 유효하지 않음
+            if (width <= 0 || height <= 0) {
+                console.warn('Invalid width or height for link:', {
+                    box,
+                    coords: { x, y, width, height },
+                    context,
+                    reason: `Width (${width}) or height (${height}) is <= 0`
+                });
+                return null;
+            }
+            return { x, y, width, height };
+        }
+        catch (error) {
+            console.warn('Error parsing box coordinates:', {
+                box,
+                context,
+                error: error instanceof Error ? error.message : String(error),
+                reason: 'Exception thrown during parsing'
+            });
+            return null;
+        }
+    }
 };
 BuildingInspectionDetailDrawing.styles = [
     ScrollbarStyles,

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

@@ -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.imageMarker.setImageProvider(this.drawingImageProvider)\n      this.linkViewer.setImageProvider(this.drawingImageProvider)\n\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  disconnectedCallback(): void {\n    this.imageMarker?.setImageProvider(null)\n    this.linkViewer?.setImageProvider(null)\n\n    super.disconnectedCallback()\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          this.linkViewer.reset()\n\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        }}\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            ></ox-image-marker-view>`\n          : html` <ox-image-marker\n              id=\"image-marker\"\n              .imageUrl=${this.imageUrl}\n              .shapes=${this.shapes}\n              @shapes-changed=${this.onClickMarkerSave}\n              .currentMode=${'view'}\n            ></ox-image-marker>`}\n      </div>\n\n      <dialog>\n        <ox-image-marker-view id=\"link-viewer\" .imageUrl=${this.linkUrl} .shapes=${this.linkShapes}></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    }\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"]}
+{"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\n          // 좌표 파싱 및 유효성 검증\n          const coordinates = this.parseBoxCoordinates(box, {\n            id,\n            type,\n            symbol,\n            dwgId,\n            currentPdfId: this.linkUrl || 'unknown',\n            buildingInspectionId: this.buildingInspectionId\n          })\n\n          this.linkUrl = `DWGID:${dwgId}`\n\n          // 유효한 좌표가 있으면 마커 표시, 없으면 빈 배열\n          if (coordinates) {\n            this.linkShapes = [\n              {\n                id: id || 'unknown',\n                type: 'link' as const,\n                ...coordinates,\n                link: JSON.stringify({ id, type, symbol, dwgId })\n              }\n            ]\n          } else {\n            // 좌표가 유효하지 않아도 팝업은 열고 마커만 숨김\n            this.linkShapes = []\n            console.warn('Invalid link coordinates, popup will open without marker:', {\n              box,\n              id,\n              type,\n              symbol,\n              dwgId,\n              currentPdfId: this.linkUrl || 'unknown',\n              buildingInspectionId: this.buildingInspectionId,\n              fullLink: 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  private parseBoxCoordinates(\n    box: string | undefined,\n    context: {\n      id?: string\n      type?: string\n      symbol?: string\n      dwgId?: string\n      currentPdfId?: string\n      buildingInspectionId?: string\n    } = {}\n  ): {\n    x: number\n    y: number\n    width: number\n    height: number\n  } | null {\n    if (!box || typeof box !== 'string') {\n      console.warn('Invalid box coordinate for link:', {\n        box,\n        context,\n        reason: 'Box is undefined, null, or not a string'\n      })\n      return null\n    }\n\n    try {\n      const coords = box.split(',').map(str => {\n        const num = Number(str.trim())\n        return Number.isFinite(num) ? num : NaN\n      })\n\n      if (coords.length !== 4 || coords.some(coord => isNaN(coord))) {\n        console.warn('Box coordinate should have 4 valid numbers:', {\n          box,\n          parsedCoords: coords,\n          context,\n          reason: `Expected 4 numbers, got ${coords.length} values with NaN: ${coords.some(coord => isNaN(coord))}`\n        })\n        return null\n      }\n\n      const [x, y, width, height] = coords\n\n      // width, height가 0 이하면 유효하지 않음\n      if (width <= 0 || height <= 0) {\n        console.warn('Invalid width or height for link:', {\n          box,\n          coords: { x, y, width, height },\n          context,\n          reason: `Width (${width}) or height (${height}) is <= 0`\n        })\n        return null\n      }\n\n      return { x, y, width, height }\n    } catch (error) {\n      console.warn('Error parsing box coordinates:', {\n        box,\n        context,\n        error: error instanceof Error ? error.message : String(error),\n        reason: 'Exception thrown during parsing'\n      })\n      return null\n    }\n  }\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-list.d.ts

@@ -1,10 +1,15 @@
 import '@material/web/icon/icon.js';
 import '@operato/data-grist';
+import '@operato/image-marker/ox-image-marker-view.js';
 import { PageView } from '@operato/shell';
-import { TemplateResult } from 'lit';
 import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
 import { FetchOption } from '@operato/data-grist';
 import './inspection-create-popup';
+import './component/inspection-document/photo-album-popup';
+import './component/inspection-document/inspection-request-document';
+import './component/inspection-document/inspection-result-notification';
+import './component/image-preview-popup';
+import './component/daily-worklog-popup';
 import '@operato/event-view/ox-event-view.js';
 import { EventProvider } from '@operato/event-view';
 export declare enum ChecklistTypeMainType {
@@ -43,6 +48,9 @@ export declare class BuildingInspectionList extends BuildingInspectionList_base
     drawingImage: string;
     buildingInspectionSummary: any;
     calendarData?: EventProvider;
+    selectedYearMonth: string;
+    selectedDate?: string;
+    dailyWorklog: any;
     private grist;
     private eventView;
     get context(): {
@@ -59,7 +67,7 @@ export declare class BuildingInspectionList extends BuildingInspectionList_base
             action: () => void;
         }[];
     };
-    render(): TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     pageUpdated(changes: any, lifecycle: PageLifecycle): Promise<void>;
     initProject(buildingLevelId?: string): Promise<void>;
     pageInitialized(lifecycle: any): Promise<void>;
@@ -70,5 +78,13 @@ export declare class BuildingInspectionList extends BuildingInspectionList_base
     private _deleteChecklistType;
     private _openCreateInspection;
     private _formatDate;
+    private _openChecklistPopup;
+    _openPhotoAlbumPopup(checklistId: string): Promise<void>;
+    _openInspectionRequestDocument(buildingInspectionId: string): Promise<void>;
+    private _showNameListPreview;
+    private _openDailyWorklogPopup;
+    private _refreshCalendar;
+    private _fetchDailyWorklog;
+    private _openDrawingPopup;
 }
 export {};