@dssp/supervision 0.0.19 → 0.0.21

package/dist-client/pages/building-inspection/inspection-create-popup.js

@@ -8,7 +8,7 @@ import { DataGrist } from '@operato/data-grist/ox-grist.js';
 import { client } from '@operato/graphql';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import { notify } from '@operato/layout';
-import { CHECKLIST_MAIN_TYPE_LIST } from './building-inspection-list';
+import { BuildingInspectionStatus, CHECKLIST_MAIN_TYPE_LIST } from './building-inspection-list';
 import '../checklist/checklist-view';
 let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
     constructor() {
@@ -28,106 +28,117 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         this.selectedInspectionParts = [];
         this.checklistTemplates = [];
         this.checklist = {};
+        this.activeTab = 'edit';
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         return html `
       <div body>
-        <div left>
-          <div block-name>
-            <hr />
-            <span>세부 정보</span>
-          </div>
+        <div tab-container ?inactive=${this.activeTab !== 'edit'} edit>
+          <div detail>
+            <h3>세부 정보</h3>
 
-          <div>
-            <md-filled-select label="공종" constructionType @change=${this._onSelectConstructionType}>
-              ${(_a = this.constructionTypes) === null || _a === void 0 ? void 0 : _a.map(constructionType => {
+            <div data-row>
+              <label>공종</label>
+              <md-filled-select label="공종" constructionType @change=${this._onSelectConstructionType}>
+                ${(_a = this.constructionTypes) === null || _a === void 0 ? void 0 : _a.map(constructionType => {
             var _a;
             const selected = constructionType.id === ((_a = this.selectedConstructionType) === null || _a === void 0 ? void 0 : _a.id);
             return html `<md-select-option ?selected=${selected} .value=${constructionType.id}>
-                  <div slot="headline">${constructionType.name}</div>
-                </md-select-option>`;
+                    <div slot="headline">${constructionType.name}</div>
+                  </md-select-option>`;
         })}
-            </md-filled-select>
+              </md-filled-select>
+
+              <div partition></div>
 
-            <md-filled-select label="세부 공종" constructionDetailType @change=${this._onSelectConstructionDetailType}>
-              ${(_c = (_b = this.selectedConstructionType) === null || _b === void 0 ? void 0 : _b.constructionDetailTypes) === null || _c === void 0 ? void 0 : _c.map(constructionDetailType => {
+              <label>세부 공종</label>
+              <md-filled-select label="세부 공종" constructionDetailType @change=${this._onSelectConstructionDetailType}>
+                ${(_c = (_b = this.selectedConstructionType) === null || _b === void 0 ? void 0 : _b.constructionDetailTypes) === null || _c === void 0 ? void 0 : _c.map(constructionDetailType => {
             const selected = constructionDetailType.id === this.selectedConstructionDetailType.id;
             return html `<md-select-option ?selected=${selected} .value=${constructionDetailType.id}>
-                  <div slot="headline">${constructionDetailType.name}</div>
-                </md-select-option>`;
+                    <div slot="headline">${constructionDetailType.name}</div>
+                  </md-select-option>`;
         })}
-            </md-filled-select>
-          </div>
+              </md-filled-select>
+            </div>
 
-          <div>
-            <md-filled-select label="동" building @change=${this._onSelectBuilding}>
-              ${(_d = this.buildings) === null || _d === void 0 ? void 0 : _d.map(building => {
+            <div data-row>
+              <label>동</label>
+              <md-filled-select label="동" building @change=${this._onSelectBuilding}>
+                ${(_d = this.buildings) === null || _d === void 0 ? void 0 : _d.map(building => {
             return html ` <md-select-option .value=${building.id}>
-                  <div slot="headline">${building.name}</div>
-                </md-select-option>`;
+                    <div slot="headline">${building.name}</div>
+                  </md-select-option>`;
         })}
-            </md-filled-select>
+              </md-filled-select>
 
-            <md-filled-select label="층" level @change=${this._onSelectBuildingLevel}>
-              ${(_f = (_e = this.selectedBuilding) === null || _e === void 0 ? void 0 : _e.buildingLevels) === null || _f === void 0 ? void 0 : _f.map(level => {
+              <div partition></div>
+
+              <label>층</label>
+              <md-filled-select label="층" level @change=${this._onSelectBuildingLevel}>
+                ${(_f = (_e = this.selectedBuilding) === null || _e === void 0 ? void 0 : _e.buildingLevels) === null || _f === void 0 ? void 0 : _f.map(level => {
             return html `<md-select-option .value=${level.id}>
-                  <div slot="headline">${level.floor}</div>
-                </md-select-option>`;
+                    <div slot="headline">${level.floor}</div>
+                  </md-select-option>`;
         })}
-            </md-filled-select>
-          </div>
+              </md-filled-select>
+            </div>
 
-          <div>
-            <md-filled-select label="검측 도면" inspectionDrawingType @change=${this._onSelectInspectionDrawingType}>
-              ${(_g = this.inspectionDrawingTypes) === null || _g === void 0 ? void 0 : _g.map(inspectionDrawingType => {
+            <div data-row>
+              <label>검측 도면</label>
+              <md-filled-select label="검측 도면" inspectionDrawingType @change=${this._onSelectInspectionDrawingType}>
+                ${(_g = this.inspectionDrawingTypes) === null || _g === void 0 ? void 0 : _g.map(inspectionDrawingType => {
             return html ` <md-select-option .value=${inspectionDrawingType.id}>
-                  <div slot="headline">${inspectionDrawingType.name}</div>
-                </md-select-option>`;
+                    <div slot="headline">${inspectionDrawingType.name}</div>
+                  </md-select-option>`;
         })}
-            </md-filled-select>
+              </md-filled-select>
+
+              <div partition></div>
 
-            <md-filled-select label="검측 부위" inspectionParts>
-              <div slot="label">${((_h = this.selectedInspectionParts) === null || _h === void 0 ? void 0 : _h.join(', ')) || ''}</div>
+              <label>검측 부위</label>
+              <md-filled-select label="검측 부위" inspectionParts>
+                <div slot="label">${((_h = this.selectedInspectionParts) === null || _h === void 0 ? void 0 : _h.join(', ')) || ''}</div>
 
-              ${(_k = (_j = this.selectedInspectionDrawingType) === null || _j === void 0 ? void 0 : _j.inspectionParts) === null || _k === void 0 ? void 0 : _k.map(inspectionPart => {
+                ${(_k = (_j = this.selectedInspectionDrawingType) === null || _j === void 0 ? void 0 : _j.inspectionParts) === null || _k === void 0 ? void 0 : _k.map(inspectionPart => {
             return html `
-                  <md-list-option @click=${() => this._onSelectInspectionPart(inspectionPart)}>
-                    <md-checkbox ?checked="${this.isSelected(inspectionPart)}"></md-checkbox>
-                    ${inspectionPart.name}
-                  </md-list-option>
-                `;
+                    <md-list-option @click=${() => this._onSelectInspectionPart(inspectionPart)}>
+                      <md-checkbox ?checked="${this.isSelected(inspectionPart)}"></md-checkbox>
+                      ${inspectionPart.name}
+                    </md-list-option>
+                  `;
         })}
-            </md-filled-select>
+              </md-filled-select>
+            </div>
           </div>
 
-          <div block-name>
-            <hr />
-            <span>체크리스트</span>
-          </div>
+          <div checklist>
+            <h3>체크리스트</h3>
+
+            <div data-row>
+              <label>이름</label>
+              <md-filled-text-field
+                name="checklistName"
+                type="text"
+                label="체크리스트 이름"
+                .value=${((_l = this.checklist) === null || _l === void 0 ? void 0 : _l.name) || ''}
+                @input=${this._onInputChange}
+              >
+              </md-filled-text-field>
 
-          <div>
-            <label>체크리스트 템플릿 불러오기</label>
+              <div partition></div>
 
-            <md-filled-select label="템플릿" checklistTemplate @change=${this._onSelectChecklistTemplate}>
-              <md-select-option></md-select-option>
-              ${(_l = this.checklistTemplates) === null || _l === void 0 ? void 0 : _l.map((checklistTemplate, idx) => {
+              <label>템플릿</label>
+              <md-filled-select label="템플릿" checklistTemplate @change=${this._onSelectChecklistTemplate}>
+                <md-select-option></md-select-option>
+                ${(_m = this.checklistTemplates) === null || _m === void 0 ? void 0 : _m.map((checklistTemplate, idx) => {
             return html ` <md-select-option .value=${checklistTemplate.id}>
-                  <div slot="headline">${checklistTemplate.name}</div>
-                </md-select-option>`;
+                    <div slot="headline">${checklistTemplate.name}</div>
+                  </md-select-option>`;
         })}
-            </md-filled-select>
-          </div>
-
-          <div>
-            <md-filled-text-field
-              name="checklistName"
-              type="text"
-              label="체크리스트 이름"
-              .value=${((_m = this.checklist) === null || _m === void 0 ? void 0 : _m.name) || ''}
-              @input=${this._onInputChange}
-            >
-            </md-filled-text-field>
+              </md-filled-select>
+            </div>
           </div>
 
           <ox-grist
@@ -137,18 +148,23 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             @field-change=${this.onChangeGird}
           >
           </ox-grist>
-
-          <div button-container>
-            <md-elevated-button @click=${this._createInspection}>
-              <md-icon slot="icon">add</md-icon>검측 요청서 등록
-            </md-elevated-button>
-          </div>
         </div>
 
-        <div right>
+        <div tab-container ?inactive=${this.activeTab !== 'preview'} preview>
           <checklist-view .mode=${"VIEWER" /* ChecklistMode.VIEWER */} .checklist=${this.checklist}></checklist-view>
         </div>
       </div>
+
+      <div tabs>
+        <button ?active=${this.activeTab === 'edit'} @click=${() => (this.activeTab = 'edit')}>검측 요청 정보</button>
+        <button ?active=${this.activeTab === 'preview'} @click=${() => (this.activeTab = 'preview')}>미리보기</button>
+      </div>
+
+      <div button-container>
+        <md-elevated-button @click=${this._createInspection}>
+          <md-icon slot="icon">add</md-icon>검측 요청서 등록
+        </md-elevated-button>
+      </div>
     `;
     }
     updated() {
@@ -254,7 +270,10 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             constructionType: (_s = this.selectedConstructionType) === null || _s === void 0 ? void 0 : _s.name,
             constructionDetailType: (_t = this.selectedConstructionDetailType) === null || _t === void 0 ? void 0 : _t.name,
             location: `${((_u = this.selectedBuilding) === null || _u === void 0 ? void 0 : _u.name) || ''} ${this.selectedLevel.floor || ''}층`,
-            documentNo: '0000-000-000000'
+            documentNo: '0000-000-000000',
+            buildingInspection: {
+                status: BuildingInspectionStatus.WAIT
+            }
         };
         // 그리드 셋팅
         this.setGristConfig();
@@ -479,21 +498,21 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
                 sortings: [{ name: 'mainType' }, { name: 'sequence' }]
             }
         });
+        // 체크리스트 아이템 데이터 갱신
+        this.onChangeGird();
         return {
             records: response.data.checklistTemplateItems.items || []
         };
     }
     _onSelectChecklistTemplate(e) {
         const checklistTemplateId = e.target.value;
+        // 체크 리스트 이름 셋팅
+        this.checklist = Object.assign(Object.assign({}, this.checklist), { name: e.target.displayText });
         // 그리드 아이템 셋팅
         if (checklistTemplateId) {
             this.checklistTemplateId = checklistTemplateId;
             this.grist.fetch();
         }
-        // 체크 리스트 이름 셋팅
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { name: e.target.displayText });
-        // 체크리스트 아이템 데이터 갱신
-        this.onChangeGird();
     }
     async _createInspection() {
         var _a, _b, _c;
@@ -562,6 +581,7 @@ InspectionCreatePopup.styles = [
       :host {
         display: flex;
         flex-direction: column;
+        padding: 15px 20px;
 
         background-color: var(--md-sys-color-surface);
       }
@@ -586,39 +606,80 @@ InspectionCreatePopup.styles = [
       }
 
       div[body] {
-        display: flex;
         height: 100%;
-        gap: 15px;
-        justify-content: flex-start;
         overflow-y: auto;
 
-        div[left] {
-          width: 60%;
+        div[tab-container][inactive] {
+          display: none !important;
+        }
+
+        div[edit] {
+          width: 100%;
+
+          div[detail] {
+            margin-bottom: 30px;
+          }
 
-          div[block-name] {
+          h3 {
             position: relative;
+            color: #0595e5;
+            font-size: 17px;
+            font-weight: 700;
+            background-color: var(--md-sys-color-surface);
+            margin-top: 0;
+            margin-bottom: 5px;
+          }
 
-            hr {
-              position: absolute;
-              width: 100%;
-              margin-block: 0;
-              top: 50%;
-            }
-            span {
-              position: relative;
-              background-color: var(--md-sys-color-surface);
-              margin-left: 1rem;
+          div[data-row] {
+            display: grid;
+            grid-template-columns: 100px 1fr 0.3fr 100px 1fr;
+            gap: 15px;
+            margin-bottom: 11px;
+
+            label {
+              display: flex;
+              justify-content: flex-end;
+              align-items: center;
+              font-size: 15px;
             }
           }
         }
 
-        div[right] {
+        div[preview] {
           display: flex;
           overflow-y: auto;
           overflow-x: hidden;
           max-width: calc(40% - 15px);
         }
       }
+
+      div[tabs] {
+        display: flex;
+
+        button {
+          background-color: #fff;
+          padding: 6px 14px;
+          color: #999;
+          border: solid 1px #999;
+          border-top: none;
+          border-radius: 0px 0px 8px 8px;
+          margin-right: -2px;
+
+          &[active] {
+            color: var(--button-color, var(--md-sys-color-on-secondary-container));
+            font-weight: 600;
+          }
+        }
+      }
+
+      div[button-container] {
+        display: flex;
+        justify-content: flex-end;
+
+        md-elevated-button {
+          --md-filled-button-container-color: #0595e5;
+        }
+      }
     `
 ];
 __decorate([
@@ -689,6 +750,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], InspectionCreatePopup.prototype, "checklist", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], InspectionCreatePopup.prototype, "activeTab", void 0);
 __decorate([
     query('md-filled-select[building]'),
     __metadata("design:type", Object)

package/dist-client/pages/building-inspection/inspection-create-popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspection-create-popup.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/inspection-create-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist } from '@operato/data-grist/ox-grist.js'\nimport { client } from '@operato/graphql'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { CHECKLIST_MAIN_TYPE_LIST } from './building-inspection-list'\nimport '../checklist/checklist-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\n\n@customElement('inspection-create-popup')\nclass InspectionCreatePopup extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      md-filled-select {\n        width: auto;\n        min-width: 150px;\n        --md-filled-select-text-field-container-color: transparent;\n        --md-filled-select-text-field-active-indicator-color: #999;\n        --md-filled-select-text-field-input-text-size: 14px;\n        --md-filled-select-text-field-input-text-weight: bold;\n        --md-filled-select-text-field-input-text-line-height: 6px;\n      }\n      md-filled-select[level] {\n        min-width: 110px;\n        margin-left: 20px;\n      }\n\n      checklist-view {\n        pointer-events: none;\n        transform-origin: top left;\n      }\n\n      div[body] {\n        display: flex;\n        height: 100%;\n        gap: 15px;\n        justify-content: flex-start;\n        overflow-y: auto;\n\n        div[left] {\n          width: 60%;\n\n          div[block-name] {\n            position: relative;\n\n            hr {\n              position: absolute;\n              width: 100%;\n              margin-block: 0;\n              top: 50%;\n            }\n            span {\n              position: relative;\n              background-color: var(--md-sys-color-surface);\n              margin-left: 1rem;\n            }\n          }\n        }\n\n        div[right] {\n          display: flex;\n          overflow-y: auto;\n          overflow-x: hidden;\n          max-width: calc(40% - 15px);\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: Object }) checklistDetailTypes: any\n  @property({ type: String }) projectId: string = ''\n  @property({ type: String }) checklistTemplateId: string = ''\n  @property({ type: String }) selectedBuildingId: string = ''\n  @property({ type: String }) selectedBuildingLevelId: string = ''\n\n  @state() buildings: any = []\n  @state() selectedBuilding: any = {}\n  @state() selectedLevel: any = {}\n\n  @state() constructionTypes: any = []\n  @state() selectedConstructionType: any = {}\n  @state() selectedConstructionDetailType: any = {}\n\n  @state() inspectionDrawingTypes: any = []\n  @state() selectedInspectionDrawingType: any = {}\n  @state() selectedInspectionParts: Array<string> = []\n\n  @state() checklistTemplates: any = []\n  @state() checklist: any = {}\n\n  @query('md-filled-select[building]') htmlSelectBuilding\n  @query('md-filled-select[level]') htmlSelectLevel\n  @query('md-filled-select[constructionType]') htmlSelectConstructionType\n  @query('md-filled-select[constructionDetailType]') htmlSelectConstructionDetailType\n  @query('md-filled-select[inspectionDrawingType]') htmlSelectInspectionDrawingType\n  @query('md-filled-select[inspectionPart]') htmlSelectInspectionPart\n  @query('md-filled-select[checklistTemplate]') htmlSelectChecklistTemplate\n  @query('ox-grist') grist!: DataGrist\n  @query('div[right]') checklistViewContainer!: HTMLDivElement\n  @query('checklist-view') checklistView!: HTMLElement\n\n  render() {\n    return html`\n      <div body>\n        <div left>\n          <div block-name>\n            <hr />\n            <span>세부 정보</span>\n          </div>\n\n          <div>\n            <md-filled-select label=\"공종\" constructionType @change=${this._onSelectConstructionType}>\n              ${this.constructionTypes?.map(constructionType => {\n                const selected = constructionType.id === this.selectedConstructionType?.id\n                return html`<md-select-option ?selected=${selected} .value=${constructionType.id}>\n                  <div slot=\"headline\">${constructionType.name}</div>\n                </md-select-option>`\n              })}\n            </md-filled-select>\n\n            <md-filled-select label=\"세부 공종\" constructionDetailType @change=${this._onSelectConstructionDetailType}>\n              ${this.selectedConstructionType?.constructionDetailTypes?.map(constructionDetailType => {\n                const selected = constructionDetailType.id === this.selectedConstructionDetailType.id\n                return html`<md-select-option ?selected=${selected} .value=${constructionDetailType.id}>\n                  <div slot=\"headline\">${constructionDetailType.name}</div>\n                </md-select-option>`\n              })}\n            </md-filled-select>\n          </div>\n\n          <div>\n            <md-filled-select label=\"동\" building @change=${this._onSelectBuilding}>\n              ${this.buildings?.map(building => {\n                return html` <md-select-option .value=${building.id}>\n                  <div slot=\"headline\">${building.name}</div>\n                </md-select-option>`\n              })}\n            </md-filled-select>\n\n            <md-filled-select label=\"층\" level @change=${this._onSelectBuildingLevel}>\n              ${this.selectedBuilding?.buildingLevels?.map(level => {\n                return html`<md-select-option .value=${level.id}>\n                  <div slot=\"headline\">${level.floor}</div>\n                </md-select-option>`\n              })}\n            </md-filled-select>\n          </div>\n\n          <div>\n            <md-filled-select label=\"검측 도면\" inspectionDrawingType @change=${this._onSelectInspectionDrawingType}>\n              ${this.inspectionDrawingTypes?.map(inspectionDrawingType => {\n                return html` <md-select-option .value=${inspectionDrawingType.id}>\n                  <div slot=\"headline\">${inspectionDrawingType.name}</div>\n                </md-select-option>`\n              })}\n            </md-filled-select>\n\n            <md-filled-select label=\"검측 부위\" inspectionParts>\n              <div slot=\"label\">${this.selectedInspectionParts?.join(', ') || ''}</div>\n\n              ${this.selectedInspectionDrawingType?.inspectionParts?.map(inspectionPart => {\n                return html`\n                  <md-list-option @click=${() => this._onSelectInspectionPart(inspectionPart)}>\n                    <md-checkbox ?checked=\"${this.isSelected(inspectionPart)}\"></md-checkbox>\n                    ${inspectionPart.name}\n                  </md-list-option>\n                `\n              })}\n            </md-filled-select>\n          </div>\n\n          <div block-name>\n            <hr />\n            <span>체크리스트</span>\n          </div>\n\n          <div>\n            <label>체크리스트 템플릿 불러오기</label>\n\n            <md-filled-select label=\"템플릿\" checklistTemplate @change=${this._onSelectChecklistTemplate}>\n              <md-select-option></md-select-option>\n              ${this.checklistTemplates?.map((checklistTemplate, idx) => {\n                return html` <md-select-option .value=${checklistTemplate.id}>\n                  <div slot=\"headline\">${checklistTemplate.name}</div>\n                </md-select-option>`\n              })}\n            </md-filled-select>\n          </div>\n\n          <div>\n            <md-filled-text-field\n              name=\"checklistName\"\n              type=\"text\"\n              label=\"체크리스트 이름\"\n              .value=${this.checklist?.name || ''}\n              @input=${this._onInputChange}\n            >\n            </md-filled-text-field>\n          </div>\n\n          <ox-grist\n            .mode=${'GRID'}\n            .config=${this.gristConfig}\n            .fetchHandler=${this.fetchHandler.bind(this)}\n            @field-change=${this.onChangeGird}\n          >\n          </ox-grist>\n\n          <div button-container>\n            <md-elevated-button @click=${this._createInspection}>\n              <md-icon slot=\"icon\">add</md-icon>검측 요청서 등록\n            </md-elevated-button>\n          </div>\n        </div>\n\n        <div right>\n          <checklist-view .mode=${ChecklistMode.VIEWER} .checklist=${this.checklist}></checklist-view>\n        </div>\n      </div>\n    `\n  }\n\n  updated() {\n    const ratio = Math.round((this.checklistViewContainer?.offsetWidth / this.checklistView?.offsetWidth) * 100) / 100 || 1\n    this.checklistView.style.transform = `scale(${ratio})`\n  }\n\n  async firstUpdated() {\n    const response = await client.query({\n      query: gql`\n        query Project($id: String!) {\n          project(id: $id) {\n            id\n            name\n            buildingComplex {\n              id\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          constructionTypes {\n            items {\n              name\n              id\n            }\n          }\n\n          inspectionDrawingTypes {\n            items {\n              name\n              id\n            }\n          }\n\n          checklistTemplates {\n            items {\n              id\n              name\n            }\n          }\n\n          checklistTypes {\n            items {\n              id\n              mainType\n              detailType\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.projectId\n      }\n    })\n\n    if (response.errors) return\n\n    const project = response.data?.project\n    const constructionTypes = response.data?.constructionTypes?.items || []\n    const inspectionDrawingTypes = response.data?.inspectionDrawingTypes?.items || []\n    const checklistTemplates = response.data?.checklistTemplates?.items || []\n    this.checklistDetailTypes = response.data.checklistTypes?.items?.map(v => {\n      return {\n        display: v.detailType,\n        value: v.id,\n        mainType: v.mainType\n      }\n    })\n\n    this.buildings = [...(project?.buildingComplex?.buildings || [])]\n    this.constructionTypes = [...constructionTypes]\n    this.inspectionDrawingTypes = [...inspectionDrawingTypes]\n    this.checklistTemplates = [...checklistTemplates]\n\n    // selectedBuildingId가 있으면 해당 빌딩 선택, 없으면 첫번째 빌딩 선택\n    this.selectedBuilding = this.selectedBuildingId\n      ? this.buildings.find(building => building.id == this.selectedBuildingId)\n      : this.buildings[0]\n\n    this.selectedConstructionType = constructionTypes?.[0]\n    this.selectedInspectionDrawingType = inspectionDrawingTypes?.[0]\n\n    // 선택된 동의 층 리스트 가져오기\n    this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n    this.selectedConstructionType = await this._getConstructionType(this.selectedConstructionType.id)\n    this.selectedInspectionDrawingType = await this._getInspectionDrawingType(this.selectedInspectionDrawingType.id)\n\n    // selectedBuildingLevelId가 있으면 선택된 층, 없으면 첫번째 층 선택\n    this.selectedLevel = this.selectedBuildingLevelId\n      ? this.selectedBuilding?.buildingLevels?.find(level => level.id == this.selectedBuildingLevelId)\n      : this.selectedBuilding?.buildingLevels?.[0]\n\n    this.selectedConstructionDetailType = this.selectedConstructionType?.constructionDetailTypes?.[0]\n    this.selectedInspectionParts = []\n\n    // 동, 층이 랜더링 된 후에 select를 위해 이 시점에서 랜더링\n    this.selectedBuilding = await { ...this.selectedBuilding }\n    this.selectedConstructionType = await { ...this.selectedConstructionType }\n\n    // 기본 값 셋팅 select\n    await this.htmlSelectBuilding.select(this.selectedBuilding.id)\n    await this.htmlSelectLevel.select(this.selectedLevel.id)\n    await this.htmlSelectConstructionType.select(this.selectedConstructionType.id)\n    await this.htmlSelectConstructionDetailType.select(this.selectedConstructionDetailType.id)\n    await this.htmlSelectInspectionDrawingType.select(this.selectedInspectionDrawingType.id)\n    await this.htmlSelectChecklistTemplate.selectIndex(0)\n\n    this.checklist = {\n      constructionType: this.selectedConstructionType?.name,\n      constructionDetailType: this.selectedConstructionDetailType?.name,\n      location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floor || ''}층`,\n      documentNo: '0000-000-000000'\n    }\n\n    // 그리드 셋팅\n    this.setGristConfig()\n  }\n\n  async _getBuilding(buildingId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Building($id: String!) {\n          building(id: $id) {\n            id\n            name\n            buildingLevels {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n            }\n          }\n        }\n      `,\n      variables: {\n        id: buildingId\n      }\n    })\n\n    if (response.errors) return\n\n    return response.data?.building || {}\n  }\n\n  async _getConstructionType(id: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ConstructionType($id: String!) {\n          constructionType(id: $id) {\n            id\n            name\n            description\n            constructionDetailTypes {\n              id\n              name\n            }\n          }\n        }\n      `,\n      variables: { id }\n    })\n\n    if (response.errors) return\n\n    return response.data?.constructionType || {}\n  }\n\n  async _getInspectionDrawingType(id: string = '') {\n    const response = await client.query({\n      query: gql`\n        query InspectionDrawingType($id: String!) {\n          inspectionDrawingType(id: $id) {\n            id\n            name\n            inspectionParts {\n              id\n              name\n            }\n          }\n        }\n      `,\n      variables: { id }\n    })\n\n    if (response.errors) return\n\n    return response.data?.inspectionDrawingType || {}\n  }\n\n  private async _onSelectBuilding(e) {\n    const buildingId = e.target.value\n    this.selectedBuilding = await this._getBuilding(buildingId)\n    this.selectedLevel = await { ...this.selectedBuilding?.buildingLevels?.[0] }\n    this.checklist = { ...this.checklist, location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floor || ''}층` }\n\n    await this.htmlSelectLevel.selectIndex(0)\n  }\n\n  private _onSelectBuildingLevel(e) {\n    const buildingLevelId = e.target.value\n    this.selectedLevel = {\n      ...(this.selectedBuilding?.buildingLevels?.find(v => v.id == buildingLevelId) || {})\n    }\n    this.checklist = { ...this.checklist, location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floor || ''}층` }\n  }\n\n  private async _onSelectConstructionType(e) {\n    const constructionTypeId = e.target.value\n    this.selectedConstructionType = await this._getConstructionType(constructionTypeId)\n    this.selectedConstructionDetailType = await { ...this.selectedConstructionType?.constructionDetailTypes?.[0] }\n    this.checklist = {\n      ...this.checklist,\n      constructionType: this.selectedConstructionType?.name,\n      constructionDetailType: this.selectedConstructionDetailType?.name\n    }\n\n    await this.htmlSelectConstructionDetailType.selectIndex(0)\n  }\n\n  private _onSelectConstructionDetailType(e) {\n    const constructionDetailTypeId = e.target.value\n    this.selectedConstructionDetailType = {\n      ...(this.selectedConstructionType?.constructionDetailTypes?.find(v => v.id == constructionDetailTypeId) || {})\n    }\n    this.checklist = {\n      ...this.checklist,\n      constructionType: this.selectedConstructionType?.name,\n      constructionDetailType: this.selectedConstructionDetailType?.name\n    }\n  }\n\n  private async _onSelectInspectionDrawingType(e) {\n    const inspectionDrawingTypeId = e.target.value\n    this.selectedInspectionDrawingType = await this._getInspectionDrawingType(inspectionDrawingTypeId)\n    this.selectedInspectionParts = []\n    this.checklist = {\n      ...this.checklist,\n      inspectionParts: this.selectedInspectionParts\n    }\n  }\n\n  private async _onSelectInspectionPart(part) {\n    if (this.selectedInspectionParts.includes(part.name)) {\n      this.selectedInspectionParts = this.selectedInspectionParts.filter(item => item !== part.name)\n    } else {\n      this.selectedInspectionParts.push(part.name)\n    }\n\n    this.selectedInspectionParts = [...this.selectedInspectionParts]\n    this.checklist = {\n      ...this.checklist,\n      inspectionParts: this.selectedInspectionParts\n    }\n  }\n\n  isSelected(option: any): boolean {\n    return this.selectedInspectionParts.includes(option.name)\n  }\n\n  requestRefresh() {\n    this.dispatchEvent(new CustomEvent('requestRefresh'))\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  setGristConfig() {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_upward',\n          handlers: {\n            click: 'move-up'\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_downward',\n          handlers: {\n            click: 'move-down'\n          }\n        },\n        {\n          type: 'select',\n          name: 'mainType',\n          header: '구분',\n          record: {\n            editable: true,\n            options: [{ display: '', value: '' }].concat(\n              Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key }))\n            )\n          },\n          width: 100\n        },\n        {\n          type: 'select',\n          name: 'detailType',\n          header: '상세 구분',\n          record: {\n            editable: true,\n            options: (columns, data, column) => [\n              { display: '', value: '' },\n              ...this.checklistDetailTypes.filter(v => v.mainType == column.mainType)\n            ]\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: '검사 항목',\n          record: {\n            editable: true\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'inspctionCriteria',\n          header: '검사 기준',\n          record: {\n            editable: true\n          },\n          width: 200\n        }\n      ],\n      pagination: {\n        infinite: true\n      },\n      sorters: [{ name: 'mainType' }, { name: 'sequence' }]\n    }\n  }\n\n  async fetchHandler() {\n    if (!this.checklistTemplateId) return []\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          checklistTemplateItems(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              sequence\n              name\n              inspctionCriteria\n              mainType\n              detailType\n            }\n          }\n        }\n      `,\n      variables: {\n        filters: {\n          name: 'checklistTemplateId',\n          value: this.checklistTemplateId,\n          operator: 'eq'\n        },\n        sortings: [{ name: 'mainType' }, { name: 'sequence' }]\n      }\n    })\n\n    return {\n      records: response.data.checklistTemplateItems.items || []\n    }\n  }\n\n  private _onSelectChecklistTemplate(e) {\n    const checklistTemplateId = e.target.value\n\n    // 그리드 아이템 셋팅\n    if (checklistTemplateId) {\n      this.checklistTemplateId = checklistTemplateId\n      this.grist.fetch()\n    }\n\n    // 체크 리스트 이름 셋팅\n    this.checklist = { ...this.checklist, name: e.target.displayText }\n\n    // 체크리스트 아이템 데이터 갱신\n    this.onChangeGird()\n  }\n\n  async _createInspection() {\n    let patch: any = {}\n\n    patch.buildingLevelId = this.htmlSelectLevel.value\n    patch.checklist = {\n      name: this.checklist.name,\n      constructionType: this.htmlSelectConstructionType.displayText,\n      constructionDetailType: this.htmlSelectConstructionDetailType.displayText,\n      location: `${this.htmlSelectBuilding.displayText} ${this.htmlSelectLevel.displayText}층`,\n      inspectionDrawingType: this.selectedInspectionDrawingType.name,\n      inspectionParts: this.checklist.inspectionParts\n    }\n    patch.checklistItem = this.checklist.checklistItems?.map(item => {\n      return {\n        name: item.name,\n        mainType: item.mainType,\n        detailType: item.detailType,\n        inspctionCriteria: item.inspctionCriteria\n      }\n    })\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateBuildingInspection($patch: NewBuildingInspection!) {\n          createBuildingInspection(patch: $patch) {\n            id\n          }\n        }\n      `,\n      variables: {\n        patch\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측 요청서를 등록하였습니다.' })\n      this.requestRefresh()\n      this._close()\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n  // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n  private _onInputChange(event: InputEvent) {\n    const target = event.target as HTMLInputElement\n    this[target.name] = target.value\n    this.checklist = { ...this.checklist, name: target.value }\n  }\n\n  // 체크리스트 아이템 데이터 갱신\n  private onChangeGird() {\n    const checklistDetailTypes = Object.fromEntries(this.checklistDetailTypes.map(item => [item.value, item.display]))\n    const grist = this.grist\n\n    // grist field-change가 오는 시점이 데이터 변경 전이라 setTimeout으로 변경\n    setTimeout(() => {\n      this.checklist.checklistItems = grist.dirtyData.records.map((row, idx) => {\n        return {\n          ...row,\n          detailType: checklistDetailTypes[row.detailType],\n          sequence: idx\n        }\n      })\n      this.checklist = { ...this.checklist }\n    }, 100)\n  }\n}\n"]}
+{"version":3,"file":"inspection-create-popup.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/inspection-create-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist/ox-grist.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { DataGrist } from '@operato/data-grist/ox-grist.js'\nimport { client } from '@operato/graphql'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { BuildingInspectionStatus, CHECKLIST_MAIN_TYPE_LIST } from './building-inspection-list'\nimport '../checklist/checklist-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\n\n@customElement('inspection-create-popup')\nclass InspectionCreatePopup extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 15px 20px;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      md-filled-select {\n        width: auto;\n        min-width: 150px;\n        --md-filled-select-text-field-container-color: transparent;\n        --md-filled-select-text-field-active-indicator-color: #999;\n        --md-filled-select-text-field-input-text-size: 14px;\n        --md-filled-select-text-field-input-text-weight: bold;\n        --md-filled-select-text-field-input-text-line-height: 6px;\n      }\n      md-filled-select[level] {\n        min-width: 110px;\n        margin-left: 20px;\n      }\n\n      checklist-view {\n        pointer-events: none;\n        transform-origin: top left;\n      }\n\n      div[body] {\n        height: 100%;\n        overflow-y: auto;\n\n        div[tab-container][inactive] {\n          display: none !important;\n        }\n\n        div[edit] {\n          width: 100%;\n\n          div[detail] {\n            margin-bottom: 30px;\n          }\n\n          h3 {\n            position: relative;\n            color: #0595e5;\n            font-size: 17px;\n            font-weight: 700;\n            background-color: var(--md-sys-color-surface);\n            margin-top: 0;\n            margin-bottom: 5px;\n          }\n\n          div[data-row] {\n            display: grid;\n            grid-template-columns: 100px 1fr 0.3fr 100px 1fr;\n            gap: 15px;\n            margin-bottom: 11px;\n\n            label {\n              display: flex;\n              justify-content: flex-end;\n              align-items: center;\n              font-size: 15px;\n            }\n          }\n        }\n\n        div[preview] {\n          display: flex;\n          overflow-y: auto;\n          overflow-x: hidden;\n          max-width: calc(40% - 15px);\n        }\n      }\n\n      div[tabs] {\n        display: flex;\n\n        button {\n          background-color: #fff;\n          padding: 6px 14px;\n          color: #999;\n          border: solid 1px #999;\n          border-top: none;\n          border-radius: 0px 0px 8px 8px;\n          margin-right: -2px;\n\n          &[active] {\n            color: var(--button-color, var(--md-sys-color-on-secondary-container));\n            font-weight: 600;\n          }\n        }\n      }\n\n      div[button-container] {\n        display: flex;\n        justify-content: flex-end;\n\n        md-elevated-button {\n          --md-filled-button-container-color: #0595e5;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig: any\n  @property({ type: Object }) checklistDetailTypes: any\n  @property({ type: String }) projectId: string = ''\n  @property({ type: String }) checklistTemplateId: string = ''\n  @property({ type: String }) selectedBuildingId: string = ''\n  @property({ type: String }) selectedBuildingLevelId: string = ''\n\n  @state() buildings: any = []\n  @state() selectedBuilding: any = {}\n  @state() selectedLevel: any = {}\n\n  @state() constructionTypes: any = []\n  @state() selectedConstructionType: any = {}\n  @state() selectedConstructionDetailType: any = {}\n\n  @state() inspectionDrawingTypes: any = []\n  @state() selectedInspectionDrawingType: any = {}\n  @state() selectedInspectionParts: Array<string> = []\n\n  @state() checklistTemplates: any = []\n  @state() checklist: any = {}\n\n  @state() activeTab: 'edit' | 'preview' = 'edit'\n\n  @query('md-filled-select[building]') htmlSelectBuilding\n  @query('md-filled-select[level]') htmlSelectLevel\n  @query('md-filled-select[constructionType]') htmlSelectConstructionType\n  @query('md-filled-select[constructionDetailType]') htmlSelectConstructionDetailType\n  @query('md-filled-select[inspectionDrawingType]') htmlSelectInspectionDrawingType\n  @query('md-filled-select[inspectionPart]') htmlSelectInspectionPart\n  @query('md-filled-select[checklistTemplate]') htmlSelectChecklistTemplate\n  @query('ox-grist') grist!: DataGrist\n  @query('div[right]') checklistViewContainer!: HTMLDivElement\n  @query('checklist-view') checklistView!: HTMLElement\n\n  render() {\n    return html`\n      <div body>\n        <div tab-container ?inactive=${this.activeTab !== 'edit'} edit>\n          <div detail>\n            <h3>세부 정보</h3>\n\n            <div data-row>\n              <label>공종</label>\n              <md-filled-select label=\"공종\" constructionType @change=${this._onSelectConstructionType}>\n                ${this.constructionTypes?.map(constructionType => {\n                  const selected = constructionType.id === this.selectedConstructionType?.id\n                  return html`<md-select-option ?selected=${selected} .value=${constructionType.id}>\n                    <div slot=\"headline\">${constructionType.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n\n              <div partition></div>\n\n              <label>세부 공종</label>\n              <md-filled-select label=\"세부 공종\" constructionDetailType @change=${this._onSelectConstructionDetailType}>\n                ${this.selectedConstructionType?.constructionDetailTypes?.map(constructionDetailType => {\n                  const selected = constructionDetailType.id === this.selectedConstructionDetailType.id\n                  return html`<md-select-option ?selected=${selected} .value=${constructionDetailType.id}>\n                    <div slot=\"headline\">${constructionDetailType.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n\n            <div data-row>\n              <label>동</label>\n              <md-filled-select label=\"동\" building @change=${this._onSelectBuilding}>\n                ${this.buildings?.map(building => {\n                  return html` <md-select-option .value=${building.id}>\n                    <div slot=\"headline\">${building.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n\n              <div partition></div>\n\n              <label>층</label>\n              <md-filled-select label=\"층\" level @change=${this._onSelectBuildingLevel}>\n                ${this.selectedBuilding?.buildingLevels?.map(level => {\n                  return html`<md-select-option .value=${level.id}>\n                    <div slot=\"headline\">${level.floor}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n\n            <div data-row>\n              <label>검측 도면</label>\n              <md-filled-select label=\"검측 도면\" inspectionDrawingType @change=${this._onSelectInspectionDrawingType}>\n                ${this.inspectionDrawingTypes?.map(inspectionDrawingType => {\n                  return html` <md-select-option .value=${inspectionDrawingType.id}>\n                    <div slot=\"headline\">${inspectionDrawingType.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n\n              <div partition></div>\n\n              <label>검측 부위</label>\n              <md-filled-select label=\"검측 부위\" inspectionParts>\n                <div slot=\"label\">${this.selectedInspectionParts?.join(', ') || ''}</div>\n\n                ${this.selectedInspectionDrawingType?.inspectionParts?.map(inspectionPart => {\n                  return html`\n                    <md-list-option @click=${() => this._onSelectInspectionPart(inspectionPart)}>\n                      <md-checkbox ?checked=\"${this.isSelected(inspectionPart)}\"></md-checkbox>\n                      ${inspectionPart.name}\n                    </md-list-option>\n                  `\n                })}\n              </md-filled-select>\n            </div>\n          </div>\n\n          <div checklist>\n            <h3>체크리스트</h3>\n\n            <div data-row>\n              <label>이름</label>\n              <md-filled-text-field\n                name=\"checklistName\"\n                type=\"text\"\n                label=\"체크리스트 이름\"\n                .value=${this.checklist?.name || ''}\n                @input=${this._onInputChange}\n              >\n              </md-filled-text-field>\n\n              <div partition></div>\n\n              <label>템플릿</label>\n              <md-filled-select label=\"템플릿\" checklistTemplate @change=${this._onSelectChecklistTemplate}>\n                <md-select-option></md-select-option>\n                ${this.checklistTemplates?.map((checklistTemplate, idx) => {\n                  return html` <md-select-option .value=${checklistTemplate.id}>\n                    <div slot=\"headline\">${checklistTemplate.name}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n          </div>\n\n          <ox-grist\n            .mode=${'GRID'}\n            .config=${this.gristConfig}\n            .fetchHandler=${this.fetchHandler.bind(this)}\n            @field-change=${this.onChangeGird}\n          >\n          </ox-grist>\n        </div>\n\n        <div tab-container ?inactive=${this.activeTab !== 'preview'} preview>\n          <checklist-view .mode=${ChecklistMode.VIEWER} .checklist=${this.checklist}></checklist-view>\n        </div>\n      </div>\n\n      <div tabs>\n        <button ?active=${this.activeTab === 'edit'} @click=${() => (this.activeTab = 'edit')}>검측 요청 정보</button>\n        <button ?active=${this.activeTab === 'preview'} @click=${() => (this.activeTab = 'preview')}>미리보기</button>\n      </div>\n\n      <div button-container>\n        <md-elevated-button @click=${this._createInspection}>\n          <md-icon slot=\"icon\">add</md-icon>검측 요청서 등록\n        </md-elevated-button>\n      </div>\n    `\n  }\n\n  updated() {\n    const ratio = Math.round((this.checklistViewContainer?.offsetWidth / this.checklistView?.offsetWidth) * 100) / 100 || 1\n    this.checklistView.style.transform = `scale(${ratio})`\n  }\n\n  async firstUpdated() {\n    const response = await client.query({\n      query: gql`\n        query Project($id: String!) {\n          project(id: $id) {\n            id\n            name\n            buildingComplex {\n              id\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          constructionTypes {\n            items {\n              name\n              id\n            }\n          }\n\n          inspectionDrawingTypes {\n            items {\n              name\n              id\n            }\n          }\n\n          checklistTemplates {\n            items {\n              id\n              name\n            }\n          }\n\n          checklistTypes {\n            items {\n              id\n              mainType\n              detailType\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.projectId\n      }\n    })\n\n    if (response.errors) return\n\n    const project = response.data?.project\n    const constructionTypes = response.data?.constructionTypes?.items || []\n    const inspectionDrawingTypes = response.data?.inspectionDrawingTypes?.items || []\n    const checklistTemplates = response.data?.checklistTemplates?.items || []\n    this.checklistDetailTypes = response.data.checklistTypes?.items?.map(v => {\n      return {\n        display: v.detailType,\n        value: v.id,\n        mainType: v.mainType\n      }\n    })\n\n    this.buildings = [...(project?.buildingComplex?.buildings || [])]\n    this.constructionTypes = [...constructionTypes]\n    this.inspectionDrawingTypes = [...inspectionDrawingTypes]\n    this.checklistTemplates = [...checklistTemplates]\n\n    // selectedBuildingId가 있으면 해당 빌딩 선택, 없으면 첫번째 빌딩 선택\n    this.selectedBuilding = this.selectedBuildingId\n      ? this.buildings.find(building => building.id == this.selectedBuildingId)\n      : this.buildings[0]\n\n    this.selectedConstructionType = constructionTypes?.[0]\n    this.selectedInspectionDrawingType = inspectionDrawingTypes?.[0]\n\n    // 선택된 동의 층 리스트 가져오기\n    this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n    this.selectedConstructionType = await this._getConstructionType(this.selectedConstructionType.id)\n    this.selectedInspectionDrawingType = await this._getInspectionDrawingType(this.selectedInspectionDrawingType.id)\n\n    // selectedBuildingLevelId가 있으면 선택된 층, 없으면 첫번째 층 선택\n    this.selectedLevel = this.selectedBuildingLevelId\n      ? this.selectedBuilding?.buildingLevels?.find(level => level.id == this.selectedBuildingLevelId)\n      : this.selectedBuilding?.buildingLevels?.[0]\n\n    this.selectedConstructionDetailType = this.selectedConstructionType?.constructionDetailTypes?.[0]\n    this.selectedInspectionParts = []\n\n    // 동, 층이 랜더링 된 후에 select를 위해 이 시점에서 랜더링\n    this.selectedBuilding = await { ...this.selectedBuilding }\n    this.selectedConstructionType = await { ...this.selectedConstructionType }\n\n    // 기본 값 셋팅 select\n    await this.htmlSelectBuilding.select(this.selectedBuilding.id)\n    await this.htmlSelectLevel.select(this.selectedLevel.id)\n    await this.htmlSelectConstructionType.select(this.selectedConstructionType.id)\n    await this.htmlSelectConstructionDetailType.select(this.selectedConstructionDetailType.id)\n    await this.htmlSelectInspectionDrawingType.select(this.selectedInspectionDrawingType.id)\n    await this.htmlSelectChecklistTemplate.selectIndex(0)\n\n    this.checklist = {\n      constructionType: this.selectedConstructionType?.name,\n      constructionDetailType: this.selectedConstructionDetailType?.name,\n      location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floor || ''}층`,\n      documentNo: '0000-000-000000',\n      buildingInspection: {\n        status: BuildingInspectionStatus.WAIT\n      }\n    }\n\n    // 그리드 셋팅\n    this.setGristConfig()\n  }\n\n  async _getBuilding(buildingId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Building($id: String!) {\n          building(id: $id) {\n            id\n            name\n            buildingLevels {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n            }\n          }\n        }\n      `,\n      variables: {\n        id: buildingId\n      }\n    })\n\n    if (response.errors) return\n\n    return response.data?.building || {}\n  }\n\n  async _getConstructionType(id: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ConstructionType($id: String!) {\n          constructionType(id: $id) {\n            id\n            name\n            description\n            constructionDetailTypes {\n              id\n              name\n            }\n          }\n        }\n      `,\n      variables: { id }\n    })\n\n    if (response.errors) return\n\n    return response.data?.constructionType || {}\n  }\n\n  async _getInspectionDrawingType(id: string = '') {\n    const response = await client.query({\n      query: gql`\n        query InspectionDrawingType($id: String!) {\n          inspectionDrawingType(id: $id) {\n            id\n            name\n            inspectionParts {\n              id\n              name\n            }\n          }\n        }\n      `,\n      variables: { id }\n    })\n\n    if (response.errors) return\n\n    return response.data?.inspectionDrawingType || {}\n  }\n\n  private async _onSelectBuilding(e) {\n    const buildingId = e.target.value\n    this.selectedBuilding = await this._getBuilding(buildingId)\n    this.selectedLevel = await { ...this.selectedBuilding?.buildingLevels?.[0] }\n    this.checklist = { ...this.checklist, location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floor || ''}층` }\n\n    await this.htmlSelectLevel.selectIndex(0)\n  }\n\n  private _onSelectBuildingLevel(e) {\n    const buildingLevelId = e.target.value\n    this.selectedLevel = {\n      ...(this.selectedBuilding?.buildingLevels?.find(v => v.id == buildingLevelId) || {})\n    }\n    this.checklist = { ...this.checklist, location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floor || ''}층` }\n  }\n\n  private async _onSelectConstructionType(e) {\n    const constructionTypeId = e.target.value\n    this.selectedConstructionType = await this._getConstructionType(constructionTypeId)\n    this.selectedConstructionDetailType = await { ...this.selectedConstructionType?.constructionDetailTypes?.[0] }\n    this.checklist = {\n      ...this.checklist,\n      constructionType: this.selectedConstructionType?.name,\n      constructionDetailType: this.selectedConstructionDetailType?.name\n    }\n\n    await this.htmlSelectConstructionDetailType.selectIndex(0)\n  }\n\n  private _onSelectConstructionDetailType(e) {\n    const constructionDetailTypeId = e.target.value\n    this.selectedConstructionDetailType = {\n      ...(this.selectedConstructionType?.constructionDetailTypes?.find(v => v.id == constructionDetailTypeId) || {})\n    }\n    this.checklist = {\n      ...this.checklist,\n      constructionType: this.selectedConstructionType?.name,\n      constructionDetailType: this.selectedConstructionDetailType?.name\n    }\n  }\n\n  private async _onSelectInspectionDrawingType(e) {\n    const inspectionDrawingTypeId = e.target.value\n    this.selectedInspectionDrawingType = await this._getInspectionDrawingType(inspectionDrawingTypeId)\n    this.selectedInspectionParts = []\n    this.checklist = {\n      ...this.checklist,\n      inspectionParts: this.selectedInspectionParts\n    }\n  }\n\n  private async _onSelectInspectionPart(part) {\n    if (this.selectedInspectionParts.includes(part.name)) {\n      this.selectedInspectionParts = this.selectedInspectionParts.filter(item => item !== part.name)\n    } else {\n      this.selectedInspectionParts.push(part.name)\n    }\n\n    this.selectedInspectionParts = [...this.selectedInspectionParts]\n    this.checklist = {\n      ...this.checklist,\n      inspectionParts: this.selectedInspectionParts\n    }\n  }\n\n  isSelected(option: any): boolean {\n    return this.selectedInspectionParts.includes(option.name)\n  }\n\n  requestRefresh() {\n    this.dispatchEvent(new CustomEvent('requestRefresh'))\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  setGristConfig() {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_upward',\n          handlers: {\n            click: 'move-up'\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_downward',\n          handlers: {\n            click: 'move-down'\n          }\n        },\n        {\n          type: 'select',\n          name: 'mainType',\n          header: '구분',\n          record: {\n            editable: true,\n            options: [{ display: '', value: '' }].concat(\n              Object.keys(CHECKLIST_MAIN_TYPE_LIST).map(key => ({ display: CHECKLIST_MAIN_TYPE_LIST[key], value: key }))\n            )\n          },\n          width: 100\n        },\n        {\n          type: 'select',\n          name: 'detailType',\n          header: '상세 구분',\n          record: {\n            editable: true,\n            options: (columns, data, column) => [\n              { display: '', value: '' },\n              ...this.checklistDetailTypes.filter(v => v.mainType == column.mainType)\n            ]\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: '검사 항목',\n          record: {\n            editable: true\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'inspctionCriteria',\n          header: '검사 기준',\n          record: {\n            editable: true\n          },\n          width: 200\n        }\n      ],\n      pagination: {\n        infinite: true\n      },\n      sorters: [{ name: 'mainType' }, { name: 'sequence' }]\n    }\n  }\n\n  async fetchHandler() {\n    if (!this.checklistTemplateId) return []\n\n    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          checklistTemplateItems(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              sequence\n              name\n              inspctionCriteria\n              mainType\n              detailType\n            }\n          }\n        }\n      `,\n      variables: {\n        filters: {\n          name: 'checklistTemplateId',\n          value: this.checklistTemplateId,\n          operator: 'eq'\n        },\n        sortings: [{ name: 'mainType' }, { name: 'sequence' }]\n      }\n    })\n\n    // 체크리스트 아이템 데이터 갱신\n    this.onChangeGird()\n\n    return {\n      records: response.data.checklistTemplateItems.items || []\n    }\n  }\n\n  private _onSelectChecklistTemplate(e) {\n    const checklistTemplateId = e.target.value\n\n    // 체크 리스트 이름 셋팅\n    this.checklist = { ...this.checklist, name: e.target.displayText }\n\n    // 그리드 아이템 셋팅\n    if (checklistTemplateId) {\n      this.checklistTemplateId = checklistTemplateId\n      this.grist.fetch()\n    }\n  }\n\n  async _createInspection() {\n    let patch: any = {}\n\n    patch.buildingLevelId = this.htmlSelectLevel.value\n    patch.checklist = {\n      name: this.checklist.name,\n      constructionType: this.htmlSelectConstructionType.displayText,\n      constructionDetailType: this.htmlSelectConstructionDetailType.displayText,\n      location: `${this.htmlSelectBuilding.displayText} ${this.htmlSelectLevel.displayText}층`,\n      inspectionDrawingType: this.selectedInspectionDrawingType.name,\n      inspectionParts: this.checklist.inspectionParts\n    }\n    patch.checklistItem = this.checklist.checklistItems?.map(item => {\n      return {\n        name: item.name,\n        mainType: item.mainType,\n        detailType: item.detailType,\n        inspctionCriteria: item.inspctionCriteria\n      }\n    })\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateBuildingInspection($patch: NewBuildingInspection!) {\n          createBuildingInspection(patch: $patch) {\n            id\n          }\n        }\n      `,\n      variables: {\n        patch\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측 요청서를 등록하였습니다.' })\n      this.requestRefresh()\n      this._close()\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n  // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n  private _onInputChange(event: InputEvent) {\n    const target = event.target as HTMLInputElement\n    this[target.name] = target.value\n    this.checklist = { ...this.checklist, name: target.value }\n  }\n\n  // 체크리스트 아이템 데이터 갱신\n  private onChangeGird() {\n    const checklistDetailTypes = Object.fromEntries(this.checklistDetailTypes.map(item => [item.value, item.display]))\n    const grist = this.grist\n\n    // grist field-change가 오는 시점이 데이터 변경 전이라 setTimeout으로 변경\n    setTimeout(() => {\n      this.checklist.checklistItems = grist.dirtyData.records.map((row, idx) => {\n        return {\n          ...row,\n          detailType: checklistDetailTypes[row.detailType],\n          sequence: idx\n        }\n      })\n      this.checklist = { ...this.checklist }\n    }, 100)\n  }\n}\n"]}