@dssp/supervision 0.0.32 → 0.0.33

package/client/pages/building-inspection/building-inspection-detail-checklist.ts

@@ -141,7 +141,7 @@ export class BuildingInspectionDetailChecklist extends PageView {
                 inspctionCriteria
                 constructionConfirmStatus
                 supervisoryConfirmStatus
-                comment
+                checklistItemCommentCount
               }
             }
             buildingLevel {

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

@@ -43,7 +43,7 @@ export class InspectionEventProvider implements EventProvider {
     const calendarData = this.getCalendarTemplate(response.data?.buildingInspectionDateSummaryOfLevelAndPeriod)
 
     calendar.forEach(({ date }) => {
-      const formattedDate = date.toISOString().split('T')[0]
+      const formattedDate = date.toLocaleDateString('en-CA') // 'en-CA'는 'YYYY-MM-DD' 형식으로 반환됩니다.
       const template = calendarData[formattedDate]
 
       if (!template) return

package/client/pages/checklist/checklist-view.ts

@@ -1,4 +1,6 @@
 import '@material/web/icon/icon.js'
+import gql from 'graphql-tag'
+import { client } from '@operato/graphql'
 import { css, html, LitElement } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
@@ -8,9 +10,10 @@ import {
   BUILDING_INSPECTION_STATUS_DISPLAY
 } from '../building-inspection/building-inspection-list'
 import '@operato/input/ox-input-signature.js'
-// import { BuildingComplex } from '@dssp/building-complex'
 import { store } from '@operato/shell'
 import { connect } from 'pwa-helpers/connect-mixin.js'
+import { openPopup } from '@operato/layout'
+import './comment-list-popup'
 
 export const enum ChecklistMode {
   VIEWER = 'VIEWER',
@@ -56,6 +59,7 @@ class ChecklistView extends connect(store)(LitElement) {
         th {
           border: 1px #999999 solid;
           padding-inline: 8px;
+          vertical-align: middle;
         }
         th {
           background-color: #efefef;
@@ -65,12 +69,8 @@ class ChecklistView extends connect(store)(LitElement) {
           height: 35px;
           &[radio] {
             text-align: center;
-            vertical-align: middle;
             width: 55px;
           }
-          &[attachment] {
-            width: 90px;
-          }
         }
       }
 
@@ -117,6 +117,19 @@ class ChecklistView extends connect(store)(LitElement) {
             text-align: center;
             word-break: keep-all;
           }
+
+          &[attachment] {
+            width: 90px;
+            text-align: center;
+          }
+          &[comment] {
+            cursor: pointer;
+            text-align: center;
+
+            * {
+              vertical-align: middle;
+            }
+          }
         }
       }
 
@@ -331,8 +344,11 @@ class ChecklistView extends connect(store)(LitElement) {
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
                 </td>
-                <td attachment></td>
-                <td></td>
+                <td attachment><md-icon slot="icon">attach_file</md-icon></td>
+                <td comment @click=${() => this._onClickComment(item.id)}>
+                  <md-icon slot="icon">chat</md-icon>
+                  <span>${item?.checklistItemCommentCount || ''}</span>
+                </td>
               </tr>`
             })}
           </tbody>
@@ -486,4 +502,44 @@ class ChecklistView extends connect(store)(LitElement) {
       }
     })
   }
+
+  private _onClickComment(checklistItemId: string) {
+    openPopup(
+      html`
+        <comment-list-popup
+          .checklistItemId=${checklistItemId}
+          @change-comment=${this._refreshComment.bind(this)}
+        ></comment-list-popup>
+      `,
+      {
+        backdrop: true,
+        size: 'medium',
+        title: '조치사항'
+      }
+    )
+  }
+
+  private async _refreshComment(e) {
+    const { checklistItemId } = e.detail
+    const response = await client.query({
+      query: gql`
+        query ChecklistItem($checklistItemId: String!) {
+          checklistItem(id: $checklistItemId) {
+            id
+            checklistItemCommentCount
+          }
+        }
+      `,
+      variables: {
+        checklistItemId: checklistItemId
+      }
+    })
+
+    const checklistItemCommentCount = response.data?.checklistItem?.checklistItemCommentCount || []
+    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {
+      return item.id != checklistItemId ? item : { ...item, checklistItemCommentCount: checklistItemCommentCount }
+    })
+
+    this.requestUpdate()
+  }
 }

package/client/pages/checklist/comment-list-popup.ts

@@ -0,0 +1,318 @@
+import '@material/web/icon/icon.js'
+import gql from 'graphql-tag'
+import { client } from '@operato/graphql'
+import { css, html, LitElement } from 'lit'
+import { customElement, property, query, state } from 'lit/decorators.js'
+import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { notify } from '@operato/layout'
+import { store, User } from '@operato/shell'
+import { connect } from 'pwa-helpers/connect-mixin.js'
+import { OxPrompt } from '@operato/popup/ox-prompt.js'
+import './checklist-view'
+
+@customElement('comment-list-popup')
+class CommentListPopup extends connect(store)(LitElement) {
+  static styles = [
+    ButtonContainerStyles,
+    ScrollbarStyles,
+    css`
+      :host {
+        display: flex;
+        flex-direction: column;
+        padding: 15px 20px;
+        background-color: var(--md-sys-color-surface);
+      }
+
+      div[body] {
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+      }
+
+      div[comments-container] {
+        overflow-y: auto;
+        gap: 10px;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+
+        div[comment-row] {
+          display: flex;
+          flex-direction: column;
+
+          div[creator-container] {
+            display: flex;
+            justify-content: space-between;
+
+            span[creator] {
+              font-weight: 600;
+              display: flex;
+              align-items: center;
+              gap: 3px;
+            }
+            span[createdAt] {
+              display: flex;
+              align-items: center;
+              gap: 3px;
+
+              md-icon[delete] {
+                cursor: pointer;
+              }
+            }
+          }
+
+          div[comment] {
+            margin-left: 20px;
+          }
+        }
+      }
+
+      h3 {
+        position: relative;
+        color: rgb(5, 149, 229);
+        font-size: 17px;
+        font-weight: 700;
+        background-color: var(--md-sys-color-surface);
+        margin-top: 0px;
+        margin-bottom: 5px;
+      }
+
+      textarea {
+        height: 75px;
+      }
+
+      div[button-container] {
+        display: flex;
+        justify-content: flex-end;
+        gap: 10px;
+
+        md-elevated-button[blue] {
+          --md-elevated-button-container-color: #0595e5;
+
+          --md-elevated-button-label-text-color: #fff;
+          --md-elevated-button-hover-label-text-color: #fff;
+          --md-elevated-button-pressed-label-text-color: #fff;
+          --md-elevated-button-focus-label-text-color: #fff;
+          --md-elevated-button-icon-color: #fff;
+          --md-elevated-button-hover-icon-color: #fff;
+          --md-elevated-button-pressed-icon-color: #fff;
+          --md-elevated-button-focus-icon-color: #fff;
+        }
+      }
+    `
+  ]
+
+  @property({ type: String }) checklistItemId: string = ''
+
+  @state() item: any = { count: 0 }
+  @state() checklistItemComments: any = []
+  @state() comment: string = ''
+  @state() checklistItemCommentCount: number = 0
+  @state() user: User = {}
+  @state() page: number = 1
+  @state() loading: boolean = false
+  @state() hasMoreComments: boolean = true
+
+  @query('div[comments-container]') commentsContainer!: HTMLDivElement
+
+  render() {
+    return html`
+      <div body>
+        <h3>제품검사에 대한 확인: ${this.checklistItemCommentCount || 0}건</h3>
+
+        <div comments-container @scroll=${this._onScroll}>
+          ${this.checklistItemComments.map(comment => {
+            return html`
+              <div comment-row>
+                <div creator-container>
+                  <span creator><md-icon slot="icon">account_circle</md-icon> ${comment.creator.name}</span>
+                  <span createdAt>
+                    <md-icon slot="icon">schedule</md-icon> ${this._formatDate(comment.createdAt)}
+                    ${comment.creator.email === this.user.email
+                      ? html` <md-icon delete slot="icon" @click=${() => this._deleteComment(comment.id)}>delete</md-icon>`
+                      : ''}
+                  </span>
+                </div>
+                <div comment>${comment.comment}</div>
+              </div>
+            `
+          })}
+        </div>
+
+        <textarea .value=${this.comment || ''} @input=${this._onInputChange}></textarea>
+
+        <div button-container>
+          <md-elevated-button blue @click=${this._createComment}> <md-icon slot="icon">task</md-icon>저장 </md-elevated-button>
+          <md-elevated-button @click=${this._close}> <md-icon slot="icon">cancel</md-icon>취소 </md-elevated-button>
+        </div>
+      </div>
+    `
+  }
+
+  async firstUpdated() {
+    this.user = (store.getState() as any).auth?.user
+    this.comment = ''
+    this.page = 1
+    await this._loadComments()
+    this._scrollBottom()
+  }
+
+  private async _loadComments() {
+    if (this.loading || !this.hasMoreComments) return
+
+    this.loading = true
+
+    const response = await client.query({
+      query: gql`
+        query ChecklistItemComments($pagination: Pagination!, $checklistItemId: String!) {
+          checklistItemComments(pagination: $pagination, checklistItemId: $checklistItemId) {
+            id
+            comment
+            creator {
+              id
+              email
+            }
+            createdAt
+          }
+
+          checklistItem(id: $checklistItemId) {
+            id
+            checklistItemCommentCount
+          }
+        }
+      `,
+      variables: {
+        checklistItemId: this.checklistItemId,
+        pagination: {
+          page: this.page,
+          limit: 10
+        }
+      }
+    })
+
+    if (response.errors) return
+
+    const items = response.data.checklistItemComments
+    if (items.length < 10) this.hasMoreComments = false
+
+    this.checklistItemComments = [...items.reverse(), ...this.checklistItemComments]
+    this.page += 1
+    this.checklistItemCommentCount = response.data.checklistItem.checklistItemCommentCount
+    this.loading = false
+  }
+
+  // 스크롤이 맨 위에 가까울 때 데이터 요청
+  private _onScroll() {
+    const { scrollTop } = this.commentsContainer
+    if (scrollTop <= 5) {
+      this._loadComments()
+    }
+  }
+
+  private async _createComment() {
+    if (!this.comment) {
+      notify({ message: '조치사항을 입력해주세요.', level: 'warn' })
+      return
+    }
+
+    const response = await client.mutate({
+      mutation: gql`
+        mutation CreateChecklistItemComment($checklistItemComment: NewChecklistItemComment!) {
+          createChecklistItemComment(checklistItemComment: $checklistItemComment) {
+            id
+            comment
+            creator {
+              id
+              email
+            }
+            createdAt
+          }
+        }
+      `,
+      variables: {
+        checklistItemComment: {
+          comment: this.comment,
+          checklistItemId: this.checklistItemId
+        }
+      }
+    })
+
+    if (!response.errors) {
+      this.comment = ''
+      this.checklistItemComments = [...this.checklistItemComments, { ...response.data.createChecklistItemComment }]
+      this._scrollBottom()
+      this.checklistItemCommentCount++
+    } else {
+      notify({ message: response.errors?.[0]?.message || '조치사항 등록에 실패하였습니다.', level: 'error' })
+    }
+
+    this._dispatchEvent()
+  }
+
+  private async _deleteComment(commentId: string) {
+    if (
+      await OxPrompt.open({
+        title: '조치 사항을 삭제',
+        text: '조치 사항을 삭제 하시겠습니까?',
+        confirmButton: { text: '삭제' },
+        cancelButton: { text: '취소' }
+      })
+    ) {
+      const response = await client.mutate({
+        mutation: gql`
+          mutation DeleteChecklistItemComment($id: String!) {
+            deleteChecklistItemComment(id: $id)
+          }
+        `,
+        variables: {
+          id: commentId
+        }
+      })
+
+      if (!response.errors) {
+        this.checklistItemComments = [...this.checklistItemComments.filter(comment => comment.id != commentId)]
+        notify({ message: '조치사항을 삭제하였습니다.', level: 'info' })
+      } else {
+        notify({ message: response.errors?.[0]?.message || '조치사항 삭제에 실패하였습니다.', level: 'error' })
+      }
+
+      this._dispatchEvent()
+    }
+  }
+
+  private _close() {
+    history.back()
+  }
+
+  // Input 요소의 값이 변경될 때 호출되는 콜백 함수
+  private _onInputChange(event: InputEvent) {
+    const target = event.target as HTMLInputElement
+    this.comment = target.value
+  }
+
+  private _formatDate(date) {
+    const _date = new Date(date.toLocaleString('en-US', { timeZone: 'Asia/Seoul' }))
+
+    const year = _date.getFullYear()
+    const month = String(_date.getMonth() + 1).padStart(2, '0')
+    const day = String(_date.getDate()).padStart(2, '0')
+    const hours = String(_date.getHours()).padStart(2, '0')
+    const minutes = String(_date.getMinutes()).padStart(2, '0')
+    const seconds = String(_date.getSeconds()).padStart(2, '0')
+
+    return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`
+  }
+
+  // 댓글 스크롤 맨 밑으로
+  private async _scrollBottom() {
+    setTimeout(() => {
+      this.commentsContainer.scrollTop = this.commentsContainer.scrollHeight
+    }, 100)
+  }
+
+  // 조치사항 변경 이벤트 디스패치
+  _dispatchEvent() {
+    this.dispatchEvent(new CustomEvent('change-comment', { detail: { checklistItemId: this.checklistItemId } }))
+  }
+}

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

@@ -93,7 +93,7 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
                 inspctionCriteria
                 constructionConfirmStatus
                 supervisoryConfirmStatus
-                comment
+                checklistItemCommentCount
               }
             }
             buildingLevel {

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

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-checklist.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-checklist.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\n\nimport { verifyBiometric } from '@things-factory/auth-base/client'\n\nimport './component/building-inspection-detail-header'\nimport '../checklist/checklist-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\n\n@customElement('building-inspection-detail-checklist')\nexport class BuildingInspectionDetailChecklist extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[body] {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n\n        div[button-container] {\n          display: flex;\n          justify-content: flex-end;\n          width: 100%;\n          gap: 10px;\n          margin-right: 50px;\n          margin-bottom: 15px;\n        }\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 체크리스트'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        ${keyed(\n          this.buildingInspection.id,\n          html`\n            <checklist-view\n              .mode=${ChecklistMode.EDITOR}\n              status=${this.buildingInspection.status}\n              .checklist=${this.buildingInspection.checklist || {}}\n              .buildingComplex=${this.buildingInspection?.buildingLevel?.building?.buildingComplex || {}}\n            ></checklist-view>\n          `\n        )}\n\n        <div button-container>\n          <md-elevated-button @click=${this._onClickModifyChecklist}>\n            <md-icon slot=\"icon\">assignment</md-icon>등록\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      const buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            checklist {\n              id\n              name\n              constructionType\n              constructionDetailType\n              location\n              inspectionParts\n              documentNo\n              constructionInspectionDate\n              supervisorInspectionDate\n              overallConstructorSignature\n              taskConstructorSignature\n              overallSupervisorySignature\n              taskSupervisorySignature\n              buildingInspection {\n                status\n              }\n              checklistItems {\n                id\n                name\n                sequence\n                mainType\n                detailType\n                inspctionCriteria\n                constructionConfirmStatus\n                supervisoryConfirmStatus\n                comment\n              }\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                  overallConstructorEmails\n                  taskConstructorEmails\n                  overallSupervisoryEmails\n                  taskSupervisoryEmails\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private _onClickModifyChecklist() {\n    this.validateChecklist(this.buildingInspection.checklist)\n  }\n\n  private async validateChecklist(checklist: any) {\n    try {\n      const result = await verifyBiometric()\n      if (result.verified) {\n        console.log('Verification successful. Proceeding with sensitive action.')\n      } else {\n        notify({ message: 'Verification failed:' + result.message })\n        return\n      }\n    } catch (error) {\n      notify({ message: 'Error during biometric verification:' + error })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {\n          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)\n        }\n      `,\n      variables: {\n        buildingInspection: {\n          id: this.buildingInspection.id,\n          checklist: {\n            id: checklist.id,\n            overallConstructorSignature: checklist.overallConstructorSignature,\n            taskConstructorSignature: checklist.taskConstructorSignature,\n            overallSupervisorySignature: checklist.overallSupervisorySignature,\n            taskSupervisorySignature: checklist.taskSupervisorySignature\n          },\n          checklistItem: checklist.checklistItems.map(item => ({\n            id: item.id,\n            constructionConfirmStatus: item.constructionConfirmStatus,\n            supervisoryConfirmStatus: item.supervisoryConfirmStatus\n          }))\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측요청서를 등록하였습니다.' })\n      this.initBuildingInspection(this.buildingInspection.id)\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-checklist.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-checklist.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\n\nimport { verifyBiometric } from '@things-factory/auth-base/client'\n\nimport './component/building-inspection-detail-header'\nimport '../checklist/checklist-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\n\n@customElement('building-inspection-detail-checklist')\nexport class BuildingInspectionDetailChecklist extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[body] {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n\n        div[button-container] {\n          display: flex;\n          justify-content: flex-end;\n          width: 100%;\n          gap: 10px;\n          margin-right: 50px;\n          margin-bottom: 15px;\n        }\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 체크리스트'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        ${keyed(\n          this.buildingInspection.id,\n          html`\n            <checklist-view\n              .mode=${ChecklistMode.EDITOR}\n              status=${this.buildingInspection.status}\n              .checklist=${this.buildingInspection.checklist || {}}\n              .buildingComplex=${this.buildingInspection?.buildingLevel?.building?.buildingComplex || {}}\n            ></checklist-view>\n          `\n        )}\n\n        <div button-container>\n          <md-elevated-button @click=${this._onClickModifyChecklist}>\n            <md-icon slot=\"icon\">assignment</md-icon>등록\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      const buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            checklist {\n              id\n              name\n              constructionType\n              constructionDetailType\n              location\n              inspectionParts\n              documentNo\n              constructionInspectionDate\n              supervisorInspectionDate\n              overallConstructorSignature\n              taskConstructorSignature\n              overallSupervisorySignature\n              taskSupervisorySignature\n              buildingInspection {\n                status\n              }\n              checklistItems {\n                id\n                name\n                sequence\n                mainType\n                detailType\n                inspctionCriteria\n                constructionConfirmStatus\n                supervisoryConfirmStatus\n                checklistItemCommentCount\n              }\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                  overallConstructorEmails\n                  taskConstructorEmails\n                  overallSupervisoryEmails\n                  taskSupervisoryEmails\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private _onClickModifyChecklist() {\n    this.validateChecklist(this.buildingInspection.checklist)\n  }\n\n  private async validateChecklist(checklist: any) {\n    try {\n      const result = await verifyBiometric()\n      if (result.verified) {\n        console.log('Verification successful. Proceeding with sensitive action.')\n      } else {\n        notify({ message: 'Verification failed:' + result.message })\n        return\n      }\n    } catch (error) {\n      notify({ message: 'Error during biometric verification:' + error })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {\n          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)\n        }\n      `,\n      variables: {\n        buildingInspection: {\n          id: this.buildingInspection.id,\n          checklist: {\n            id: checklist.id,\n            overallConstructorSignature: checklist.overallConstructorSignature,\n            taskConstructorSignature: checklist.taskConstructorSignature,\n            overallSupervisorySignature: checklist.overallSupervisorySignature,\n            taskSupervisorySignature: checklist.taskSupervisorySignature\n          },\n          checklistItem: checklist.checklistItems.map(item => ({\n            id: item.id,\n            constructionConfirmStatus: item.constructionConfirmStatus,\n            supervisoryConfirmStatus: item.supervisoryConfirmStatus\n          }))\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측요청서를 등록하였습니다.' })\n      this.initBuildingInspection(this.buildingInspection.id)\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n}\n"]}

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

@@ -36,7 +36,7 @@ export class InspectionEventProvider {
         // if (response.errors) return null
         const calendarData = this.getCalendarTemplate((_b = response.data) === null || _b === void 0 ? void 0 : _b.buildingInspectionDateSummaryOfLevelAndPeriod);
         calendar.forEach(({ date }) => {
-            const formattedDate = date.toISOString().split('T')[0];
+            const formattedDate = date.toLocaleDateString('en-CA'); // 'en-CA'는 'YYYY-MM-DD' 형식으로 반환됩니다.
             const template = calendarData[formattedDate];
             if (!template)
                 return;

package/dist-client/pages/building-inspection/component/inspection-event-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspection-event-provider.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/inspection-event-provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,OAAO,uBAAuB;IAGlC,YAAY,kBAA0B,EAAE;QAFxC,oBAAe,GAAG,EAAE,CAAA;QAGlB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;IACxC,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,QAAkB;;QAC7C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAA;QAC1C,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,0CAAG,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QAErE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;OAcT;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,mCAAmC;QAEnC,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,6CAA6C,CAAC,CAAA;QAE3G,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;YACtD,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;YAE5C,IAAI,CAAC,QAAQ;gBAAE,OAAM;YAErB,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE;gBACf;oBACE,GAAG,EAAE,aAAa;oBAClB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,EAAE;oBACT,KAAK,EAAE,EAAE;oBACT,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC;iBACjD;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,+BAA+B;IACvB,mBAAmB,CAAC,iBAAwB,EAAE;QACpD,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,IAAI,IAAI,cAAc,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;;YAE3B,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;YAClH,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;OAEjH,CAAA;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF","sourcesContent":["import { BizEvent, CALENDAR, EventProvider } from '@operato/event-view'\nimport { html, TemplateResult } from 'lit'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport class InspectionEventProvider implements EventProvider {\n  buildingLevelId = {}\n\n  constructor(buildingLevelId: string = '') {\n    this.buildingLevelId = buildingLevelId\n  }\n\n  async fetchEventsForCalendar(calendar: CALENDAR): Promise<Map<Date, BizEvent[]>> {\n    const result = new Map<Date, BizEvent[]>()\n    const startDate = calendar[0]['date'].toISOString().split('T')[0]\n    const endDate = calendar.at(-1)?.['date'].toISOString().split('T')[0]\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionDateSummaryOfLevelAndPeriod($buildingLevelId: String!, $startDate: String!, $endDate: String!) {\n          buildingInspectionDateSummaryOfLevelAndPeriod(\n            buildingLevelId: $buildingLevelId\n            startDate: $startDate\n            endDate: $endDate\n          ) {\n            requestDate\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId: this.buildingLevelId,\n        startDate,\n        endDate\n      }\n    })\n\n    // if (response.errors) return null\n\n    const calendarData = this.getCalendarTemplate(response.data?.buildingInspectionDateSummaryOfLevelAndPeriod)\n\n    calendar.forEach(({ date }) => {\n      const formattedDate = date.toISOString().split('T')[0]\n      const template = calendarData[formattedDate]\n\n      if (!template) return\n\n      result.set(date, [\n        {\n          due: formattedDate,\n          template: template,\n          title: '',\n          color: '',\n          clickEvent: e => console.log('e :', e, template)\n        }\n      ])\n    })\n\n    return result\n  }\n\n  // 검측 개수가 있는 데이터들만 날짜별로 템플릿 만들기\n  private getCalendarTemplate(inspectionData: any[] = []): { [date: string]: TemplateResult } {\n    const template = {}\n    for (let date of inspectionData) {\n      template[date.requestDate] = html`\n        <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); padding-inline: 7px;\">\n          ${date.wait !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #4e5055\">●</span> ${date.wait}</div>` : ''}\n          ${date.request !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #3395f1\">●</span> ${date.request}</div>` : ''}\n          ${date.pass !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #1bb401\">●</span> ${date.pass}</div>` : ''}\n          ${date.fail !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #ff4444\">●</span> ${date.fail}</div>` : ''}\n        </div>\n      `\n    }\n\n    return template\n  }\n}\n"]}
+{"version":3,"file":"inspection-event-provider.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/inspection-event-provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,OAAO,uBAAuB;IAGlC,YAAY,kBAA0B,EAAE;QAFxC,oBAAe,GAAG,EAAE,CAAA;QAGlB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;IACxC,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,QAAkB;;QAC7C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAA;QAC1C,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,0CAAG,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QAErE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;OAcT;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,mCAAmC;QAEnC,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,6CAA6C,CAAC,CAAA;QAE3G,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA,CAAC,oCAAoC;YAC3F,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;YAE5C,IAAI,CAAC,QAAQ;gBAAE,OAAM;YAErB,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE;gBACf;oBACE,GAAG,EAAE,aAAa;oBAClB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,EAAE;oBACT,KAAK,EAAE,EAAE;oBACT,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC;iBACjD;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,+BAA+B;IACvB,mBAAmB,CAAC,iBAAwB,EAAE;QACpD,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,IAAI,IAAI,cAAc,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;;YAE3B,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;YAClH,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;OAEjH,CAAA;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF","sourcesContent":["import { BizEvent, CALENDAR, EventProvider } from '@operato/event-view'\nimport { html, TemplateResult } from 'lit'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport class InspectionEventProvider implements EventProvider {\n  buildingLevelId = {}\n\n  constructor(buildingLevelId: string = '') {\n    this.buildingLevelId = buildingLevelId\n  }\n\n  async fetchEventsForCalendar(calendar: CALENDAR): Promise<Map<Date, BizEvent[]>> {\n    const result = new Map<Date, BizEvent[]>()\n    const startDate = calendar[0]['date'].toISOString().split('T')[0]\n    const endDate = calendar.at(-1)?.['date'].toISOString().split('T')[0]\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionDateSummaryOfLevelAndPeriod($buildingLevelId: String!, $startDate: String!, $endDate: String!) {\n          buildingInspectionDateSummaryOfLevelAndPeriod(\n            buildingLevelId: $buildingLevelId\n            startDate: $startDate\n            endDate: $endDate\n          ) {\n            requestDate\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId: this.buildingLevelId,\n        startDate,\n        endDate\n      }\n    })\n\n    // if (response.errors) return null\n\n    const calendarData = this.getCalendarTemplate(response.data?.buildingInspectionDateSummaryOfLevelAndPeriod)\n\n    calendar.forEach(({ date }) => {\n      const formattedDate = date.toLocaleDateString('en-CA') // 'en-CA'는 'YYYY-MM-DD' 형식으로 반환됩니다.\n      const template = calendarData[formattedDate]\n\n      if (!template) return\n\n      result.set(date, [\n        {\n          due: formattedDate,\n          template: template,\n          title: '',\n          color: '',\n          clickEvent: e => console.log('e :', e, template)\n        }\n      ])\n    })\n\n    return result\n  }\n\n  // 검측 개수가 있는 데이터들만 날짜별로 템플릿 만들기\n  private getCalendarTemplate(inspectionData: any[] = []): { [date: string]: TemplateResult } {\n    const template = {}\n    for (let date of inspectionData) {\n      template[date.requestDate] = html`\n        <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); padding-inline: 7px;\">\n          ${date.wait !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #4e5055\">●</span> ${date.wait}</div>` : ''}\n          ${date.request !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #3395f1\">●</span> ${date.request}</div>` : ''}\n          ${date.pass !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #1bb401\">●</span> ${date.pass}</div>` : ''}\n          ${date.fail !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #ff4444\">●</span> ${date.fail}</div>` : ''}\n        </div>\n      `\n    }\n\n    return template\n  }\n}\n"]}

package/dist-client/pages/checklist/checklist-view.d.ts

@@ -1,5 +1,6 @@
 import '@material/web/icon/icon.js';
 import '@operato/input/ox-input-signature.js';
+import './comment-list-popup';
 export declare const enum ChecklistMode {
     VIEWER = "VIEWER",
     EDITOR = "EDITOR"