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

package/dist-client/pages/building-inspection/building-inspection-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-list.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html, TemplateResult } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\nimport './inspection-create-popup'\nimport '@operato/event-view/ox-event-view.js'\nimport { InspectionEventProvider } from './component/inspection-event-provider'\nimport { EventProvider } from '@operato/event-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\nimport { getBuildingInspectionForChecklist } from '../../graphql/building-inspection'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\nexport enum BuildingInspectionStatus {\n  WAIT = 'WAIT',\n  OVERALL_WAIT = 'OVERALL_WAIT',\n  REQUEST = 'REQUEST',\n  OVERALL_REQUEST = 'OVERALL_REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS_DISPLAY = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.OVERALL_REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.PASS]: '합격',\n  [BuildingInspectionStatus.FAIL]: '불합격'\n}\n\n@customElement('building-inspection-list')\nexport class BuildingInspectionList 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      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\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n        --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n        --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n        margin-bottom: var(--spacing-small, 5px);\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\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top: 0;\n        gap: var(--spacing-medium, 8px);\n        min-height: fit-content;\n        overflow-x: hidden;\n      }\n\n      div[body] h3 {\n        color: #2e79be;\n        font-size: 16px;\n        margin: 0px;\n      }\n\n      div[body] > div {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        border-radius: 5px;\n      }\n\n      div[top] {\n        flex: 1;\n\n        display: flex;\n        background-color: #f7f7f7;\n      }\n\n      div[drawing] {\n        flex: 1;\n        border: 1px solid #cccccc80;\n        background-color: var(--md-sys-color-on-primary);\n        padding: var(--spacing-large, 12px);\n        border-radius: 5px;\n\n        img {\n          width: 100%;\n\n          display: block;\n          object-fit: contain;\n          object-position: center;\n        }\n      }\n\n      div[inspection-container] {\n        flex: 1;\n        gap: var(--spacing-medium, 8px);\n\n        display: flex;\n        flex-direction: column;\n\n        div[inspection] {\n          display: grid;\n          grid-template-columns: 90px 1fr 1fr 1fr 1fr;\n          background: #ebc8321a;\n          border-radius: 5px;\n          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            span::before {\n              display: inline-block;\n              position: relative;\n              content: '';\n              width: 10px;\n              height: 10px;\n              border-radius: 6px;\n              top: -1px;\n              margin-right: 2px;\n            }\n\n            span[status='wait']::before {\n              background-color: #4e5055;\n            }\n            span[status='request']::before {\n              background-color: #3395f1;\n            }\n            span[status='pass']::before {\n              background-color: #1bb401;\n            }\n            span[status='fail']::before {\n              background-color: #ff4444;\n            }\n            span[dot] {\n              font-size: 1.3em;\n            }\n          }\n          & > div[name] {\n            flex-direction: row;\n            text-align: right;\n            gap: var(--spacing-small, 4px);\n            padding-right: var(--spacing-large, 12px);\n            border-right: 2px dotted #ccc;\n            max-width: 100%;\n            line-height: 1.3;\n\n            md-icon {\n              width: 40px;\n              height: 40px;\n              border-radius: 5px;\n              color: #fff;\n              background: #f16154;\n            }\n          }\n        }\n      }\n\n      ox-event-view {\n        flex: 1;\n      }\n\n      div[bottom] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        min-height: 300px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() buildingLevelId: string = ''\n  @state() project: any = { ...this.defaultProject }\n  @state() location: string = ''\n  @state() building: any = {}\n  @state() drawingImage: string = ''\n  @state() buildingInspectionSummary: any = {}\n  @state() calendarData?: EventProvider\n\n  @query('ox-grist') private grist!: DataGrist\n  @query('ox-event-view') private eventView!: HTMLElement\n\n  get context() {\n    return {\n      title: '검측 관리',\n      actions: [\n        {\n          title: '검측 등록',\n          action: this._openCreateInspection.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>\n          <md-icon slot=\"icon\" back @click=${() => history.back()}>arrow_back</md-icon>\n          ${this.project.name}\n        </h2>\n      </div>\n\n      <div body>\n        <div top>\n          <div drawing>\n            <h3>도면: ${this.location}</h3>\n            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          </div>\n\n          <div inspection-container>\n            <div inspection>\n              <div name bold>\n                <md-icon slot=\"icon\">fact_check</md-icon>\n                검측 현황\n              </div>\n\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>\n                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>\n                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>\n                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>\n                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}\n                </span>\n              </div>\n            </div>\n\n            <ox-event-view\n              .mode=${'monthly'}\n              .eventProvider=${this.calendarData}\n              @select-date=${(e: CustomEvent) => {\n                // TODO 선택된 날짜의 검측데이터만 그리드에 보여야함\n                console.log('select-date', e.detail)\n              }}\n            >\n            </ox-event-view>\n          </div>\n        </div>\n\n        <div bottom>\n          <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingLevelId = lifecycle.resourceId || ''\n\n      await this.initProject(this.buildingLevelId)\n      this.grist.fetch()\n    }\n  }\n\n  async initProject(buildingLevelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingLevelId($buildingLevelId: String!) {\n          projectByBuildingLevelId(buildingLevelId: $buildingLevelId) {\n            id\n            name\n            mainPhoto {\n              fullpath\n            }\n            buildingComplex {\n              id\n              drawing {\n                id\n                name\n                fullpath\n              }\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.projectByBuildingLevelId\n    this.buildingInspectionSummary = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    this.calendarData = new InspectionEventProvider(buildingLevelId)\n\n    // 캘린더 최소 높이 속성 수정\n    this.eventView.style.setProperty('--calendar-monthly-date-min-height', '50px')\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'open_in_new',\n          header: '상세보기',\n          width: 60,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              navigate(`building-inspection-detail-drawing/${record.id}`)\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'location',\n          header: '위치',\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'constructionType',\n          header: '공종',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'inspectionParts',\n          header: '검측 부위',\n          record: {\n            renderer: value => value?.join(', ') || ''\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'requestDate',\n          header: '검측 요청일',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'status',\n          header: '검측 결과',\n          record: {\n            renderer: value => BUILDING_INSPECTION_STATUS_DISPLAY[value]\n          },\n          width: 120\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'fact_check',\n          header: '도면',\n          width: 50,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'edit_square',\n          header: '요청서/결과통보',\n          width: 100,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'task',\n          header: '체크리스트',\n          width: 70,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._openChecklistPopup(record.id)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'photo_camera',\n          header: '사진대지',\n          width: 60,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'engineering',\n          header: '실명부',\n          width: 50,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        appendable: false\n      },\n      sorters: [{ name: 'requestDate' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (!this.buildingLevelId) return\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!, $buildingLevelId: String!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n              }\n            }\n            total\n          }\n\n          buildingLevel(id: $buildingLevelId) {\n            id\n            floor\n            floorDisplayName\n            building {\n              id\n              name\n            }\n            mainDrawing {\n              id\n              name\n              fullpath\n            }\n            mainDrawingImage\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        },\n        buildingLevelId: this.buildingLevelId\n      }\n    })\n\n    let items = response.data?.buildingInspectionsOfBuildingLevel?.items || []\n    items = items.map(item => ({\n      ...item,\n      ...item.checklist,\n      requestDate: this._formatDate(item.requestDate)\n    }))\n    const buildingLevel = response.data?.buildingLevel\n\n    this.location = `${buildingLevel.building.name} ${buildingLevel.floorDisplayName}층` || ''\n    this.drawingImage = buildingLevel?.mainDrawingImage || ''\n    this.building = buildingLevel?.building || {}\n\n    return {\n      total: response.data?.buildingInspectionsOfBuildingLevel?.total || 0,\n      records: items\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteBuildingInspections(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private _openCreateInspection() {\n    openPopup(\n      html`\n        <inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.building.id}\n          .selectedBuildingLevelId=${this.buildingLevelId}\n          @requestRefresh=\"${() => this.grist.fetch()}\"\n        ></inspection-create-popup>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: '검측 요청서 등록'\n      }\n    )\n  }\n\n  private _formatDate(date: Date | undefined) {\n    return date\n      ? new Intl.DateTimeFormat('en-CA', {\n          timeZone: 'Asia/Seoul',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit'\n        }).format(new Date(date))\n      : ''\n  }\n\n  private async _openChecklistPopup(buildingInspectionId: string) {\n    const buildingInspection = await getBuildingInspectionForChecklist(buildingInspectionId)\n\n    openPopup(\n      html`\n        <div style=\"overflow-y: auto;\">\n          <checklist-view\n            .mode=${ChecklistMode.VIEWER}\n            .checklist=${buildingInspection?.checklist}\n            .buildingComplex=${buildingInspection?.buildingLevel?.building?.buildingComplex || {}}\n            .status=${buildingInspection?.status}\n          ></checklist-view>\n        </div>\n      `,\n      { backdrop: true, size: 'large', title: '체크 리스트 미리보기' }\n    )\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-list.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html, TemplateResult } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\nimport './inspection-create-popup'\nimport './component/inspection-document/photo-album-popup'\nimport './component/inspection-document/inspection-request-document'\nimport './component/image-preview-popup'\nimport '@operato/event-view/ox-event-view.js'\nimport { InspectionEventProvider } from './component/inspection-event-provider'\nimport { EventProvider } from '@operato/event-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\nimport { getBuildingInspectionForChecklist } from '../../graphql/building-inspection'\nimport { InspectionMode } from './component/inspection-document/inspection-request-document'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\nexport enum BuildingInspectionStatus {\n  WAIT = 'WAIT',\n  OVERALL_WAIT = 'OVERALL_WAIT',\n  REQUEST = 'REQUEST',\n  OVERALL_REQUEST = 'OVERALL_REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS_DISPLAY = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.OVERALL_REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.PASS]: '합격',\n  [BuildingInspectionStatus.FAIL]: '불합격'\n}\n\n@customElement('building-inspection-list')\nexport class BuildingInspectionList 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      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\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n        --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n        --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n        margin-bottom: var(--spacing-small, 5px);\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\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top: 0;\n        gap: var(--spacing-medium, 8px);\n        min-height: fit-content;\n        overflow-x: hidden;\n      }\n\n      div[body] h3 {\n        color: #2e79be;\n        font-size: 16px;\n        margin: 0px;\n      }\n\n      div[body] > div {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        border-radius: 5px;\n      }\n\n      div[top] {\n        flex: 1;\n\n        display: flex;\n        background-color: #f7f7f7;\n      }\n\n      div[drawing] {\n        flex: 1;\n        border: 1px solid #cccccc80;\n        background-color: var(--md-sys-color-on-primary);\n        padding: var(--spacing-large, 12px);\n        border-radius: 5px;\n\n        img {\n          width: 100%;\n\n          display: block;\n          object-fit: contain;\n          object-position: center;\n        }\n      }\n\n      div[inspection-container] {\n        flex: 1;\n        gap: var(--spacing-medium, 8px);\n\n        display: flex;\n        flex-direction: column;\n\n        div[inspection] {\n          display: grid;\n          grid-template-columns: 90px 1fr 1fr 1fr 1fr;\n          background: #ebc8321a;\n          border-radius: 5px;\n          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            span::before {\n              display: inline-block;\n              position: relative;\n              content: '';\n              width: 10px;\n              height: 10px;\n              border-radius: 6px;\n              top: -1px;\n              margin-right: 2px;\n            }\n\n            span[status='wait']::before {\n              background-color: #4e5055;\n            }\n            span[status='request']::before {\n              background-color: #3395f1;\n            }\n            span[status='pass']::before {\n              background-color: #1bb401;\n            }\n            span[status='fail']::before {\n              background-color: #ff4444;\n            }\n            span[dot] {\n              font-size: 1.3em;\n            }\n          }\n          & > div[name] {\n            flex-direction: row;\n            text-align: right;\n            gap: var(--spacing-small, 4px);\n            padding-right: var(--spacing-large, 12px);\n            border-right: 2px dotted #ccc;\n            max-width: 100%;\n            line-height: 1.3;\n\n            md-icon {\n              width: 40px;\n              height: 40px;\n              border-radius: 5px;\n              color: #fff;\n              background: #f16154;\n            }\n          }\n        }\n      }\n\n      ox-event-view {\n        flex: 1;\n      }\n\n      div[bottom] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        min-height: 300px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() buildingLevelId: string = ''\n  @state() project: any = { ...this.defaultProject }\n  @state() location: string = ''\n  @state() building: any = {}\n  @state() drawingImage: string = ''\n  @state() buildingInspectionSummary: any = {}\n  @state() calendarData?: EventProvider\n\n  @query('ox-grist') private grist!: DataGrist\n  @query('ox-event-view') private eventView!: HTMLElement\n\n  get context() {\n    return {\n      title: '검측 관리',\n      actions: [\n        {\n          title: '검측 등록',\n          action: this._openCreateInspection.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>\n          <md-icon slot=\"icon\" back @click=${() => history.back()}>arrow_back</md-icon>\n          ${this.project.name}\n        </h2>\n      </div>\n\n      <div body>\n        <div top>\n          <div drawing>\n            <h3>도면: ${this.location}</h3>\n            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          </div>\n\n          <div inspection-container>\n            <div inspection>\n              <div name bold>\n                <md-icon slot=\"icon\">fact_check</md-icon>\n                검측 현황\n              </div>\n\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>\n                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>\n                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>\n                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>\n                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}\n                </span>\n              </div>\n            </div>\n\n            <ox-event-view\n              .mode=${'monthly'}\n              .eventProvider=${this.calendarData}\n              @select-date=${(e: CustomEvent) => {\n                // TODO 선택된 날짜의 검측데이터만 그리드에 보여야함\n                console.log('select-date', e.detail)\n              }}\n            >\n            </ox-event-view>\n          </div>\n        </div>\n\n        <div bottom>\n          <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingLevelId = lifecycle.resourceId || ''\n\n      await this.initProject(this.buildingLevelId)\n      this.grist.fetch()\n    }\n  }\n\n  async initProject(buildingLevelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingLevelId($buildingLevelId: String!) {\n          projectByBuildingLevelId(buildingLevelId: $buildingLevelId) {\n            id\n            name\n            projectType\n            mainPhoto {\n              fullpath\n            }\n            buildingComplex {\n              id\n              drawing {\n                id\n                name\n                fullpath\n              }\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.projectByBuildingLevelId\n    this.buildingInspectionSummary = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    this.calendarData = new InspectionEventProvider(buildingLevelId)\n\n    // 캘린더 최소 높이 속성 수정\n    this.eventView.style.setProperty('--calendar-monthly-date-min-height', '50px')\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'open_in_new',\n          header: '상세보기',\n          width: 60,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              navigate(`building-inspection-detail-drawing/${record.id}`)\n            }\n          }\n        },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'location',\n          header: '위치',\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'constructionType',\n          header: '공종',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'inspectionParts',\n          header: '검측 부위',\n          record: {\n            renderer: value => value?.join(', ') || ''\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'requestDate',\n          header: '검측 요청일',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'status',\n          header: '검측 결과',\n          record: {\n            renderer: value => BUILDING_INSPECTION_STATUS_DISPLAY[value]\n          },\n          width: 120\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'fact_check',\n          header: '도면',\n          width: 50,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'edit_square',\n          header: '요청서/결과통보',\n          width: 100,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._openInspectionRequestDocument(record.id)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'task',\n          header: '체크리스트',\n          width: 70,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._openChecklistPopup(record.id)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'photo_camera',\n          header: '사진대지',\n          width: 60,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._openPhotoAlbumPopup(record.checklistId)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'engineering',\n          header: '실명부',\n          width: 50,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._showNameListPreview(record)\n            }\n          }\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        appendable: false\n      },\n      sorters: [{ name: 'requestDate' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (!this.buildingLevelId) return\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!, $buildingLevelId: String!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n                nameListAttachment {\n                  id\n                  name\n                  fullpath\n                }\n              }\n            }\n            total\n          }\n\n          buildingLevel(id: $buildingLevelId) {\n            id\n            floor\n            floorDisplayName\n            building {\n              id\n              name\n            }\n            mainDrawing {\n              id\n              name\n              fullpath\n            }\n            mainDrawingImage\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        },\n        buildingLevelId: this.buildingLevelId\n      }\n    })\n\n    let items = response.data?.buildingInspectionsOfBuildingLevel?.items || []\n    items = items.map(item => ({\n      ...item,\n      ...item.checklist,\n      requestDate: this._formatDate(item.requestDate)\n    }))\n    const buildingLevel = response.data?.buildingLevel\n\n    this.location = `${buildingLevel.building.name} ${buildingLevel.floorDisplayName}층` || ''\n    this.drawingImage = buildingLevel?.mainDrawingImage || ''\n    this.building = buildingLevel?.building || {}\n\n    return {\n      total: response.data?.buildingInspectionsOfBuildingLevel?.total || 0,\n      records: items\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteBuildingInspections(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private _openCreateInspection() {\n    openPopup(\n      html`\n        <inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.building.id}\n          .selectedBuildingLevelId=${this.buildingLevelId}\n          @requestRefresh=\"${() => this.grist.fetch()}\"\n        ></inspection-create-popup>\n      `,\n      { backdrop: true, size: 'large', title: '검측 등록' }\n    )\n  }\n\n  private _formatDate(date: Date | undefined) {\n    return date\n      ? new Intl.DateTimeFormat('en-CA', {\n          timeZone: 'Asia/Seoul',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit'\n        }).format(new Date(date))\n      : ''\n  }\n\n  private async _openChecklistPopup(buildingInspectionId: string) {\n    const buildingInspection = await getBuildingInspectionForChecklist(buildingInspectionId)\n\n    openPopup(\n      html`\n        <div style=\"overflow-y: auto;\">\n          <checklist-view\n            .mode=${ChecklistMode.VIEWER}\n            .checklist=${buildingInspection?.checklist}\n            .buildingComplex=${buildingInspection?.buildingLevel?.building?.buildingComplex || {}}\n            .status=${buildingInspection?.status}\n            .projectType=${this.project.projectType}\n          ></checklist-view>\n        </div>\n      `,\n      { backdrop: true, size: 'large', title: '체크 리스트 미리보기' }\n    )\n  }\n\n  async _openPhotoAlbumPopup(checklistId: string) {\n    openPopup(html` <photo-album-popup .checklistId=${checklistId}></photo-album-popup> `, {\n      backdrop: true,\n      size: 'large',\n      title: '사진대지'\n    })\n  }\n\n  async _openInspectionRequestDocument(buildingInspectionId: string) {\n    const buildingInspection = await getBuildingInspectionForChecklist(buildingInspectionId)\n\n    openPopup(\n      html`\n        <inspection-request-document\n          .checklist=${buildingInspection.checklist}\n          .buildingInspection=${buildingInspection}\n          .mode=${InspectionMode.VIEW}\n        ></inspection-request-document>\n      `,\n      { backdrop: true, size: 'large', title: '검측요청결과 통보내용' }\n    )\n  }\n\n  // 실명부 미리보기\n  private _showNameListPreview(record: any) {\n    const nameListAttachment = record.nameListAttachment\n\n    if (!nameListAttachment) {\n      notify({ message: '실명부 파일이 없습니다.', level: 'info' })\n      return\n    }\n\n    // 이미지 미리보기 팝업\n    openPopup(\n      html`\n        <image-preview-popup\n          .images=${[{ fullpath: nameListAttachment.fullpath, name: nameListAttachment.name }]}\n          .currentIndex=${0}\n        ></image-preview-popup>\n      `,\n      { backdrop: true, size: 'large', title: '실명부' }\n    )\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/image-preview-popup.d.ts

@@ -0,0 +1,15 @@
+import '@material/web/button/elevated-button.js';
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+export declare class ImagePreviewPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    images: any[];
+    currentIndex: number;
+    render(): import("lit-html").TemplateResult<1>;
+    private _previousImage;
+    private _nextImage;
+    private _close;
+    private _onImageError;
+    private _initImageZoom;
+    disconnectedCallback(): void;
+}

package/dist-client/pages/building-inspection/component/image-preview-popup.js

@@ -0,0 +1,351 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/elevated-button.js';
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let ImagePreviewPopup = class ImagePreviewPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.images = [];
+        this.currentIndex = 0;
+    }
+    render() {
+        var _a;
+        const currentImage = this.images[this.currentIndex];
+        const hasMultipleImages = this.images.length > 1;
+        return html `
+      ${(currentImage === null || currentImage === void 0 ? void 0 : currentImage.previewTitle)
+            ? html `
+            <div class="inspection-header">
+              <div class="inspection-name">${currentImage.previewTitle}</div>
+            </div>
+          `
+            : ''}
+
+      <div body>
+        ${hasMultipleImages
+            ? html `
+              <button class="navigation-button prev" @click=${this._previousImage} ?disabled=${this.currentIndex === 0}>
+                <md-icon>chevron_left</md-icon>
+              </button>
+              <button
+                class="navigation-button next"
+                @click=${this._nextImage}
+                ?disabled=${this.currentIndex === this.images.length - 1}
+              >
+                <md-icon>chevron_right</md-icon>
+              </button>
+            `
+            : ''}
+
+        <div class="image-container">
+          ${currentImage
+            ? html `
+                <img
+                  class="zoomable-image"
+                  src="${ifDefined(currentImage.fullpath)}"
+                  alt="${ifDefined(currentImage.name)}"
+                  @load=${this._initImageZoom}
+                  @error=${this._onImageError}
+                />
+                <div class="image-info">
+                  ${currentImage.name || ((_a = currentImage.checklistItem) === null || _a === void 0 ? void 0 : _a.name) || ''}
+                  ${hasMultipleImages ? html ` (${this.currentIndex + 1}/${this.images.length})` : ''}
+                </div>
+              `
+            : html `<div class="error-message">표시할 이미지가 없습니다.</div>`}
+        </div>
+      </div>
+
+      <div class="button-container">
+        <md-elevated-button @click=${this._close}> <md-icon slot="icon">close</md-icon>닫기 </md-elevated-button>
+      </div>
+    `;
+    }
+    _previousImage() {
+        if (this.currentIndex > 0) {
+            this.currentIndex--;
+            this.requestUpdate();
+        }
+    }
+    _nextImage() {
+        if (this.currentIndex < this.images.length - 1) {
+            this.currentIndex++;
+            this.requestUpdate();
+        }
+    }
+    _close() {
+        history.back();
+    }
+    _onImageError(e) {
+        const target = e.target;
+        target.style.display = 'none';
+        const container = target.parentElement;
+        container.innerHTML += '<div class="error-message">이미지를 불러올 수 없습니다.</div>';
+    }
+    _initImageZoom(e) {
+        const img = e.target;
+        let scale = 1;
+        let translateX = 0;
+        let translateY = 0;
+        let isDragging = false;
+        let lastTouchDistance = 0;
+        let lastTouchX = 0;
+        let lastTouchY = 0;
+        const updateTransform = () => {
+            img.style.transform = `scale(${scale}) translate(${translateX}px, ${translateY}px)`;
+        };
+        const resetTransform = () => {
+            scale = 1;
+            translateX = 0;
+            translateY = 0;
+            updateTransform();
+        };
+        // 터치 시작
+        img.addEventListener('touchstart', event => {
+            event.preventDefault();
+            if (event.touches.length === 1) {
+                // 단일 터치 - 드래그 시작
+                isDragging = true;
+                lastTouchX = event.touches[0].clientX;
+                lastTouchY = event.touches[0].clientY;
+            }
+            else if (event.touches.length === 2) {
+                // 멀티 터치 - 핀치 줌 시작
+                isDragging = false;
+                const touch1 = event.touches[0];
+                const touch2 = event.touches[1];
+                lastTouchDistance = Math.sqrt(Math.pow(touch2.clientX - touch1.clientX, 2) + Math.pow(touch2.clientY - touch1.clientY, 2));
+            }
+        });
+        // 터치 이동
+        img.addEventListener('touchmove', event => {
+            event.preventDefault();
+            if (event.touches.length === 1 && isDragging && scale > 1) {
+                // 드래그
+                const currentX = event.touches[0].clientX;
+                const currentY = event.touches[0].clientY;
+                const deltaX = currentX - lastTouchX;
+                const deltaY = currentY - lastTouchY;
+                translateX += deltaX / scale;
+                translateY += deltaY / scale;
+                lastTouchX = currentX;
+                lastTouchY = currentY;
+                updateTransform();
+            }
+            else if (event.touches.length === 2) {
+                // 핀치 줌
+                const touch1 = event.touches[0];
+                const touch2 = event.touches[1];
+                const currentDistance = Math.sqrt(Math.pow(touch2.clientX - touch1.clientX, 2) + Math.pow(touch2.clientY - touch1.clientY, 2));
+                if (lastTouchDistance > 0) {
+                    const scaleChange = currentDistance / lastTouchDistance;
+                    const newScale = scale * scaleChange;
+                    // 최소/최대 배율 제한
+                    if (newScale >= 0.5 && newScale <= 5) {
+                        scale = newScale;
+                        updateTransform();
+                    }
+                }
+                lastTouchDistance = currentDistance;
+            }
+        });
+        // 터치 끝
+        img.addEventListener('touchend', event => {
+            event.preventDefault();
+            isDragging = false;
+            if (event.touches.length === 0) {
+                // 모든 터치가 끝났을 때 - 경계 체크 및 보정
+                if (scale < 1) {
+                    resetTransform();
+                }
+            }
+        });
+        // 더블 탭으로 줌 토글
+        let lastTapTime = 0;
+        img.addEventListener('touchend', event => {
+            const currentTime = new Date().getTime();
+            const tapLength = currentTime - lastTapTime;
+            if (tapLength < 500 && tapLength > 0 && event.touches.length === 0) {
+                if (scale === 1) {
+                    scale = 2;
+                    updateTransform();
+                }
+                else {
+                    resetTransform();
+                }
+            }
+            lastTapTime = currentTime;
+        });
+        // 마우스 휠 지원 (데스크톱)
+        img.addEventListener('wheel', event => {
+            event.preventDefault();
+            const delta = event.deltaY > 0 ? 0.9 : 1.1;
+            const newScale = scale * delta;
+            if (newScale >= 0.5 && newScale <= 5) {
+                scale = newScale;
+                updateTransform();
+            }
+        });
+        // 키보드 네비게이션 지원
+        const handleKeyPress = (event) => {
+            if (event.key === 'ArrowLeft') {
+                this._previousImage();
+            }
+            else if (event.key === 'ArrowRight') {
+                this._nextImage();
+            }
+            else if (event.key === 'Escape') {
+                this._close();
+            }
+        };
+        document.addEventListener('keydown', handleKeyPress);
+        // 컴포넌트가 제거될 때 이벤트 리스너 정리
+        const cleanup = () => {
+            document.removeEventListener('keydown', handleKeyPress);
+        };
+        this._cleanup = cleanup;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this._cleanup) {
+            ;
+            this._cleanup();
+        }
+    }
+};
+ImagePreviewPopup.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+        width: 100%;
+        height: 100%;
+      }
+
+      .inspection-header {
+        background-color: #f8f9fa;
+        color: #495057;
+        padding: 12px 20px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        border-bottom: 1px solid #dee2e6;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      }
+
+      .inspection-name {
+        font-size: 16px;
+        font-weight: 700;
+        color: #212529;
+      }
+
+      div[body] {
+        flex: 1;
+        overflow: hidden;
+        position: relative;
+        touch-action: none;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .navigation-button {
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+        z-index: 10;
+        background-color: rgba(0, 0, 0, 0.7);
+        color: white;
+        border: none;
+        border-radius: 50%;
+        width: 50px;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        transition: background-color 0.2s;
+      }
+
+      .navigation-button:hover {
+        background-color: rgba(0, 0, 0, 0.9);
+      }
+
+      .navigation-button:disabled {
+        background-color: rgba(0, 0, 0, 0.3);
+        cursor: not-allowed;
+      }
+
+      .navigation-button.prev {
+        left: 20px;
+      }
+
+      .navigation-button.next {
+        right: 20px;
+      }
+
+      .image-container {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+      }
+
+      .zoomable-image {
+        max-width: 100%;
+        max-height: 100%;
+        object-fit: contain;
+        transform-origin: center center;
+        transition: transform 0.1s ease-out;
+        user-select: none;
+        -webkit-user-select: none;
+      }
+
+      .image-info {
+        position: absolute;
+        bottom: 20px;
+        left: 50%;
+        transform: translateX(-50%);
+        background-color: rgba(0, 0, 0, 0.5);
+        color: white;
+        padding: 10px 20px;
+        border-radius: 20px;
+        font-size: 14px;
+        z-index: 5;
+      }
+
+      .error-message {
+        padding: 40px;
+        text-align: center;
+        color: #666;
+        font-size: 16px;
+      }
+
+      .button-container {
+        display: flex;
+        justify-content: center;
+        padding: 15px;
+        border-top: 1px solid #ddd;
+        background-color: #f9f9f9;
+      }
+    `
+];
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], ImagePreviewPopup.prototype, "images", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], ImagePreviewPopup.prototype, "currentIndex", void 0);
+ImagePreviewPopup = __decorate([
+    customElement('image-preview-popup')
+], ImagePreviewPopup);
+export { ImagePreviewPopup };
+//# sourceMappingURL=image-preview-popup.js.map

package/dist-client/pages/building-inspection/component/image-preview-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-popup.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/image-preview-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('image-preview-popup')\nexport class ImagePreviewPopup extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: #fff;\n        width: 100%;\n        height: 100%;\n      }\n\n      .inspection-header {\n        background-color: #f8f9fa;\n        color: #495057;\n        padding: 12px 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        border-bottom: 1px solid #dee2e6;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      }\n\n      .inspection-name {\n        font-size: 16px;\n        font-weight: 700;\n        color: #212529;\n      }\n\n      div[body] {\n        flex: 1;\n        overflow: hidden;\n        position: relative;\n        touch-action: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .navigation-button {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        z-index: 10;\n        background-color: rgba(0, 0, 0, 0.7);\n        color: white;\n        border: none;\n        border-radius: 50%;\n        width: 50px;\n        height: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: background-color 0.2s;\n      }\n\n      .navigation-button:hover {\n        background-color: rgba(0, 0, 0, 0.9);\n      }\n\n      .navigation-button:disabled {\n        background-color: rgba(0, 0, 0, 0.3);\n        cursor: not-allowed;\n      }\n\n      .navigation-button.prev {\n        left: 20px;\n      }\n\n      .navigation-button.next {\n        right: 20px;\n      }\n\n      .image-container {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n\n      .zoomable-image {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n        transform-origin: center center;\n        transition: transform 0.1s ease-out;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n\n      .image-info {\n        position: absolute;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        background-color: rgba(0, 0, 0, 0.5);\n        color: white;\n        padding: 10px 20px;\n        border-radius: 20px;\n        font-size: 14px;\n        z-index: 5;\n      }\n\n      .error-message {\n        padding: 40px;\n        text-align: center;\n        color: #666;\n        font-size: 16px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        padding: 15px;\n        border-top: 1px solid #ddd;\n        background-color: #f9f9f9;\n      }\n    `\n  ]\n\n  @property({ type: Array }) images: any[] = []\n  @property({ type: Number }) currentIndex: number = 0\n\n  render() {\n    const currentImage = this.images[this.currentIndex]\n    const hasMultipleImages = this.images.length > 1\n\n    return html`\n      ${currentImage?.previewTitle\n        ? html`\n            <div class=\"inspection-header\">\n              <div class=\"inspection-name\">${currentImage.previewTitle}</div>\n            </div>\n          `\n        : ''}\n\n      <div body>\n        ${hasMultipleImages\n          ? html`\n              <button class=\"navigation-button prev\" @click=${this._previousImage} ?disabled=${this.currentIndex === 0}>\n                <md-icon>chevron_left</md-icon>\n              </button>\n              <button\n                class=\"navigation-button next\"\n                @click=${this._nextImage}\n                ?disabled=${this.currentIndex === this.images.length - 1}\n              >\n                <md-icon>chevron_right</md-icon>\n              </button>\n            `\n          : ''}\n\n        <div class=\"image-container\">\n          ${currentImage\n            ? html`\n                <img\n                  class=\"zoomable-image\"\n                  src=\"${ifDefined(currentImage.fullpath)}\"\n                  alt=\"${ifDefined(currentImage.name)}\"\n                  @load=${this._initImageZoom}\n                  @error=${this._onImageError}\n                />\n                <div class=\"image-info\">\n                  ${currentImage.name || currentImage.checklistItem?.name || ''}\n                  ${hasMultipleImages ? html` (${this.currentIndex + 1}/${this.images.length})` : ''}\n                </div>\n              `\n            : html`<div class=\"error-message\">표시할 이미지가 없습니다.</div>`}\n        </div>\n      </div>\n\n      <div class=\"button-container\">\n        <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">close</md-icon>닫기 </md-elevated-button>\n      </div>\n    `\n  }\n\n  private _previousImage() {\n    if (this.currentIndex > 0) {\n      this.currentIndex--\n      this.requestUpdate()\n    }\n  }\n\n  private _nextImage() {\n    if (this.currentIndex < this.images.length - 1) {\n      this.currentIndex++\n      this.requestUpdate()\n    }\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  private _onImageError(e: Event) {\n    const target = e.target as HTMLImageElement\n    target.style.display = 'none'\n    const container = target.parentElement!\n    container.innerHTML += '<div class=\"error-message\">이미지를 불러올 수 없습니다.</div>'\n  }\n\n  private _initImageZoom(e: Event) {\n    const img = e.target as HTMLImageElement\n    let scale = 1\n    let translateX = 0\n    let translateY = 0\n    let isDragging = false\n    let lastTouchDistance = 0\n    let lastTouchX = 0\n    let lastTouchY = 0\n\n    const updateTransform = () => {\n      img.style.transform = `scale(${scale}) translate(${translateX}px, ${translateY}px)`\n    }\n\n    const resetTransform = () => {\n      scale = 1\n      translateX = 0\n      translateY = 0\n      updateTransform()\n    }\n\n    // 터치 시작\n    img.addEventListener('touchstart', event => {\n      event.preventDefault()\n\n      if (event.touches.length === 1) {\n        // 단일 터치 - 드래그 시작\n        isDragging = true\n        lastTouchX = event.touches[0].clientX\n        lastTouchY = event.touches[0].clientY\n      } else if (event.touches.length === 2) {\n        // 멀티 터치 - 핀치 줌 시작\n        isDragging = false\n        const touch1 = event.touches[0]\n        const touch2 = event.touches[1]\n        lastTouchDistance = Math.sqrt(Math.pow(touch2.clientX - touch1.clientX, 2) + Math.pow(touch2.clientY - touch1.clientY, 2))\n      }\n    })\n\n    // 터치 이동\n    img.addEventListener('touchmove', event => {\n      event.preventDefault()\n\n      if (event.touches.length === 1 && isDragging && scale > 1) {\n        // 드래그\n        const currentX = event.touches[0].clientX\n        const currentY = event.touches[0].clientY\n        const deltaX = currentX - lastTouchX\n        const deltaY = currentY - lastTouchY\n\n        translateX += deltaX / scale\n        translateY += deltaY / scale\n\n        lastTouchX = currentX\n        lastTouchY = currentY\n        updateTransform()\n      } else if (event.touches.length === 2) {\n        // 핀치 줌\n        const touch1 = event.touches[0]\n        const touch2 = event.touches[1]\n        const currentDistance = Math.sqrt(\n          Math.pow(touch2.clientX - touch1.clientX, 2) + Math.pow(touch2.clientY - touch1.clientY, 2)\n        )\n\n        if (lastTouchDistance > 0) {\n          const scaleChange = currentDistance / lastTouchDistance\n          const newScale = scale * scaleChange\n\n          // 최소/최대 배율 제한\n          if (newScale >= 0.5 && newScale <= 5) {\n            scale = newScale\n            updateTransform()\n          }\n        }\n\n        lastTouchDistance = currentDistance\n      }\n    })\n\n    // 터치 끝\n    img.addEventListener('touchend', event => {\n      event.preventDefault()\n      isDragging = false\n\n      if (event.touches.length === 0) {\n        // 모든 터치가 끝났을 때 - 경계 체크 및 보정\n        if (scale < 1) {\n          resetTransform()\n        }\n      }\n    })\n\n    // 더블 탭으로 줌 토글\n    let lastTapTime = 0\n    img.addEventListener('touchend', event => {\n      const currentTime = new Date().getTime()\n      const tapLength = currentTime - lastTapTime\n\n      if (tapLength < 500 && tapLength > 0 && event.touches.length === 0) {\n        if (scale === 1) {\n          scale = 2\n          updateTransform()\n        } else {\n          resetTransform()\n        }\n      }\n\n      lastTapTime = currentTime\n    })\n\n    // 마우스 휠 지원 (데스크톱)\n    img.addEventListener('wheel', event => {\n      event.preventDefault()\n      const delta = event.deltaY > 0 ? 0.9 : 1.1\n      const newScale = scale * delta\n\n      if (newScale >= 0.5 && newScale <= 5) {\n        scale = newScale\n        updateTransform()\n      }\n    })\n\n    // 키보드 네비게이션 지원\n    const handleKeyPress = (event: KeyboardEvent) => {\n      if (event.key === 'ArrowLeft') {\n        this._previousImage()\n      } else if (event.key === 'ArrowRight') {\n        this._nextImage()\n      } else if (event.key === 'Escape') {\n        this._close()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyPress)\n\n    // 컴포넌트가 제거될 때 이벤트 리스너 정리\n    const cleanup = () => {\n      document.removeEventListener('keydown', handleKeyPress)\n    }\n\n    // 나중에 정리할 수 있도록 참조 저장\n    ;(this as any)._cleanup = cleanup\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    if ((this as any)._cleanup) {\n      ;(this as any)._cleanup()\n    }\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/inspection-document/inspection-request-document.d.ts

@@ -0,0 +1,20 @@
+import '@material/web/button/elevated-button.js';
+import '@material/web/icon/icon.js';
+import '@material/web/button/outlined-button.js';
+import { LitElement } from 'lit';
+import './photo-album-popup';
+export declare enum InspectionMode {
+    EDIT = "EDIT",
+    VIEW = "VIEW"
+}
+export declare class InspectionRequestDocument extends LitElement {
+    static styles: import("lit").CSSResult[];
+    checklist: any;
+    buildingInspection: any;
+    mode: InspectionMode;
+    render(): import("lit-html").TemplateResult<1>;
+    private _formatDate;
+    private _onInspectionMemoChange;
+    private _onNameListUpload;
+    private _onConfirm;
+}