npm - @dssp/supervision - Versions diffs - 0.0.34 → 0.0.36 - Mend

@dssp/supervision 0.0.34 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

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

@@ -17,6 +17,7 @@ import { verifyBiometric } from '@things-factory/auth-base/client'
 import './component/building-inspection-detail-header'
 import '../checklist/checklist-view'
 import { ChecklistMode } from '../checklist/checklist-view'
+import { BuildingInspectionStatus } from './building-inspection-list'
 @customElement('building-inspection-detail-checklist')
 export class BuildingInspectionDetailChecklist extends PageView {
@@ -26,11 +27,11 @@ export class BuildingInspectionDetailChecklist extends PageView {
     css`
       :host {
         display: grid;
-        grid-template-rows: 75px auto;
+        grid-template-rows: 55px auto;
         color: #4e5055;
         width: 100%;
-        background-color: #f7f7f7;
+        background-color: var(--md-sys-color-background, #f6f6f6);
         overflow-y: auto;
         --grid-record-emphasized-background-color: red;
@@ -80,7 +81,7 @@ export class BuildingInspectionDetailChecklist extends PageView {
       <div body>
         ${keyed(
-          this.buildingInspection.id,
+          new Date(),
           html`
             <checklist-view
               .mode=${ChecklistMode.EDITOR}
@@ -92,7 +93,10 @@ export class BuildingInspectionDetailChecklist extends PageView {
         )}
         <div button-container>
-          <md-elevated-button @click=${this._onClickModifyChecklist}>
+          <md-elevated-button
+            ?disabled=${this.buildingInspection.status == BuildingInspectionStatus.PASS}
+            @click=${this._onClickModifyChecklist}
+          >
             <md-icon slot="icon">assignment</md-icon>등록
           </md-elevated-button>
         </div>
@@ -245,7 +249,7 @@ export class BuildingInspectionDetailChecklist extends PageView {
     })
     if (!response.errors) {
-      notify({ message: '검측요청서를 등록하였습니다.' })
+      notify({ message: '검측 요청서를 등록하였습니다.' })
       this.initBuildingInspection(this.buildingInspection.id)
     } else {
       notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })

package/client/pages/building-inspection/building-inspection-list.ts CHANGED Viewed

@@ -73,7 +73,7 @@ export class BuildingInspectionList extends ScopedElementsMixin(PageView) {
         --md-outlined-button-container-height: 30px;
         --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
         --md-outlined-button-leading-space: var(--spacing-medium, 8px);
-        --md-sys-color-outline: rgba(51,51,51,.20);
+        --md-sys-color-outline: rgba(51, 51, 51, 0.2);
       }
       *[bold] {
@@ -83,20 +83,20 @@ export class BuildingInspectionList extends ScopedElementsMixin(PageView) {
       div[header] {
         display: flex;
         margin: 0px var(--spacing-large, 12px);
-        margin-bottom:var(--spacing-small, 5px);
+        margin-bottom: var(--spacing-small, 5px);
       }
       div[header] h2 {
         flex: 0.5;
         color: #3f71a0;
-        font-size:18px;
+        font-size: 18px;
       }
       div[body] {
         display: flex;
         flex-direction: column;
         margin: var(--spacing-large, 12px);
-        margin-top:0;
+        margin-top: 0;
         gap: var(--spacing-medium, 8px);
         min-height: fit-content;
         overflow-x: hidden;
@@ -157,10 +157,10 @@ export class BuildingInspectionList extends ScopedElementsMixin(PageView) {
             align-items: center;
             justify-content: center;
-            span::before{
+            span::before {
               display: inline-block;
               position: relative;
-              content: "";
+              content: '';
               width: 10px;
               height: 10px;
               border-radius: 6px;
@@ -168,7 +168,7 @@ export class BuildingInspectionList extends ScopedElementsMixin(PageView) {
               margin-right: 2px;
             }
-            span[status='wait']::before{
+            span[status='wait']::before {
               background-color: #4e5055;
             }
             span[status='request']::before {
@@ -188,10 +188,10 @@ export class BuildingInspectionList extends ScopedElementsMixin(PageView) {
             flex-direction: row;
             text-align: right;
             gap: var(--spacing-small, 4px);
-            padding-right:var(--spacing-large, 12px);
+            padding-right: var(--spacing-large, 12px);
             border-right: 2px dotted #ccc;
             max-width: 100%;
-            line-height:1.3;
+            line-height: 1.3;
             md-icon {
               width: 40px;
@@ -311,6 +311,7 @@ export class BuildingInspectionList extends ScopedElementsMixin(PageView) {
               .mode=${'monthly'}
               .eventProvider=${this.calendarData}
               @select-date=${(e: CustomEvent) => {
+                // TODO 선택된 날짜의 검측데이터만 그리드에 보여야함
                 console.log('select-date', e.detail)
               }}
             >

package/client/pages/building-inspection/component/building-inspection-detail-header.ts CHANGED Viewed

@@ -45,6 +45,7 @@ class BuildingInspectionDetailHeader extends LitElement {
       md-elevated-button {
         margin-left: var(--spacing-small, 4px);
+        letter-spacing: -1px;
         --md-elevated-button-container-height: 32px;
         --md-elevated-button-label-text-size: 16px;
@@ -58,9 +59,14 @@ class BuildingInspectionDetailHeader extends LitElement {
         --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
         --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
         --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
+        --_leading-space:var(--spacing-tiny, 2px);
         --_with-leading-icon-leading-space: var(--spacing-medium, 8px);
         --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);
+        md-icon{
+          margin-right: -2px;
+        }
       }
     `
   ]
@@ -82,33 +88,33 @@ class BuildingInspectionDetailHeader extends LitElement {
             ?disabled=${path.includes('building-inspection-list/')}
             href=${`building-inspection-list/${this.buildingLevelId}`}
           >
-            <md-icon slot="icon">assignment</md-icon>검측 리스트
+            <md-icon slot="icon">list_alt</md-icon>검측 리스트
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-drawing/')}
             href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}
           >
-            <md-icon slot="icon">assignment</md-icon>검측도면
+            <md-icon slot="icon">fact_check</md-icon>검측도면
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-checklist/')}
             href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}
           >
-            <md-icon slot="icon">description</md-icon>검측 체크리스트
+            <md-icon slot="icon">task</md-icon>검측 체크리스트
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-camera/')}
             href=${`building-inspection-detail-camera/${this.buildingInspectionId}`}
             disabled
           >
-            <md-icon slot="icon">description</md-icon>사진촬영
+            <md-icon slot="icon">photo_camera</md-icon>사진촬영
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-history/')}
             href=${`building-inspection-detail-history/${this.buildingInspectionId}`}
             disabled
           >
-            <md-icon slot="icon">description</md-icon>감리이력
+            <md-icon slot="icon">pending_actions</md-icon>감리이력
           </md-elevated-button>
         </div>
       </div>

package/client/pages/checklist/attachment-list-popup.ts CHANGED Viewed

@@ -10,6 +10,7 @@ import { connect } from 'pwa-helpers/connect-mixin.js'
 import { OxPrompt } from '@operato/popup/ox-prompt.js'
 import { openPopup } from '@operato/layout'
 import './file-preview-popup'
+import { BuildingInspectionStatus } from '../building-inspection/building-inspection-list'
 @customElement('attachment-list-popup')
 class AttachmentListPopup extends connect(store)(LitElement) {
@@ -95,6 +96,7 @@ class AttachmentListPopup extends connect(store)(LitElement) {
   ]
   @property({ type: String }) checklistItemId: string = ''
+  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT
   @state() item: any = { count: 0 }
   @state() checklistItemAttachments: any = []
@@ -108,14 +110,14 @@ class AttachmentListPopup extends connect(store)(LitElement) {
         <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>
         <div attachment-container>
-          ${this.checklistItemAttachments.reverse().map(attachment => {
+          ${this.checklistItemAttachments.map(attachment => {
             return html`
               <div attachment-row>
                 <div creator-container>
                   <span creator><md-icon slot="icon">account_circle</md-icon> ${attachment.creator.name}</span>
                   <span createdAt>
                     <md-icon slot="icon">schedule</md-icon> ${this._formatDate(attachment.createdAt)}
-                    ${attachment.creator.email === this.user.email
+                    ${attachment.creator.email === this.user.email && this.status != BuildingInspectionStatus.PASS
                       ? html` <md-icon delete slot="icon" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`
                       : ''}
                     <a button-download href=${attachment.fullpath} download=${attachment.name}>
@@ -129,7 +131,13 @@ class AttachmentListPopup extends connect(store)(LitElement) {
           })}
         </div>
-        <ox-input-file accept="*/*" multiple="true" hide-filelist @change=${this.onCreateAttachment.bind(this)}></ox-input-file>
+        <ox-input-file
+          accept="*/*"
+          multiple="true"
+          hide-filelist
+          ?disabled=${this.status == BuildingInspectionStatus.PASS}
+          @change=${this.onCreateAttachment.bind(this)}
+        ></ox-input-file>
         <div button-container>
           <md-elevated-button @click=${this._close}> <md-icon slot="icon">cancel</md-icon>취소 </md-elevated-button>
@@ -177,6 +185,11 @@ class AttachmentListPopup extends connect(store)(LitElement) {
   }
   private async _deleteAttachment(attachmentId: string) {
+    if (this.status == BuildingInspectionStatus.PASS) {
+      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })
+      return
+    }
     if (
       await OxPrompt.open({
         title: '첨부 자료를 삭제',
@@ -213,6 +226,11 @@ class AttachmentListPopup extends connect(store)(LitElement) {
   // 파일 변경 시 파일을 저장할 핸들러
   private async onCreateAttachment(e: CustomEvent) {
+    if (this.status == BuildingInspectionStatus.PASS) {
+      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })
+      return
+    }
     const files = e.detail
     await this._createAttachments(files)
@@ -251,7 +269,7 @@ class AttachmentListPopup extends connect(store)(LitElement) {
     const attachments = response.data.createAttachments
-    this.checklistItemAttachments = [...this.checklistItemAttachments, ...attachments]
+    this.checklistItemAttachments = [...attachments, ...this.checklistItemAttachments]
     this.checklistItemAttachmentCount = this.checklistItemAttachmentCount + attachments.length
   }

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

@@ -30,11 +30,10 @@ class ChecklistView extends connect(store)(LitElement) {
       :host {
         display: flex;
         flex-direction: column;
+        padding: var(--spacing-large, 12px);
+        padding-top: 0;
         font-size: 14px;
-        padding: 20px;
         min-width: 800px;
-        background-color: var(--md-sys-color-surface);
       }
       [bold] {
@@ -45,7 +44,6 @@ class ChecklistView extends connect(store)(LitElement) {
         display: flex;
         color: #586878;
         font-size: 24px;
-        font-weight: bold;
         align-items: center;
         justify-content: center;
       }
@@ -58,8 +56,8 @@ class ChecklistView extends connect(store)(LitElement) {
         border-collapse: collapse;
         td,
         th {
-          border: 1px #999999 solid;
-          padding-inline: 8px;
+          border: 1px rgba(51, 51, 51, 0.2) solid;
+          padding-inline: var(--spacing-medium, 8px);
           vertical-align: middle;
         }
         th {
@@ -67,16 +65,17 @@ class ChecklistView extends connect(store)(LitElement) {
           font-weight: bold;
         }
         td {
-          height: 35px;
+          height: 33px;
+          background-color: var(--md-sys-color-on-primary);
           &[radio] {
             text-align: center;
-            width: 55px;
+            width: 50px;
           }
         }
       }
       table[header] {
-        margin-top: 5px;
+        margin-top: var(--spacing-small, 4px);
         td {
           min-width: 180px;
@@ -89,9 +88,9 @@ class ChecklistView extends connect(store)(LitElement) {
       }
       table[body] {
-        border: 2px solid #999999;
+        border: 2px solid var(--md-sys-color-on-primary-container);
         border-bottom: none;
-        margin-top: 10px;
+        margin-top: var(--spacing-medium, 8px);
         th {
           text-align: center;
@@ -135,22 +134,24 @@ class ChecklistView extends connect(store)(LitElement) {
               vertical-align: middle;
             }
           }
+          &[disabled] * {
+            opacity: 0.6;
+          }
         }
       }
       table[tail] {
-        border: 2px solid #999999;
+        border: 2px solid var(--md-sys-color-on-primary-container);
         border-top: none;
         margin-top: -1px;
-        tr[first] td {
-          border-top: none;
-        }
         td {
           width: 25%;
           border-left: none;
           text-align: center;
           position: relative;
+          background-color: var(--md-sys-color-on-primary);
+          font-size: 14px;
         }
         th {
           width: 25%;
@@ -165,7 +166,7 @@ class ChecklistView extends connect(store)(LitElement) {
           pointer-events: none;
         }
         ox-input-signature {
-          margin: 10px;
+          margin: var(--spacing-medium, 8px);
           &[disabled] {
             background: #eee;
@@ -176,12 +177,12 @@ class ChecklistView extends connect(store)(LitElement) {
       div[footer] {
         display: flex;
         flex-direction: column;
-        gap: 3px;
+        gap: var(--spacing-tiny, 2px);
         font-size: 12px;
-        margin-top: 10px;
+        margin-top: var(--spacing-medium, 8px);
         color: #586878;
         text-indent: -9px;
-        padding-left: 9px;
+        padding-left: var(--spacing-medium, 8px);
       }
     `
   ]
@@ -251,7 +252,7 @@ class ChecklistView extends connect(store)(LitElement) {
     return html`
       <div wrapper>
-        <div name>${this.checklist.name}</div>
+        <div name bold>${this.checklist.name}</div>
         <table header>
           <tr>
@@ -303,7 +304,7 @@ class ChecklistView extends connect(store)(LitElement) {
                   : ''}
                 ${showDetailTypeCell ? html` <td bold rowspan="${detailTypeRowspan}">${item.detailType}</td> ` : ''}
-                <td bold>${idx + 1}. ${item.name}</td>
+                <td>${idx + 1}. ${item.name}</td>
                 <td>${item.inspctionCriteria}</td>
                 <td radio>
                   <md-radio
@@ -349,11 +350,19 @@ class ChecklistView extends connect(store)(LitElement) {
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
                 </td>
-                <td attachment @click=${() => this._onClickAttachment(item.id)}>
+                <td
+                  attachment
+                  ?disabled=${this.status == BuildingInspectionStatus.PASS}
+                  @click=${() => this._onClickAttachment(item.id)}
+                >
                   <md-icon slot="icon">attach_file</md-icon>
                   <span>${item?.checklistItemAttachmentCount || ''}</span>
                 </td>
-                <td comment @click=${() => this._onClickComment(item.id)}>
+                <td
+                  comment
+                  ?disabled=${this.status == BuildingInspectionStatus.PASS}
+                  @click=${() => this._onClickComment(item.id)}
+                >
                   <md-icon slot="icon">chat</md-icon>
                   <span>${item?.checklistItemCommentCount || ''}</span>
                 </td>
@@ -516,6 +525,7 @@ class ChecklistView extends connect(store)(LitElement) {
       html`
         <comment-list-popup
           .checklistItemId=${checklistItemId}
+          .status=${this.status}
           @change-comment=${this._refreshItem.bind(this)}
         ></comment-list-popup>
       `,
@@ -532,6 +542,7 @@ class ChecklistView extends connect(store)(LitElement) {
       html`
         <attachment-list-popup
           .checklistItemId=${checklistItemId}
+          .status=${this.status}
           @change-attachment=${this._refreshItem.bind(this)}
         ></attachment-list-popup>
       `,

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

@@ -8,6 +8,7 @@ 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 { BuildingInspectionStatus } from '../building-inspection/building-inspection-list'
 @customElement('comment-list-popup')
 class CommentListPopup extends connect(store)(LitElement) {
@@ -39,6 +40,7 @@ class CommentListPopup extends connect(store)(LitElement) {
         div[comment-row] {
           display: flex;
           flex-direction: column;
+          padding-right: 10px;
           div[creator-container] {
             display: flex;
@@ -104,6 +106,7 @@ class CommentListPopup extends connect(store)(LitElement) {
   ]
   @property({ type: String }) checklistItemId: string = ''
+  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT
   @state() item: any = { count: 0 }
   @state() checklistItemComments: any = []
@@ -129,7 +132,7 @@ class CommentListPopup extends connect(store)(LitElement) {
                   <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
+                    ${comment.creator.email === this.user.email && this.status != BuildingInspectionStatus.PASS
                       ? html` <md-icon delete slot="icon" @click=${() => this._deleteComment(comment.id)}>delete</md-icon>`
                       : ''}
                   </span>
@@ -140,10 +143,16 @@ class CommentListPopup extends connect(store)(LitElement) {
           })}
         </div>
-        <textarea .value=${this.comment || ''} @input=${this._onInputChange}></textarea>
+        <textarea
+          .value=${this.comment || ''}
+          ?disabled=${this.status == BuildingInspectionStatus.PASS}
+          @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 blue ?disabled=${this.status == BuildingInspectionStatus.PASS} @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>

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

@@ -12,6 +12,7 @@ import gql from 'graphql-tag';
 import { verifyBiometric } from '@things-factory/auth-base/client';
 import './component/building-inspection-detail-header';
 import '../checklist/checklist-view';
+import { BuildingInspectionStatus } from './building-inspection-list';
 let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist extends PageView {
     constructor() {
         super(...arguments);
@@ -35,7 +36,7 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
       ></building-inspection-detail-header>
       <div body>
-        ${keyed(this.buildingInspection.id, html `
+        ${keyed(new Date(), html `
             <checklist-view
               .mode=${"EDITOR" /* ChecklistMode.EDITOR */}
               status=${this.buildingInspection.status}
@@ -45,7 +46,10 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
           `)}
         <div button-container>
-          <md-elevated-button @click=${this._onClickModifyChecklist}>
+          <md-elevated-button
+            ?disabled=${this.buildingInspection.status == BuildingInspectionStatus.PASS}
+            @click=${this._onClickModifyChecklist}
+          >
             <md-icon slot="icon">assignment</md-icon>등록
           </md-elevated-button>
         </div>
@@ -192,7 +196,7 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
             }
         });
         if (!response.errors) {
-            notify({ message: '검측요청서를 등록하였습니다.' });
+            notify({ message: '검측 요청서를 등록하였습니다.' });
             this.initBuildingInspection(this.buildingInspection.id);
         }
         else {
@@ -206,11 +210,11 @@ BuildingInspectionDetailChecklist.styles = [
     css `
       :host {
         display: grid;
-        grid-template-rows: 75px auto;
+        grid-template-rows: 55px auto;
         color: #4e5055;
         width: 100%;
-        background-color: #f7f7f7;
+        background-color: var(--md-sys-color-background, #f6f6f6);
         overflow-y: auto;
         --grid-record-emphasized-background-color: red;

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

	@@ -1 +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 checklistItemCommentCount\n checklistItemAttachmentCount\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"]}
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'\nimport { BuildingInspectionStatus } from './building-inspection-list'\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: 55px auto;\n color: #4e5055;\n\n width: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n *[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 new Date(),\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\n ?disabled=${this.buildingInspection.status == BuildingInspectionStatus.PASS}\n @click=${this._onClickModifyChecklist}\n >\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 checklistItemAttachmentCount\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"]}