@dssp/supervision 1.0.0-y.0 → 1.0.1

package/dist-client/pages/building-inspection/component/field-document/field-document-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-document-popup.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/field-document/field-document-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@material/web/progress/circular-progress.js'\nimport './field-document-list-panel'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\n\nimport { Classification, FIELD_DOCUMENT_CLASSIFICATIONS, findClassificationPath } from './field-document-constants'\n\n@customElement('field-document-popup')\nexport class FieldDocumentPopup extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: auto 1fr auto;\n        background-color: #fff;\n        width: 100%;\n        height: 80vh;\n        overflow: hidden;\n        position: relative;\n      }\n\n      div[header] {\n        display: flex;\n        align-items: center;\n        padding: 12px 20px;\n        border-bottom: 1px solid #e0e0e0;\n        background: linear-gradient(135deg, #f8f9fa, #e8eef5);\n\n        h2 {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          margin: 0;\n          font-size: 16px;\n          color: #3f71a0;\n\n          md-icon {\n            --md-icon-size: 22px;\n          }\n        }\n\n        span[breadcrumb] {\n          margin-left: auto;\n          font-size: 12px;\n          color: #888;\n        }\n      }\n\n      div[content] {\n        display: grid;\n        grid-template-columns: 3.5fr 6.5fr;\n        overflow: hidden;\n      }\n\n      div[classification-panel] {\n        display: grid;\n        grid-template-columns: 0.8fr 1fr 2fr;\n        border-right: 1px solid #e0e0e0;\n        overflow: hidden;\n      }\n\n      div[tooltip] {\n        position: absolute;\n        background: rgba(0, 0, 0, 0.85);\n        color: #fff;\n        font-size: 12px;\n        padding: 4px 10px;\n        border-radius: 4px;\n        white-space: nowrap;\n        z-index: 9999;\n        pointer-events: none;\n      }\n\n      div[column] {\n        display: flex;\n        flex-direction: column;\n        border-right: 1px solid #eee;\n        overflow-y: auto;\n        overflow-x: hidden;\n\n        &:last-child {\n          border-right: none;\n        }\n\n        div[column-header] {\n          position: sticky;\n          top: 0;\n          background: #f5f5f5;\n          padding: 8px 12px;\n          font-size: 12px;\n          font-weight: bold;\n          color: #666;\n          border-bottom: 1px solid #e0e0e0;\n          z-index: 1;\n        }\n\n        div[item] {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 13px;\n          color: #333;\n          border-bottom: 1px solid #f0f0f0;\n          transition: background-color 0.15s;\n          position: relative;\n\n          &:hover {\n            background-color: #e3f2fd;\n          }\n\n          span[code] {\n            font-size: 11px;\n            color: #999;\n            margin-right: 6px;\n            min-width: 32px;\n          }\n\n          span[name] {\n            flex: 1;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n          }\n\n          span[count] {\n            position: absolute;\n            right: 3px;\n            top: 50%;\n            transform: translateY(-50%);\n            font-size: 8px;\n            color: #fff;\n            background: #0595e5;\n            border-radius: 7px;\n            padding: 0 3px;\n            min-width: 10px;\n            text-align: center;\n            line-height: 14px;\n          }\n        }\n\n        div[item][selected] {\n          background-color: #0595e5;\n          color: #fff;\n\n          span[code] {\n            color: rgba(255, 255, 255, 0.7);\n          }\n\n          span[count] {\n            background: rgba(255, 255, 255, 0.3);\n          }\n        }\n\n        div[item][drag-over] {\n          background-color: #bbdefb;\n          outline: 2px dashed #1976d2;\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        padding: 12px 20px;\n        border-top: 1px solid #e0e0e0;\n        background: #f8f8f8;\n\n        md-filled-button {\n          cursor: pointer;\n          --md-filled-button-container-height: 36px;\n          --md-filled-button-trailing-space: 16px;\n          --md-filled-button-leading-space: 16px;\n          --md-filled-button-container-color: #0595e5;\n          --md-filled-button-label-text-color: var(--md-sys-color-on-primary);\n          --md-filled-button-hover-label-text-color: var(--md-sys-color-on-primary);\n          --md-filled-button-icon-color: var(--md-sys-color-on-primary);\n          --md-filled-button-hover-icon-color: var(--md-sys-color-on-primary);\n        }\n\n        md-filled-button[share] {\n          --md-filled-button-container-color: #3f71a0;\n        }\n        md-filled-button[upload] {\n          --md-filled-button-container-color: #008000;\n        }\n        md-filled-button[delete] {\n          --md-filled-button-container-color: #e15757;\n        }\n      }\n\n      ox-input-file {\n        display: none;\n      }\n\n      div[uploading-overlay] {\n        position: absolute;\n        inset: 0;\n        z-index: 100;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        background: rgba(255, 255, 255, 0.75);\n\n        span {\n          font-size: 13px;\n          font-weight: bold;\n          color: #3f71a0;\n        }\n\n        span[file] {\n          font-weight: normal;\n          color: #888;\n          font-size: 12px;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) projectId: string = ''\n\n  @state() private selectedMajor: Classification | null = null\n  @state() private selectedMiddle: Classification | null = null\n  @state() private selectedMinor: Classification | null = null\n  @state() private documents: any[] = []\n  @state() private selectedDocIds: Set<string> = new Set()\n  @state() private codeCounts: Map<string, number> = new Map()\n  @state() private dragOverItem: string = ''\n  @state() private uploading: boolean = false\n  @state() private uploadingFile: string = ''\n  @state() private _tooltipText: string = ''\n  @state() private _tooltipX: number = 0\n  @state() private _tooltipY: number = 0\n\n  render() {\n    const majors = FIELD_DOCUMENT_CLASSIFICATIONS\n    const middles = this.selectedMajor?.children || []\n    const minors = this.selectedMiddle?.children || []\n\n    return html`\n      ${this._tooltipText\n        ? html`<div tooltip style=\"left:${this._tooltipX + 12}px;top:${this._tooltipY + 12}px\">${this._tooltipText}</div>`\n        : ''}\n      ${this.uploading\n        ? html`\n            <div uploading-overlay>\n              <md-circular-progress indeterminate></md-circular-progress>\n              <span>업로드 및 AI 브리핑 생성 중...</span>\n              <span file>${this.uploadingFile}</span>\n            </div>\n          `\n        : ''}\n\n      <div header>\n        <h2>\n          <md-icon>folder_open</md-icon>\n          현장 문서 확인\n        </h2>\n        <span breadcrumb>\n          ${this.selectedMajor ? this.selectedMajor.name : ''} ${this.selectedMiddle ? ` > ${this.selectedMiddle.name}` : ''}\n          ${this.selectedMinor ? ` > ${this.selectedMinor.name}` : ''}\n        </span>\n      </div>\n\n      <div content>\n        <div classification-panel>\n          <div column>\n            <div column-header>대분류</div>\n            ${majors.map(\n              item => html`\n                <div\n                  item\n                  ?selected=${this.selectedMajor?.code === item.code}\n                  @click=${() => this._selectMajor(item)}\n                  @mousemove=${(e: MouseEvent) => this._showTooltip(e, item.name)}\n                  @mouseleave=${() => (this._tooltipText = '')}\n                  @dragover=${(e: DragEvent) => this._onFolderDragOver(e, item.code)}\n                  @dragleave=${() => (this.dragOverItem = '')}\n                  @drop=${(e: DragEvent) => this._onFolderDrop(e, item.code)}\n                  ?drag-over=${this.dragOverItem === item.code}\n                >\n                  <span name>${item.name}</span>\n                  ${this._getMajorCount(item.code) > 0 ? html`<span count>${this._getMajorCount(item.code)}</span>` : ''}\n                </div>\n              `\n            )}\n          </div>\n\n          <div column>\n            <div column-header>중분류</div>\n            ${middles.map(\n              item => html`\n                <div\n                  item\n                  ?selected=${this.selectedMiddle?.code === item.code}\n                  @click=${() => this._selectMiddle(item)}\n                  @mousemove=${(e: MouseEvent) => this._showTooltip(e, item.name)}\n                  @mouseleave=${() => (this._tooltipText = '')}\n                  @dragover=${(e: DragEvent) => this._onFolderDragOver(e, item.code)}\n                  @dragleave=${() => (this.dragOverItem = '')}\n                  @drop=${(e: DragEvent) => this._onFolderDrop(e, item.code)}\n                  ?drag-over=${this.dragOverItem === item.code}\n                >\n                  <span name>${item.name}</span>\n                  ${this._getMiddleCount(item.code) > 0 ? html`<span count>${this._getMiddleCount(item.code)}</span>` : ''}\n                </div>\n              `\n            )}\n          </div>\n\n          <div column>\n            <div column-header>소분류</div>\n            ${minors.map(\n              item => html`\n                <div\n                  item\n                  ?selected=${this.selectedMinor?.code === item.code}\n                  @click=${() => this._selectMinor(item)}\n                  @mousemove=${(e: MouseEvent) => this._showTooltip(e, item.name)}\n                  @mouseleave=${() => (this._tooltipText = '')}\n                  @dragover=${(e: DragEvent) => this._onFolderDragOver(e, item.code)}\n                  @dragleave=${() => (this.dragOverItem = '')}\n                  @drop=${(e: DragEvent) => this._onFolderDrop(e, item.code)}\n                  ?drag-over=${this.dragOverItem === item.code}\n                >\n                  <span code>${item.code}</span>\n                  <span name>${item.name}</span>\n                  ${(this.codeCounts.get(item.code) || 0) > 0 ? html`<span count>${this.codeCounts.get(item.code)}</span>` : ''}\n                </div>\n              `\n            )}\n          </div>\n        </div>\n\n        <field-document-list-panel\n          .projectId=${this.projectId}\n          .code=${this.selectedMinor?.code || ''}\n          .folderName=${this.selectedMinor?.name || ''}\n          .documents=${this.documents}\n          @document-selected=${(e: CustomEvent) => (this.selectedDocIds = e.detail)}\n          @documents-changed=${(e: CustomEvent) => this._onDocumentsChanged(e)}\n        ></field-document-list-panel>\n      </div>\n\n      <div footer>\n        <md-filled-button share @click=${this._shareDocuments}> <md-icon slot=\"icon\">share</md-icon>공유 </md-filled-button>\n        <md-filled-button favorite @click=${this._toggleFavorites}>\n          <md-icon slot=\"icon\">star</md-icon>즐겨찾기\n        </md-filled-button>\n        <md-filled-button upload @click=${this._triggerUpload}> <md-icon slot=\"icon\">upload</md-icon>업로드 </md-filled-button>\n        <md-filled-button delete @click=${this._deleteDocuments}> <md-icon slot=\"icon\">delete</md-icon>삭제 </md-filled-button>\n\n        <input\n          type=\"file\"\n          id=\"native-file-input\"\n          multiple\n          accept=\"*/*\"\n          style=\"display:none\"\n          @change=${this._onNativeFileSelected}\n        />\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    await this._loadCounts()\n    // 첫 번째 대분류 자동 선택\n    if (FIELD_DOCUMENT_CLASSIFICATIONS.length > 0) {\n      this._selectMajor(FIELD_DOCUMENT_CLASSIFICATIONS[0])\n    }\n  }\n\n  private _selectMajor(item: Classification) {\n    this.selectedMajor = item\n    this.selectedMiddle = null\n    this.selectedMinor = null\n    this.documents = []\n    this.selectedDocIds = new Set()\n\n    if (item.children?.length) {\n      this._selectMiddle(item.children[0])\n    }\n  }\n\n  private _selectMiddle(item: Classification) {\n    this.selectedMiddle = item\n    this.selectedMinor = null\n    this.documents = []\n    this.selectedDocIds = new Set()\n\n    if (item.children?.length) {\n      this._selectMinor(item.children[0])\n    }\n  }\n\n  private async _selectMinor(item: Classification) {\n    this.selectedMinor = item\n    this.selectedDocIds = new Set()\n    await this._loadDocuments()\n  }\n\n  private async _loadDocuments() {\n    if (!this.selectedMinor?.code || !this.projectId) {\n      this.documents = []\n      return\n    }\n\n    const response = await client.query({\n      query: gql`\n        query FieldDocumentsByCode($projectId: String!, $code: String!) {\n          fieldDocumentsByCode(projectId: $projectId, code: $code) {\n            items {\n              id\n              name\n              code\n              isFavorite\n              aiSummary\n              aiSummaryStatus\n              sourceType\n              fullpath\n              fileSize\n              createdAt\n              creator {\n                id\n                name\n              }\n            }\n            total\n          }\n        }\n      `,\n      variables: { projectId: this.projectId, code: this.selectedMinor.code }\n    })\n\n    this.documents = response.data?.fieldDocumentsByCode?.items || []\n  }\n\n  private async _loadCounts() {\n    if (!this.projectId) return\n\n    const response = await client.query({\n      query: gql`\n        query FieldDocumentCountsByProject($projectId: String!) {\n          fieldDocumentCountsByProject(projectId: $projectId) {\n            code\n            count\n          }\n        }\n      `,\n      variables: { projectId: this.projectId }\n    })\n\n    const counts = response.data?.fieldDocumentCountsByProject || []\n    this.codeCounts = new Map(counts.map((c: any) => [c.code, c.count]))\n  }\n\n  private _getMajorCount(majorCode: string): number {\n    let total = 0\n    for (const [code, count] of this.codeCounts) {\n      if (code.startsWith(majorCode)) total += count\n    }\n    return total\n  }\n\n  private _getMiddleCount(middleCode: string): number {\n    let total = 0\n    for (const [code, count] of this.codeCounts) {\n      if (code.startsWith(middleCode)) total += count\n    }\n    return total\n  }\n\n  private async _shareDocuments() {\n    const selected = this.documents.filter(d => this.selectedDocIds.has(d.id))\n    if (!selected.length) {\n      notify({ message: '공유할 문서를 선택해주세요.', level: 'info' })\n      return\n    }\n\n    if (navigator.share) {\n      try {\n        await navigator.share({\n          title: '현장 문서',\n          text: selected.map(d => d.name).join(', '),\n          url: window.location.href\n        })\n      } catch {\n        // 사용자 취소\n      }\n    } else {\n      const links = selected.map(d => d.fullpath || d.name).join('\\n')\n      await navigator.clipboard.writeText(links)\n      notify({ message: '링크가 복사되었습니다.' })\n    }\n  }\n\n  private async _toggleFavorites() {\n    if (!this.selectedDocIds.size) {\n      notify({ message: '즐겨찾기할 문서를 선택해주세요.', level: 'info' })\n      return\n    }\n\n    for (const id of this.selectedDocIds) {\n      await client.mutate({\n        mutation: gql`\n          mutation ToggleFieldDocumentFavorite($id: String!) {\n            toggleFieldDocumentFavorite(id: $id) {\n              id\n              isFavorite\n            }\n          }\n        `,\n        variables: { id }\n      })\n    }\n\n    await this._loadDocuments()\n    notify({ message: '즐겨찾기가 변경되었습니다.' })\n  }\n\n  private _triggerUpload() {\n    if (!this.selectedMinor?.code) {\n      notify({ message: '파일을 업로드할 소분류 폴더를 먼저 선택해주세요.', level: 'info' })\n      return\n    }\n\n    const fileInput = this.renderRoot.querySelector('#native-file-input') as HTMLInputElement\n    if (fileInput) {\n      fileInput.value = ''\n      fileInput.click()\n    }\n  }\n\n  private async _onNativeFileSelected(e: Event) {\n    const input = e.target as HTMLInputElement\n    const files = Array.from(input.files || [])\n    if (!files.length || !this.selectedMinor?.code) return\n\n    await this._uploadFiles(files, this.selectedMinor.code)\n  }\n\n  private async _uploadFiles(files: File[], code: string) {\n    // AI 브리핑 힌트용 분류 문자열 (대 · 중 · 소분류)\n    const path = findClassificationPath(code)\n    const category = [path.major?.name, path.middle?.name, path.minor?.name].filter(Boolean).join(' · ')\n\n    this.uploading = true\n    let done = 0\n\n    try {\n      for (const file of files) {\n        this.uploadingFile = files.length > 1 ? `${file.name} (${++done}/${files.length})` : file.name\n        console.log('[field-document] upload request:', file.name, 'code:', code, 'category:', category)\n        const response = await client.mutate({\n          mutation: gql`\n            mutation CreateFieldDocument($patch: NewFieldDocument!) {\n              createFieldDocument(patch: $patch) {\n                id\n                aiSummary\n                aiSummaryStatus\n              }\n            }\n          `,\n          variables: {\n            patch: {\n              projectId: this.projectId,\n              code,\n              name: file.name,\n              category,\n              file\n            }\n          },\n          context: { hasUpload: true }\n        })\n        console.log('[field-document] upload response:', JSON.stringify(response.data?.createFieldDocument))\n      }\n\n      await this._loadDocuments()\n      await this._loadCounts()\n      notify({ message: `${files.length}개 파일이 업로드되었습니다.` })\n    } finally {\n      this.uploading = false\n      this.uploadingFile = ''\n    }\n  }\n\n  private async _deleteDocuments() {\n    if (!this.selectedDocIds.size) {\n      notify({ message: '삭제할 문서를 선택해주세요.', level: 'info' })\n      return\n    }\n\n    if (!confirm('선택한 문서를 삭제하시겠습니까?')) return\n\n    const ids = Array.from(this.selectedDocIds)\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation DeleteFieldDocuments($ids: [String!]!) {\n          deleteFieldDocuments(ids: $ids)\n        }\n      `,\n      variables: { ids }\n    })\n\n    if (!response.errors) {\n      this.selectedDocIds = new Set()\n      await this._loadDocuments()\n      await this._loadCounts()\n      notify({ message: '삭제되었습니다.' })\n    }\n  }\n\n  private _onFolderDragOver(e: DragEvent, code: string) {\n    const types = e.dataTransfer?.types || []\n    if (types.includes('application/x-field-document-ids')) {\n      e.preventDefault()\n      this.dragOverItem = code\n\n      // 대분류/중분류 위에 hover 시 자동 확장\n      if (code.length === 2) {\n        const major = FIELD_DOCUMENT_CLASSIFICATIONS.find(m => m.code === code)\n        if (major && this.selectedMajor?.code !== code) {\n          clearTimeout(this._expandTimeout)\n          this._expandTimeout = setTimeout(() => this._selectMajor(major), 500)\n        }\n      } else if (code.length === 4) {\n        const middles = this.selectedMajor?.children || []\n        const middle = middles.find(m => m.code === code)\n        if (middle && this.selectedMiddle?.code !== code) {\n          clearTimeout(this._expandTimeout)\n          this._expandTimeout = setTimeout(() => {\n            this.selectedMiddle = middle\n            this.selectedMinor = null\n          }, 500)\n        }\n      }\n    }\n  }\n\n  private _expandTimeout: any\n\n  private async _onFolderDrop(e: DragEvent, code: string) {\n    e.preventDefault()\n    this.dragOverItem = ''\n    clearTimeout(this._expandTimeout)\n\n    const idsJson = e.dataTransfer?.getData('application/x-field-document-ids')\n    if (!idsJson) return\n\n    const ids: string[] = JSON.parse(idsJson)\n\n    // 소분류 코드에만 이동 가능\n    if (code.length !== 6) {\n      notify({ message: '소분류 폴더에만 이동할 수 있습니다.', level: 'info' })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation MoveFieldDocuments($ids: [String!]!, $targetCode: String!) {\n          moveFieldDocuments(ids: $ids, targetCode: $targetCode)\n        }\n      `,\n      variables: { ids, targetCode: code }\n    })\n\n    if (!response.errors) {\n      const path = findClassificationPath(code)\n      notify({ message: `${ids.length}개 문서가 \"${path.minor?.name || code}\" 폴더로 이동되었습니다.` })\n      await this._loadDocuments()\n      await this._loadCounts()\n    }\n  }\n\n  private async _onDocumentsChanged(e: CustomEvent) {\n    const files = e.detail?.files as File[]\n    console.log(\n      '[field-document] drop received:',\n      files?.map(f => f.name),\n      'code:',\n      this.selectedMinor?.code\n    )\n    if (files?.length && this.selectedMinor?.code) {\n      await this._uploadFiles(files, this.selectedMinor.code)\n    } else {\n      await this._loadDocuments()\n    }\n  }\n\n  private _showTooltip(e: MouseEvent, text: string) {\n    this._tooltipText = text\n    const rect = this.getBoundingClientRect()\n    this._tooltipX = e.clientX - rect.left\n    this._tooltipY = e.clientY - rect.top\n  }\n}\n"]}

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

@@ -196,9 +196,6 @@ let ImagePreviewPopup = class ImagePreviewPopup extends LitElement {
             else if (event.key === 'ArrowRight') {
                 this._nextImage();
             }
-            else if (event.key === 'Escape') {
-                this._close();
-            }
         };
         document.addEventListener('keydown', handleKeyPress);
         // 컴포넌트가 제거될 때 이벤트 리스너 정리

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

@@ -1 +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"]}
+{"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      }\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

@@ -13,7 +13,12 @@ export declare class InspectionRequestDocument extends LitElement {
     buildingInspection: any;
     mode: InspectionMode;
     render(): import("lit-html").TemplateResult<1>;
+    private _parseDate;
     private _formatDate;
+    private _formatDateTime;
+    private _formatDateTimeForInput;
+    private _onRequestDateChange;
+    private _onDateInputClick;
     private _onInspectionMemoChange;
     private _onNameListUpload;
     private _onConfirm;

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

@@ -20,8 +20,8 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
-        const headerDate = this._formatDate(new Date(((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionRequestUpdatedAt) || Date.now()));
-        const requestDate = this._formatDate(new Date(this.buildingInspection.requestDate));
+        const headerDate = this._formatDate(this._parseDate((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionRequestUpdatedAt));
+        const requestDate = this._formatDateTime(this._parseDate(this.buildingInspection.requestDate));
         const attachmentCount = (_d = (_c = (_b = this.buildingInspection) === null || _b === void 0 ? void 0 : _b.checklist) === null || _c === void 0 ? void 0 : _c.checklistItems) === null || _d === void 0 ? void 0 : _d.reduce((acc, item) => {
             return acc + item.checklistItemAttachmentCount;
         }, 0);
@@ -59,7 +59,19 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
               </tr>
               <tr>
                 <th>검측 요구일시</th>
-                <td>${requestDate}</td>
+                <td>
+                  ${this.mode === InspectionMode.EDIT
+            ? html `
+                        <input
+                          type="datetime-local"
+                          class="inspection-date-input"
+                          .value=${this._formatDateTimeForInput(this.buildingInspection.requestDate)}
+                          @change=${this._onRequestDateChange}
+                          @click=${this._onDateInputClick}
+                        />
+                      `
+            : requestDate}
+                </td>
               </tr>
               <tr>
                 <th>검측 사항</th>
@@ -132,9 +144,44 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
             : ''}
     `;
     }
+    _parseDate(value) {
+        if (!value)
+            return new Date();
+        const d = typeof value === 'string' && /^\d+$/.test(value) ? new Date(Number(value)) : new Date(value);
+        return isNaN(d.getTime()) ? new Date() : d;
+    }
     _formatDate(date) {
         return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`;
     }
+    _formatDateTime(date) {
+        const hours = String(date.getHours()).padStart(2, '0');
+        const minutes = String(date.getMinutes()).padStart(2, '0');
+        return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}. ${hours}:${minutes}`;
+    }
+    _formatDateTimeForInput(date) {
+        let d = date ? new Date(date) : new Date();
+        if (isNaN(d.getTime()))
+            d = new Date();
+        const year = d.getFullYear();
+        const month = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        const hours = String(d.getHours()).padStart(2, '0');
+        const minutes = String(d.getMinutes()).padStart(2, '0');
+        return `${year}-${month}-${day}T${hours}:${minutes}`;
+    }
+    _onRequestDateChange(e) {
+        const target = e.target;
+        this.buildingInspection = Object.assign(Object.assign({}, this.buildingInspection), { requestDate: target.value });
+        this.dispatchEvent(new CustomEvent('request-date-change', {
+            detail: { requestDate: target.value },
+            bubbles: true
+        }));
+    }
+    _onDateInputClick(e) {
+        var _a;
+        const target = e.target;
+        (_a = target.showPicker) === null || _a === void 0 ? void 0 : _a.call(target);
+    }
     _onInspectionMemoChange(e) {
         const target = e.target;
         this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionRequestMemo: target.value });
@@ -370,6 +417,18 @@ InspectionRequestDocument.styles = [
         margin-right: 18px;
       }
 
+      .inspection-date-input {
+        width: 100%;
+        max-width: -webkit-fill-available;
+        height: 20px;
+        border: 1px solid #ddd;
+        padding: 10px;
+        font-size: 15px;
+        border-radius: 5px;
+        cursor: pointer;
+        font-family: inherit;
+      }
+
       .inspection-memo-input {
         width: 100%;
         max-width: -webkit-fill-available;

package/dist-client/pages/building-inspection/component/inspection-document/inspection-request-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspection-request-document.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-request-document.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport './photo-album-popup'\n\nexport enum InspectionMode {\n  EDIT = 'EDIT',\n  VIEW = 'VIEW'\n}\n\n@customElement('inspection-request-document')\nexport class InspectionRequestDocument extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .request-info {\n        margin-bottom: 20px;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .inspection-items {\n        margin: 20px 0;\n      }\n\n      .inspection-items textarea {\n        width: 100%;\n        min-height: 100px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-family: inherit;\n        resize: vertical;\n      }\n\n      .signature-section {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 15px;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        text-align: right;\n      }\n\n      .signature-title {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        min-width: 120px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 100px;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        margin-bottom: 30px;\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 14px;\n        color: #333;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        margin-left: 30px;\n      }\n\n      .attachment-item {\n        margin-bottom: 5px;\n        color: #2196f3;\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .attachment-item.upload {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .attachment-item.upload md-outlined-button {\n        --md-outlined-button-container-height: 24px;\n        --md-outlined-button-label-text-size: 12px;\n        --md-outlined-button-outline-color: #666;\n        --md-outlined-button-label-text-color: #666;\n      }\n\n      .attachment-item.upload span {\n        color: #666;\n        font-size: 12px;\n      }\n\n      .attachment-icon {\n        display: none;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .form-row {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 10px;\n      }\n\n      .form-label {\n        font-weight: bold;\n        width: 100px;\n        margin-right: 10px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .inspection-memo-input {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .inspection-memo-text {\n        padding: 10px;\n        font-size: 15px;\n        color: #495057;\n        border: 1px solid #e9ecef;\n        border-radius: 5px;\n        min-height: 20px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const headerDate = this._formatDate(new Date(this.checklist?.inspectionRequestUpdatedAt || Date.now()))\n    const requestDate = this._formatDate(new Date(this.buildingInspection.requestDate))\n    const attachmentCount = this.buildingInspection?.checklist?.checklistItems?.reduce((acc, item) => {\n      return acc + item.checklistItemAttachmentCount\n    }, 0)\n\n    return html`\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측요청서</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${headerDate}</div>\n\n          <div class=\"request-info\">\n            <div class=\"recipient-section\">\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">문서 번호:</span>\n                <span>${this.checklist?.inspectionRequestDocumentNo || ''}</span>\n              </div>\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">수신:</span>\n                <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.supervisoryCompany}</span>\n              </div>\n            </div>\n\n            <div style=\"margin: 15px 0;\">다음과 같은 세부공종에 대하여 검측요청 하오니 검사 후 승인하여 주시 기 바랍니다.</div>\n\n            <table class=\"request-table\">\n              <tr>\n                <th>위치 및 공종</th>\n                <td>${(this.checklist?.location || '') + ' - ' + (this.checklist?.constructionType || '')}</td>\n              </tr>\n              <tr>\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              </tr>\n              <tr>\n                <th>검측 요구일시</th>\n                <td>${requestDate}</td>\n              </tr>\n              <tr>\n                <th>검측 사항</th>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"inspection-memo-input\"\n                    .value=${this.checklist?.inspectionRequestMemo || ''}\n                    @input=${this._onInspectionMemoChange}\n                    ?disabled=${this.mode === InspectionMode.VIEW}\n                    placeholder=\"검측사항을 입력하세요.\"\n                  />\n                </td>\n              </tr>\n            </table>\n          </div>\n\n          <div class=\"document-footer\">\n            <div class=\"attachment-section\">\n              <div class=\"attachment-title\">첨부 파일</div>\n              <div class=\"attachment-list\">\n                <div class=\"attachment-item\">시공자의 검측 체크리스트</div>\n                ${this.mode === InspectionMode.EDIT\n                  ? html`\n                      <div class=\"attachment-item upload\">\n                        실명부\n                        <md-outlined-button @click=${this._onNameListUpload.bind(this)}>\n                          ${this.checklist?.nameListAttachment ? '다시 업로드' : '업로드'}\n                        </md-outlined-button>\n                        ${this.checklist?.nameListAttachment ? html`<span>(업로드 완료)</span>` : ''}\n                      </div>\n                    `\n                  : this.checklist?.nameListAttachment\n                    ? html`<div class=\"attachment-item\">실명부</div>`\n                    : ''}\n                ${attachmentCount > 0 ? html`<div class=\"attachment-item\">첨부 사진 ${attachmentCount}개</div>` : ''}\n              </div>\n            </div>\n\n            <div class=\"signature-section\">\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">공종별 시공 관리자</div>\n                <div class=\"signature-name\">${this.checklist?.taskConstructor?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.taskConstructorSignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.taskConstructorSignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">총괄 시공 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.overallConstructor?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.overallConstructorSignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.overallConstructorSignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.mode === InspectionMode.EDIT\n        ? html`\n            <div class=\"button-container\">\n              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _onInspectionMemoChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.checklist = { ...this.checklist, inspectionRequestMemo: target.value }\n\n    // 부모 컴포넌트에 변경사항 전달\n    this.dispatchEvent(\n      new CustomEvent('inspection-memo-change', {\n        detail: { inspectionRequestMemo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 실명부 업로드\n  private _onNameListUpload() {\n    const input = document.createElement('input')\n    input.type = 'file'\n    input.accept = '.pdf,.doc,.docx,.jpg,.jpeg,.png'\n    input.onchange = (e: any) => {\n      const file = e.target.files[0]\n      if (file) {\n        // checklist에 파일과 업로드 플래그 저장\n        this.checklist = {\n          ...this.checklist,\n          nameListAttachment: file,\n          isNameListAttachmentUploaded: true\n        }\n\n        // 부모 컴포넌트에 변경사항 알림\n        this.dispatchEvent(new CustomEvent('name-list-file-selected', { detail: { file } }))\n        this.requestUpdate()\n      }\n    }\n    input.click()\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"inspection-request-document.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-request-document.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport './photo-album-popup'\n\nexport enum InspectionMode {\n  EDIT = 'EDIT',\n  VIEW = 'VIEW'\n}\n\n@customElement('inspection-request-document')\nexport class InspectionRequestDocument extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .request-info {\n        margin-bottom: 20px;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .inspection-items {\n        margin: 20px 0;\n      }\n\n      .inspection-items textarea {\n        width: 100%;\n        min-height: 100px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-family: inherit;\n        resize: vertical;\n      }\n\n      .signature-section {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 15px;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        text-align: right;\n      }\n\n      .signature-title {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        min-width: 120px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 100px;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        margin-bottom: 30px;\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 14px;\n        color: #333;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        margin-left: 30px;\n      }\n\n      .attachment-item {\n        margin-bottom: 5px;\n        color: #2196f3;\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .attachment-item.upload {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .attachment-item.upload md-outlined-button {\n        --md-outlined-button-container-height: 24px;\n        --md-outlined-button-label-text-size: 12px;\n        --md-outlined-button-outline-color: #666;\n        --md-outlined-button-label-text-color: #666;\n      }\n\n      .attachment-item.upload span {\n        color: #666;\n        font-size: 12px;\n      }\n\n      .attachment-icon {\n        display: none;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .form-row {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 10px;\n      }\n\n      .form-label {\n        font-weight: bold;\n        width: 100px;\n        margin-right: 10px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .inspection-date-input {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 20px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n        cursor: pointer;\n        font-family: inherit;\n      }\n\n      .inspection-memo-input {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .inspection-memo-text {\n        padding: 10px;\n        font-size: 15px;\n        color: #495057;\n        border: 1px solid #e9ecef;\n        border-radius: 5px;\n        min-height: 20px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const headerDate = this._formatDate(this._parseDate(this.checklist?.inspectionRequestUpdatedAt))\n    const requestDate = this._formatDateTime(this._parseDate(this.buildingInspection.requestDate))\n    const attachmentCount = this.buildingInspection?.checklist?.checklistItems?.reduce((acc, item) => {\n      return acc + item.checklistItemAttachmentCount\n    }, 0)\n\n    return html`\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측요청서</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${headerDate}</div>\n\n          <div class=\"request-info\">\n            <div class=\"recipient-section\">\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">문서 번호:</span>\n                <span>${this.checklist?.inspectionRequestDocumentNo || ''}</span>\n              </div>\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">수신:</span>\n                <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.supervisoryCompany}</span>\n              </div>\n            </div>\n\n            <div style=\"margin: 15px 0;\">다음과 같은 세부공종에 대하여 검측요청 하오니 검사 후 승인하여 주시 기 바랍니다.</div>\n\n            <table class=\"request-table\">\n              <tr>\n                <th>위치 및 공종</th>\n                <td>${(this.checklist?.location || '') + ' - ' + (this.checklist?.constructionType || '')}</td>\n              </tr>\n              <tr>\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              </tr>\n              <tr>\n                <th>검측 요구일시</th>\n                <td>\n                  ${this.mode === InspectionMode.EDIT\n                    ? html`\n                        <input\n                          type=\"datetime-local\"\n                          class=\"inspection-date-input\"\n                          .value=${this._formatDateTimeForInput(this.buildingInspection.requestDate)}\n                          @change=${this._onRequestDateChange}\n                          @click=${this._onDateInputClick}\n                        />\n                      `\n                    : requestDate}\n                </td>\n              </tr>\n              <tr>\n                <th>검측 사항</th>\n                <td>\n                  <input\n                    type=\"text\"\n                    class=\"inspection-memo-input\"\n                    .value=${this.checklist?.inspectionRequestMemo || ''}\n                    @input=${this._onInspectionMemoChange}\n                    ?disabled=${this.mode === InspectionMode.VIEW}\n                    placeholder=\"검측사항을 입력하세요.\"\n                  />\n                </td>\n              </tr>\n            </table>\n          </div>\n\n          <div class=\"document-footer\">\n            <div class=\"attachment-section\">\n              <div class=\"attachment-title\">첨부 파일</div>\n              <div class=\"attachment-list\">\n                <div class=\"attachment-item\">시공자의 검측 체크리스트</div>\n                ${this.mode === InspectionMode.EDIT\n                  ? html`\n                      <div class=\"attachment-item upload\">\n                        실명부\n                        <md-outlined-button @click=${this._onNameListUpload.bind(this)}>\n                          ${this.checklist?.nameListAttachment ? '다시 업로드' : '업로드'}\n                        </md-outlined-button>\n                        ${this.checklist?.nameListAttachment ? html`<span>(업로드 완료)</span>` : ''}\n                      </div>\n                    `\n                  : this.checklist?.nameListAttachment\n                    ? html`<div class=\"attachment-item\">실명부</div>`\n                    : ''}\n                ${attachmentCount > 0 ? html`<div class=\"attachment-item\">첨부 사진 ${attachmentCount}개</div>` : ''}\n              </div>\n            </div>\n\n            <div class=\"signature-section\">\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">공종별 시공 관리자</div>\n                <div class=\"signature-name\">${this.checklist?.taskConstructor?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.taskConstructorSignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.taskConstructorSignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">총괄 시공 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.overallConstructor?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.overallConstructorSignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.overallConstructorSignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.mode === InspectionMode.EDIT\n        ? html`\n            <div class=\"button-container\">\n              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  private _parseDate(value: any): Date {\n    if (!value) return new Date()\n    const d = typeof value === 'string' && /^\\d+$/.test(value) ? new Date(Number(value)) : new Date(value)\n    return isNaN(d.getTime()) ? new Date() : d\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _formatDateTime(date: Date): string {\n    const hours = String(date.getHours()).padStart(2, '0')\n    const minutes = String(date.getMinutes()).padStart(2, '0')\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}. ${hours}:${minutes}`\n  }\n\n  private _formatDateTimeForInput(date?: string | Date | null): string {\n    let d = date ? new Date(date) : new Date()\n    if (isNaN(d.getTime())) d = new Date()\n\n    const year = d.getFullYear()\n    const month = String(d.getMonth() + 1).padStart(2, '0')\n    const day = String(d.getDate()).padStart(2, '0')\n    const hours = String(d.getHours()).padStart(2, '0')\n    const minutes = String(d.getMinutes()).padStart(2, '0')\n    return `${year}-${month}-${day}T${hours}:${minutes}`\n  }\n\n  private _onRequestDateChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.buildingInspection = { ...this.buildingInspection, requestDate: target.value }\n\n    this.dispatchEvent(\n      new CustomEvent('request-date-change', {\n        detail: { requestDate: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  private _onDateInputClick(e: Event) {\n    const target = e.target as HTMLInputElement\n    target.showPicker?.()\n  }\n\n  private _onInspectionMemoChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.checklist = { ...this.checklist, inspectionRequestMemo: target.value }\n\n    // 부모 컴포넌트에 변경사항 전달\n    this.dispatchEvent(\n      new CustomEvent('inspection-memo-change', {\n        detail: { inspectionRequestMemo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 실명부 업로드\n  private _onNameListUpload() {\n    const input = document.createElement('input')\n    input.type = 'file'\n    input.accept = '.pdf,.doc,.docx,.jpg,.jpeg,.png'\n    input.onchange = (e: any) => {\n      const file = e.target.files[0]\n      if (file) {\n        // checklist에 파일과 업로드 플래그 저장\n        this.checklist = {\n          ...this.checklist,\n          nameListAttachment: file,\n          isNameListAttachmentUploaded: true\n        }\n\n        // 부모 컴포넌트에 변경사항 알림\n        this.dispatchEvent(new CustomEvent('name-list-file-selected', { detail: { file } }))\n        this.requestUpdate()\n      }\n    }\n    input.click()\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}

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

@@ -21,6 +21,7 @@ export declare class InspectionResultNotification extends LitElement {
     mode: InspectionMode;
     render(): import("lit-html").TemplateResult<1>;
     protected updated(): void;
+    private _parseDate;
     private _formatDate;
     private _getAttachmentCount;
     private _getOverallResult;

package/dist-client/pages/building-inspection/component/inspection-document/inspection-result-notification.js

@@ -28,7 +28,7 @@ let InspectionResultNotification = class InspectionResultNotification extends Li
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        const headerDate = this._formatDate(new Date(((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionResultUpdatedAt) || Date.now()));
+        const headerDate = this._formatDate(this._parseDate((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionResultUpdatedAt));
         return html `
       <div class="document-container">
         <div class="document-header">
@@ -51,7 +51,7 @@ let InspectionResultNotification = class InspectionResultNotification extends Li
 
           <div class="content-section">
             문서번호 ${((_g = this.checklist) === null || _g === void 0 ? void 0 : _g.inspectionRequestDocumentNo) || ''} 검측 요청한 건에 대하여
-            ${this._formatDate(new Date((_h = this.buildingInspection) === null || _h === void 0 ? void 0 : _h.requestDate))} 검측한 결과를 다음과 같이 통보합니다.
+            ${this._formatDate(this._parseDate((_h = this.buildingInspection) === null || _h === void 0 ? void 0 : _h.requestDate))} 검측한 결과를 다음과 같이 통보합니다.
           </div>
 
           <table class="request-table">
@@ -186,6 +186,12 @@ let InspectionResultNotification = class InspectionResultNotification extends Li
             }));
         }
     }
+    _parseDate(value) {
+        if (!value)
+            return new Date();
+        const d = typeof value === 'string' && /^\d+$/.test(value) ? new Date(Number(value)) : new Date(value);
+        return isNaN(d.getTime()) ? new Date() : d;
+    }
     _formatDate(date) {
         return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`;
     }

package/dist-client/pages/building-inspection/component/inspection-document/inspection-result-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspection-result-notification.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-result-notification.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/radio/radio.js'\nimport '@material/web/textfield/outlined-text-field.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { InspectionMode } from './inspection-request-document'\n\nexport enum InspectionResultStatus {\n  PASS = 'PASS', // 합격\n  FAIL = 'FAIL' // 불합격\n}\n\nexport enum InspectionResultType {\n  GENERAL = 'GENERAL', // 일반\n  FOCUS = 'FOCUS', // 중점\n  CONCEALED_WORK = 'CONCEALED_WORK' // 매몰부위\n}\n\n@customElement('inspection-result-notification')\nexport class InspectionResultNotification extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .content-section {\n        margin-bottom: 20px;\n        line-height: 1.6;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .radio-group {\n        display: flex;\n        gap: 20px;\n        align-items: center;\n      }\n\n      .radio-item {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n\n      .signature-section {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 15px;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        text-align: right;\n      }\n\n      .signature-title {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        min-width: 120px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 100px;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        margin-bottom: 30px;\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 14px;\n        color: #333;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        margin-left: 30px;\n      }\n\n      .attachment-item {\n        margin-bottom: 5px;\n        color: #2196f3;\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .instructions-field {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-line {\n        border-bottom: 1px solid #333;\n        height: 60px;\n        margin-bottom: 5px;\n        position: relative;\n        min-width: 100px;\n      }\n\n      .signature-label {\n        font-size: 12px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: Object }) project: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const headerDate = this._formatDate(new Date(this.checklist?.inspectionResultUpdatedAt || Date.now()))\n\n    return html`\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측 결과 통보</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${headerDate}</div>\n\n          <div class=\"recipient-section\">\n            <div class=\"recipient-item\">\n              <span class=\"recipient-label\">문서 번호:</span>\n              <span>${this.checklist?.inspectionResultDocumentNo || ''}</span>\n            </div>\n            <div class=\"recipient-item\">\n              <span class=\"recipient-label\">수신:</span>\n              <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.constructionCompany}</span>\n            </div>\n          </div>\n\n          <div class=\"content-section\">\n            문서번호 ${this.checklist?.inspectionRequestDocumentNo || ''} 검측 요청한 건에 대하여\n            ${this._formatDate(new Date(this.buildingInspection?.requestDate))} 검측한 결과를 다음과 같이 통보합니다.\n          </div>\n\n          <table class=\"request-table\">\n            <tr>\n              <th>검측 결과</th>\n              <td>\n                <div class=\"radio-group\">\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultStatus\"\n                      value=\"PASS\"\n                      ?checked=${this._getOverallResult() === InspectionResultStatus.PASS}\n                      disabled\n                    ></md-radio>\n                    <span>합격</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultStatus\"\n                      value=\"FAIL\"\n                      ?checked=${this._getOverallResult() === InspectionResultStatus.FAIL}\n                      disabled\n                    ></md-radio>\n                    <span>불합격</span>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <th>검측 종류</th>\n              <td>\n                <div class=\"radio-group\">\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"GENERAL\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.GENERAL}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>일반</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"FOCUS\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.FOCUS}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>중점</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"CONCEALED_WORK\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.CONCEALED_WORK}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>매몰부위</span>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <th>지시 사항</th>\n              <td>\n                <input\n                  type=\"text\"\n                  class=\"instructions-field\"\n                  .value=${this.checklist?.inspectionResultMemo || ''}\n                  ?disabled=${this.mode === InspectionMode.VIEW}\n                  @input=${this._onInstructionsChange}\n                  placeholder=\"지시 사항을 입력하세요.\"\n                />\n              </td>\n            </tr>\n          </table>\n\n          <div class=\"document-footer\">\n            <div class=\"attachment-section\">\n              <div class=\"attachment-title\">첨부 파일</div>\n              <div class=\"attachment-list\">\n                <div class=\"attachment-item\">시공자의 검측 체크리스트</div>\n                ${this._getAttachmentCount() > 0\n                  ? html`<div class=\"attachment-item\">첨부 사진 ${this._getAttachmentCount()}개</div>`\n                  : ''}\n              </div>\n            </div>\n\n            <div class=\"signature-section\">\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">공종별 감리 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.taskSupervisory?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.taskSupervisorySignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.taskSupervisorySignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">총괄 감리 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.overallSupervisory?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.overallSupervisorySignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.overallSupervisorySignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.mode === InspectionMode.EDIT\n        ? html`\n            <div class=\"button-container\">\n              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  protected updated() {\n    const overall = this._getOverallResult()\n    if (this.checklist?.inspectionResultStatus !== overall) {\n      this.dispatchEvent(\n        new CustomEvent('inspection-result-change', {\n          detail: { inspectionResultStatus: overall },\n          bubbles: true\n        })\n      )\n    }\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _getAttachmentCount(): number {\n    return (\n      this.buildingInspection?.checklist?.checklistItems?.reduce((acc, item) => {\n        return acc + item.checklistItemAttachmentCount\n      }, 0) || 0\n    )\n  }\n\n  private _getOverallResult(): string {\n    const hasFailedItems = this.checklist?.checklistItems?.some(item => item.supervisoryConfirmStatus === 'F')\n    return hasFailedItems ? InspectionResultStatus.FAIL : InspectionResultStatus.PASS\n  }\n\n  private _onInspectionTypeChange(e: Event) {\n    const target = e.target as any\n    this.checklist = {\n      ...this.checklist,\n      inspectionResultType: target.value\n    }\n    this.requestUpdate()\n    this.dispatchEvent(\n      new CustomEvent('inspection-type-change', {\n        detail: { inspectionResultType: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  private _onInstructionsChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.checklist = {\n      ...this.checklist,\n      inspectionResultMemo: target.value\n    }\n    this.requestUpdate()\n    this.dispatchEvent(\n      new CustomEvent('instructions-change', {\n        detail: { inspectionResultMemo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"inspection-result-notification.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-result-notification.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/radio/radio.js'\nimport '@material/web/textfield/outlined-text-field.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { InspectionMode } from './inspection-request-document'\n\nexport enum InspectionResultStatus {\n  PASS = 'PASS', // 합격\n  FAIL = 'FAIL' // 불합격\n}\n\nexport enum InspectionResultType {\n  GENERAL = 'GENERAL', // 일반\n  FOCUS = 'FOCUS', // 중점\n  CONCEALED_WORK = 'CONCEALED_WORK' // 매몰부위\n}\n\n@customElement('inspection-result-notification')\nexport class InspectionResultNotification extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .content-section {\n        margin-bottom: 20px;\n        line-height: 1.6;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .radio-group {\n        display: flex;\n        gap: 20px;\n        align-items: center;\n      }\n\n      .radio-item {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n\n      .signature-section {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 15px;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        text-align: right;\n      }\n\n      .signature-title {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        min-width: 120px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 100px;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        margin-bottom: 30px;\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 14px;\n        color: #333;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        margin-left: 30px;\n      }\n\n      .attachment-item {\n        margin-bottom: 5px;\n        color: #2196f3;\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .instructions-field {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-line {\n        border-bottom: 1px solid #333;\n        height: 60px;\n        margin-bottom: 5px;\n        position: relative;\n        min-width: 100px;\n      }\n\n      .signature-label {\n        font-size: 12px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: Object }) project: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const headerDate = this._formatDate(this._parseDate(this.checklist?.inspectionResultUpdatedAt))\n\n    return html`\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측 결과 통보</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${headerDate}</div>\n\n          <div class=\"recipient-section\">\n            <div class=\"recipient-item\">\n              <span class=\"recipient-label\">문서 번호:</span>\n              <span>${this.checklist?.inspectionResultDocumentNo || ''}</span>\n            </div>\n            <div class=\"recipient-item\">\n              <span class=\"recipient-label\">수신:</span>\n              <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.constructionCompany}</span>\n            </div>\n          </div>\n\n          <div class=\"content-section\">\n            문서번호 ${this.checklist?.inspectionRequestDocumentNo || ''} 검측 요청한 건에 대하여\n            ${this._formatDate(this._parseDate(this.buildingInspection?.requestDate))} 검측한 결과를 다음과 같이 통보합니다.\n          </div>\n\n          <table class=\"request-table\">\n            <tr>\n              <th>검측 결과</th>\n              <td>\n                <div class=\"radio-group\">\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultStatus\"\n                      value=\"PASS\"\n                      ?checked=${this._getOverallResult() === InspectionResultStatus.PASS}\n                      disabled\n                    ></md-radio>\n                    <span>합격</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultStatus\"\n                      value=\"FAIL\"\n                      ?checked=${this._getOverallResult() === InspectionResultStatus.FAIL}\n                      disabled\n                    ></md-radio>\n                    <span>불합격</span>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <th>검측 종류</th>\n              <td>\n                <div class=\"radio-group\">\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"GENERAL\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.GENERAL}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>일반</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"FOCUS\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.FOCUS}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>중점</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"CONCEALED_WORK\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.CONCEALED_WORK}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>매몰부위</span>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <th>지시 사항</th>\n              <td>\n                <input\n                  type=\"text\"\n                  class=\"instructions-field\"\n                  .value=${this.checklist?.inspectionResultMemo || ''}\n                  ?disabled=${this.mode === InspectionMode.VIEW}\n                  @input=${this._onInstructionsChange}\n                  placeholder=\"지시 사항을 입력하세요.\"\n                />\n              </td>\n            </tr>\n          </table>\n\n          <div class=\"document-footer\">\n            <div class=\"attachment-section\">\n              <div class=\"attachment-title\">첨부 파일</div>\n              <div class=\"attachment-list\">\n                <div class=\"attachment-item\">시공자의 검측 체크리스트</div>\n                ${this._getAttachmentCount() > 0\n                  ? html`<div class=\"attachment-item\">첨부 사진 ${this._getAttachmentCount()}개</div>`\n                  : ''}\n              </div>\n            </div>\n\n            <div class=\"signature-section\">\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">공종별 감리 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.taskSupervisory?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.taskSupervisorySignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.taskSupervisorySignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">총괄 감리 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.overallSupervisory?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.overallSupervisorySignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.overallSupervisorySignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.mode === InspectionMode.EDIT\n        ? html`\n            <div class=\"button-container\">\n              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  protected updated() {\n    const overall = this._getOverallResult()\n    if (this.checklist?.inspectionResultStatus !== overall) {\n      this.dispatchEvent(\n        new CustomEvent('inspection-result-change', {\n          detail: { inspectionResultStatus: overall },\n          bubbles: true\n        })\n      )\n    }\n  }\n\n  private _parseDate(value: any): Date {\n    if (!value) return new Date()\n    const d = typeof value === 'string' && /^\\d+$/.test(value) ? new Date(Number(value)) : new Date(value)\n    return isNaN(d.getTime()) ? new Date() : d\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _getAttachmentCount(): number {\n    return (\n      this.buildingInspection?.checklist?.checklistItems?.reduce((acc, item) => {\n        return acc + item.checklistItemAttachmentCount\n      }, 0) || 0\n    )\n  }\n\n  private _getOverallResult(): string {\n    const hasFailedItems = this.checklist?.checklistItems?.some(item => item.supervisoryConfirmStatus === 'F')\n    return hasFailedItems ? InspectionResultStatus.FAIL : InspectionResultStatus.PASS\n  }\n\n  private _onInspectionTypeChange(e: Event) {\n    const target = e.target as any\n    this.checklist = {\n      ...this.checklist,\n      inspectionResultType: target.value\n    }\n    this.requestUpdate()\n    this.dispatchEvent(\n      new CustomEvent('inspection-type-change', {\n        detail: { inspectionResultType: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  private _onInstructionsChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.checklist = {\n      ...this.checklist,\n      inspectionResultMemo: target.value\n    }\n    this.requestUpdate()\n    this.dispatchEvent(\n      new CustomEvent('instructions-change', {\n        detail: { inspectionResultMemo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/inspection-event-provider.d.ts

@@ -1,8 +1,9 @@
 import { BizEvent, CALENDAR, EventProvider } from '@operato/event-view';
 export declare class InspectionEventProvider implements EventProvider {
-    buildingLevelId: {};
+    buildingLevelId: string;
+    buildingId: string;
     projectId: string;
-    constructor(buildingLevelId?: string, projectId?: string);
+    constructor(buildingLevelId?: string, projectId?: string, buildingId?: string);
     fetchEventsForCalendar(calendar: CALENDAR): Promise<Map<Date, BizEvent[]>>;
     private getCalendarTemplate;
 }