@dssp/supervision 1.0.11 → 1.0.13

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

@@ -9,6 +9,8 @@ import { client } from '@operato/graphql';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import { notify } from '@operato/layout';
 import { BuildingInspectionStatus, CHECKLIST_MAIN_TYPE_LIST } from './building-inspection-list';
+import { DrawingBundleModel } from '@dssp/drawing/dist-client/drawing-bundle/drawing-bundle-model.js';
+import { loadDrawingBundle } from '@dssp/drawing/dist-client/drawing-bundle/drawing-bundle-loader.js';
 import '../checklist/checklist-view';
 let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
     constructor() {
@@ -24,15 +26,14 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         this.constructionTypes = [];
         this.selectedConstructionType = {};
         this.selectedConstructionDetailType = {};
-        this.inspectionDrawingTypes = [];
-        this.selectedInspectionDrawingType = {};
-        this.selectedInspectionParts = [];
+        /** 자동 할당된 검측 도면(패키지 루트 도면 id) */
+        this.assignedDrawingId = '';
         this.checklistTemplates = [];
         this.checklist = {};
         this.activeTab = 'edit';
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return html `
       <div body>
         <div tab-container ?inactive=${this.activeTab !== 'edit'} edit>
@@ -86,33 +87,9 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
               </md-filled-select>
             </div>
 
-            <div data-row>
+            <div data-row single>
               <label>검측 도면</label>
-              <md-filled-select 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>`;
-        })}
-              </md-filled-select>
-
-              <div partition></div>
-
-              <label>검측 부위</label>
-              <div inspection-parts>
-                ${(_j = (_h = this.selectedInspectionDrawingType) === null || _h === void 0 ? void 0 : _h.inspectionParts) === null || _j === void 0 ? void 0 : _j.map(inspectionPart => {
-            return html `
-                    <span>
-                      <md-checkbox
-                        id=${'check_' + inspectionPart.id}
-                        ?checked="${this.isSelected(inspectionPart)}"
-                        @click=${() => this._onSelectInspectionPart(inspectionPart)}
-                      ></md-checkbox>
-                      <label>${inspectionPart.name}</label>
-                    </span>
-                  `;
-        })}
-              </div>
+              <span info>${this._assignedDrawingLabel()}</span>
             </div>
           </div>
 
@@ -124,7 +101,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
               <md-filled-text-field
                 name="checklistName"
                 type="text"
-                .value=${((_k = this.checklist) === null || _k === void 0 ? void 0 : _k.name) || ''}
+                .value=${((_g = this.checklist) === null || _g === void 0 ? void 0 : _g.name) || ''}
                 @input=${this._onInputChange}
               >
               </md-filled-text-field>
@@ -134,7 +111,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
               <label>템플릿</label>
               <md-filled-select checklistTemplate @change=${this._onSelectChecklistTemplate}>
                 <md-select-option></md-select-option>
-                ${(_l = this.checklistTemplates) === null || _l === void 0 ? void 0 : _l.map((checklistTemplate, idx) => {
+                ${(_h = this.checklistTemplates) === null || _h === void 0 ? void 0 : _h.map((checklistTemplate, idx) => {
             return html ` <md-select-option .value=${checklistTemplate.id}>
                     <div slot="headline">${checklistTemplate.name}</div>
                   </md-select-option>`;
@@ -180,7 +157,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         this.checklistView.style.transform = `scale(${ratio})`;
     }
     async firstUpdated() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         const response = await client.query({
             query: gql `
         query Project($id: String!) {
@@ -205,12 +182,6 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             }
           }
 
-          inspectionDrawingTypes {
-            items {
-              name
-              id
-            }
-          }
 
           checklistTemplates {
             items {
@@ -236,9 +207,8 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             return;
         const project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.project;
         const constructionTypes = ((_c = (_b = response.data) === null || _b === void 0 ? void 0 : _b.constructionTypes) === null || _c === void 0 ? void 0 : _c.items) || [];
-        const inspectionDrawingTypes = ((_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.inspectionDrawingTypes) === null || _e === void 0 ? void 0 : _e.items) || [];
-        const checklistTemplates = ((_g = (_f = response.data) === null || _f === void 0 ? void 0 : _f.checklistTemplates) === null || _g === void 0 ? void 0 : _g.items) || [];
-        this.checklistDetailTypes = (_j = (_h = response.data.checklistTypes) === null || _h === void 0 ? void 0 : _h.items) === null || _j === void 0 ? void 0 : _j.map(v => {
+        const checklistTemplates = ((_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.checklistTemplates) === null || _e === void 0 ? void 0 : _e.items) || [];
+        this.checklistDetailTypes = (_g = (_f = response.data.checklistTypes) === null || _f === void 0 ? void 0 : _f.items) === null || _g === void 0 ? void 0 : _g.map(v => {
             return {
                 display: v.detailType,
                 value: v.id,
@@ -246,26 +216,23 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             };
         });
         this.project = project;
-        this.buildings = [...(((_k = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _k === void 0 ? void 0 : _k.buildings) || [])];
+        this.buildings = [...(((_h = project === null || project === void 0 ? void 0 : project.buildingComplex) === null || _h === void 0 ? void 0 : _h.buildings) || [])];
         this.constructionTypes = [...constructionTypes];
-        this.inspectionDrawingTypes = [...inspectionDrawingTypes];
         this.checklistTemplates = [...checklistTemplates];
         // selectedBuildingId가 있으면 해당 빌딩 선택, 없으면 첫번째 빌딩 선택
         this.selectedBuilding = this.selectedBuildingId
             ? this.buildings.find(building => building.id == this.selectedBuildingId)
             : this.buildings[0];
         this.selectedConstructionType = constructionTypes === null || constructionTypes === void 0 ? void 0 : constructionTypes[0];
-        this.selectedInspectionDrawingType = inspectionDrawingTypes === null || inspectionDrawingTypes === void 0 ? void 0 : inspectionDrawingTypes[0];
+        this.bundleModel = (await loadDrawingBundle(this.projectId)) || undefined;
         // 선택된 동의 층 리스트 가져오기
         this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id);
         this.selectedConstructionType = await this._getConstructionType(this.selectedConstructionType.id);
-        this.selectedInspectionDrawingType = await this._getInspectionDrawingType(this.selectedInspectionDrawingType.id);
         // selectedBuildingLevelId가 있으면 선택된 층, 없으면 첫번째 층 선택
         this.selectedLevel = this.selectedBuildingLevelId
-            ? (_m = (_l = this.selectedBuilding) === null || _l === void 0 ? void 0 : _l.buildingLevels) === null || _m === void 0 ? void 0 : _m.find(level => level.id == this.selectedBuildingLevelId)
-            : (_p = (_o = this.selectedBuilding) === null || _o === void 0 ? void 0 : _o.buildingLevels) === null || _p === void 0 ? void 0 : _p[0];
-        this.selectedConstructionDetailType = (_r = (_q = this.selectedConstructionType) === null || _q === void 0 ? void 0 : _q.constructionDetailTypes) === null || _r === void 0 ? void 0 : _r[0];
-        this.selectedInspectionParts = [];
+            ? (_k = (_j = this.selectedBuilding) === null || _j === void 0 ? void 0 : _j.buildingLevels) === null || _k === void 0 ? void 0 : _k.find(level => level.id == this.selectedBuildingLevelId)
+            : (_m = (_l = this.selectedBuilding) === null || _l === void 0 ? void 0 : _l.buildingLevels) === null || _m === void 0 ? void 0 : _m[0];
+        this.selectedConstructionDetailType = (_p = (_o = this.selectedConstructionType) === null || _o === void 0 ? void 0 : _o.constructionDetailTypes) === null || _p === void 0 ? void 0 : _p[0];
         // 동, 층이 랜더링 된 후에 select를 위해 이 시점에서 랜더링
         this.selectedBuilding = await Object.assign({}, this.selectedBuilding);
         this.selectedConstructionType = await Object.assign({}, this.selectedConstructionType);
@@ -274,12 +241,12 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         await this.htmlSelectLevel.select(this.selectedLevel.id);
         await this.htmlSelectConstructionType.select(this.selectedConstructionType.id);
         await this.htmlSelectConstructionDetailType.select(this.selectedConstructionDetailType.id);
-        await this.htmlSelectInspectionDrawingType.select(this.selectedInspectionDrawingType.id);
+        this._assignDrawing();
         await this.htmlSelectChecklistTemplate.selectIndex(0);
         this.checklist = {
-            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.floorDisplayName || ''}층`,
+            constructionType: (_q = this.selectedConstructionType) === null || _q === void 0 ? void 0 : _q.name,
+            constructionDetailType: (_r = this.selectedConstructionDetailType) === null || _r === void 0 ? void 0 : _r.name,
+            location: `${((_s = this.selectedBuilding) === null || _s === void 0 ? void 0 : _s.name) || ''} ${this.selectedLevel.floorDisplayName || ''}층`,
             documentNo: `${project.documentNaming} 검측 제01-00000호`,
             buildingInspection: {
                 status: BuildingInspectionStatus.WAIT
@@ -340,33 +307,13 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             return;
         return ((_a = response.data) === null || _a === void 0 ? void 0 : _a.constructionType) || {};
     }
-    async _getInspectionDrawingType(id = '') {
-        var _a;
-        const response = await client.query({
-            query: gql `
-        query InspectionDrawingType($id: String!) {
-          inspectionDrawingType(id: $id) {
-            id
-            name
-            inspectionParts {
-              id
-              name
-            }
-          }
-        }
-      `,
-            variables: { id }
-        });
-        if (response.errors)
-            return;
-        return ((_a = response.data) === null || _a === void 0 ? void 0 : _a.inspectionDrawingType) || {};
-    }
     async _onSelectBuilding(e) {
         var _a, _b, _c;
         const buildingId = e.target.value;
         this.selectedBuilding = await this._getBuilding(buildingId);
         this.selectedLevel = await Object.assign({}, (_b = (_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.buildingLevels) === null || _b === void 0 ? void 0 : _b[0]);
         this.checklist = Object.assign(Object.assign({}, this.checklist), { location: `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${this.selectedLevel.floorDisplayName || ''}층` });
+        this._assignDrawing();
         await this.htmlSelectLevel.selectIndex(0);
     }
     _onSelectBuildingLevel(e) {
@@ -374,6 +321,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         const buildingLevelId = e.target.value;
         this.selectedLevel = Object.assign({}, (((_b = (_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.buildingLevels) === null || _b === void 0 ? void 0 : _b.find(v => v.id == buildingLevelId)) || {}));
         this.checklist = Object.assign(Object.assign({}, this.checklist), { location: `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${this.selectedLevel.floorDisplayName || ''}층` });
+        this._assignDrawing();
     }
     async _onSelectConstructionType(e) {
         var _a, _b, _c, _d;
@@ -389,24 +337,20 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         this.selectedConstructionDetailType = Object.assign({}, (((_b = (_a = this.selectedConstructionType) === null || _a === void 0 ? void 0 : _a.constructionDetailTypes) === null || _b === void 0 ? void 0 : _b.find(v => v.id == constructionDetailTypeId)) || {}));
         this.checklist = Object.assign(Object.assign({}, this.checklist), { constructionType: (_c = this.selectedConstructionType) === null || _c === void 0 ? void 0 : _c.name, constructionDetailType: (_d = this.selectedConstructionDetailType) === null || _d === void 0 ? void 0 : _d.name });
     }
-    async _onSelectInspectionDrawingType(e) {
-        const inspectionDrawingTypeId = e.target.value;
-        this.selectedInspectionDrawingType = await this._getInspectionDrawingType(inspectionDrawingTypeId);
-        this.selectedInspectionParts = [];
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionParts: this.selectedInspectionParts });
-    }
-    async _onSelectInspectionPart(part) {
-        if (this.selectedInspectionParts.includes(part.name)) {
-            this.selectedInspectionParts = this.selectedInspectionParts.filter(item => item !== part.name);
-        }
-        else {
-            this.selectedInspectionParts.push(part.name);
-        }
-        this.selectedInspectionParts = [...this.selectedInspectionParts];
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionParts: this.selectedInspectionParts });
+    /**
+     * 동·층에 해당하는 도면 패키지를 찾아 검측 도면으로 자동 할당한다.
+     * 패키지의 첫 장(건축 층 평면도)이 검측 도면이 되고, 하위 도면은 하이퍼링크로 이어진다.
+     */
+    _assignDrawing() {
+        var _a, _b, _c;
+        const pkg = (_a = this.bundleModel) === null || _a === void 0 ? void 0 : _a.packageOfLevel((_b = this.selectedBuilding) === null || _b === void 0 ? void 0 : _b.name, (_c = this.selectedLevel) === null || _c === void 0 ? void 0 : _c.floor);
+        this.assignedDrawingId = (pkg === null || pkg === void 0 ? void 0 : pkg.root) || '';
     }
-    isSelected(option) {
-        return this.selectedInspectionParts.includes(option.name);
+    _assignedDrawingLabel() {
+        var _a, _b;
+        if (!this.assignedDrawingId)
+            return '해당 동·층에 배정된 도면 패키지가 없습니다.';
+        return ((_b = (_a = this.bundleModel) === null || _a === void 0 ? void 0 : _a.drawing(this.assignedDrawingId)) === null || _b === void 0 ? void 0 : _b.drawing_name) || this.assignedDrawingId;
     }
     requestRefresh() {
         this.dispatchEvent(new CustomEvent('requestRefresh'));
@@ -535,8 +479,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             constructionType: this.htmlSelectConstructionType.displayText,
             constructionDetailType: this.htmlSelectConstructionDetailType.displayText,
             location: `${this.htmlSelectBuilding.displayText} ${this.htmlSelectLevel.displayText}층`,
-            inspectionDrawingType: this.selectedInspectionDrawingType.name,
-            inspectionParts: this.checklist.inspectionParts
+            inspectionDrawingType: this.assignedDrawingId
         };
         patch.checklistItem = (_a = this.checklist.checklistItems) === null || _a === void 0 ? void 0 : _a.map(item => {
             return {
@@ -655,21 +598,17 @@ InspectionCreatePopup.styles = [
               font-size: 15px;
             }
 
-            div[inspection-parts] {
-              display: block;
-              margin-top: 7px;
-
-              & > span {
-                display: inline-block;
-                margin-right: 5px;
-                margin-bottom: 5px;
-
-                & > md-checkbox {
-                  margin-top: 2px;
-                }
-              }
+            & > span[info] {
+              display: flex;
+              align-items: center;
+              font-size: 15px;
+              color: #333;
             }
           }
+
+          div[data-row][single] {
+            grid-template-columns: 100px 1fr;
+          }
         }
 
         div[preview] {
@@ -773,16 +712,14 @@ __decorate([
 ], InspectionCreatePopup.prototype, "selectedConstructionDetailType", void 0);
 __decorate([
     state(),
-    __metadata("design:type", Object)
-], InspectionCreatePopup.prototype, "inspectionDrawingTypes", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], InspectionCreatePopup.prototype, "selectedInspectionDrawingType", void 0);
+    __metadata("design:type", DrawingBundleModel
+    /** 자동 할당된 검측 도면(패키지 루트 도면 id) */
+    )
+], InspectionCreatePopup.prototype, "bundleModel", void 0);
 __decorate([
     state(),
-    __metadata("design:type", Array)
-], InspectionCreatePopup.prototype, "selectedInspectionParts", void 0);
+    __metadata("design:type", String)
+], InspectionCreatePopup.prototype, "assignedDrawingId", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)
@@ -811,10 +748,6 @@ __decorate([
     query('md-filled-select[constructionDetailType]'),
     __metadata("design:type", Object)
 ], InspectionCreatePopup.prototype, "htmlSelectConstructionDetailType", void 0);
-__decorate([
-    query('md-filled-select[inspectionDrawingType]'),
-    __metadata("design:type", Object)
-], InspectionCreatePopup.prototype, "htmlSelectInspectionDrawingType", void 0);
 __decorate([
     query('md-filled-select[inspectionPart]'),
     __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 { 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            div[inspection-parts] {\n              display: block;\n              margin-top: 7px;\n\n              & > span {\n                display: inline-block;\n                margin-right: 5px;\n                margin-bottom: 5px;\n\n                & > md-checkbox {\n                  margin-top: 2px;\n                }\n              }\n            }\n          }\n        }\n\n        div[preview] {\n          display: flex;\n          overflow-y: auto;\n          overflow-x: hidden;\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          cursor: pointer;\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        gap: 10px;\n\n        md-elevated-button[blue] {\n          --md-elevated-button-container-color: #0595e5;\n\n          --md-elevated-button-label-text-color: #fff;\n          --md-elevated-button-hover-label-text-color: #fff;\n          --md-elevated-button-pressed-label-text-color: #fff;\n          --md-elevated-button-focus-label-text-color: #fff;\n          --md-elevated-button-icon-color: #fff;\n          --md-elevated-button-hover-icon-color: #fff;\n          --md-elevated-button-pressed-icon-color: #fff;\n          --md-elevated-button-focus-icon-color: #fff;\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() project: any = {}\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[preview]') 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 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 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 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 level @change=${this._onSelectBuildingLevel}>\n                ${this.selectedBuilding?.buildingLevels?.map(level => {\n                  return html`<md-select-option .value=${level.id}>\n                    <div slot=\"headline\">${level.floorDisplayName}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n\n            <div data-row>\n              <label>검측 도면</label>\n              <md-filled-select 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              <div inspection-parts>\n                ${this.selectedInspectionDrawingType?.inspectionParts?.map(inspectionPart => {\n                  return html`\n                    <span>\n                      <md-checkbox\n                        id=${'check_' + inspectionPart.id}\n                        ?checked=\"${this.isSelected(inspectionPart)}\"\n                        @click=${() => this._onSelectInspectionPart(inspectionPart)}\n                      ></md-checkbox>\n                      <label>${inspectionPart.name}</label>\n                    </span>\n                  `\n                })}\n              </div>\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                .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 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\n            .mode=${ChecklistMode.VIEWER}\n            .projectType=${this.project.projectType}\n            .checklist=${this.checklist}\n          ></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 blue @click=${this._createInspection}>\n          <md-icon slot=\"icon\">task</md-icon>검측 등록\n        </md-elevated-button>\n        <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소</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            projectType\n            documentNaming\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.project = project\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.floorDisplayName || ''}층`,\n      documentNo: `${project.documentNaming} 검측 제01-00000호`,\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              floorDisplayName\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 = {\n      ...this.checklist,\n      location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floorDisplayName || ''}층`\n    }\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 = {\n      ...this.checklist,\n      location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floorDisplayName || ''}층`\n    }\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: 'siteSpecCriteria',\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    // 레거시 단일 검사기준(inspctionCriteria)은 현장 시방서 기준 컬럼으로 표시/편집\n    return {\n      records: (response.data.checklistTemplateItems.items || []).map(item => ({\n        ...item,\n        siteSpecCriteria: item.inspctionCriteria || ''\n      }))\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        siteSpecCriteria: item.siteSpecCriteria\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 { DrawingBundleModel } from '@dssp/drawing/dist-client/drawing-bundle/drawing-bundle-model.js'\nimport { loadDrawingBundle } from '@dssp/drawing/dist-client/drawing-bundle/drawing-bundle-loader.js'\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            & > span[info] {\n              display: flex;\n              align-items: center;\n              font-size: 15px;\n              color: #333;\n            }\n          }\n\n          div[data-row][single] {\n            grid-template-columns: 100px 1fr;\n          }\n        }\n\n        div[preview] {\n          display: flex;\n          overflow-y: auto;\n          overflow-x: hidden;\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          cursor: pointer;\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        gap: 10px;\n\n        md-elevated-button[blue] {\n          --md-elevated-button-container-color: #0595e5;\n\n          --md-elevated-button-label-text-color: #fff;\n          --md-elevated-button-hover-label-text-color: #fff;\n          --md-elevated-button-pressed-label-text-color: #fff;\n          --md-elevated-button-focus-label-text-color: #fff;\n          --md-elevated-button-icon-color: #fff;\n          --md-elevated-button-hover-icon-color: #fff;\n          --md-elevated-button-pressed-icon-color: #fff;\n          --md-elevated-button-focus-icon-color: #fff;\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() project: any = {}\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  /** 도면 번들 — 동·층으로 검측 도면(패키지 루트)을 자동 할당한다 */\n  @state() bundleModel?: DrawingBundleModel\n  /** 자동 할당된 검측 도면(패키지 루트 도면 id) */\n  @state() assignedDrawingId: 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[inspectionPart]') htmlSelectInspectionPart\n  @query('md-filled-select[checklistTemplate]') htmlSelectChecklistTemplate\n  @query('ox-grist') grist!: DataGrist\n  @query('div[preview]') 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 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 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 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 level @change=${this._onSelectBuildingLevel}>\n                ${this.selectedBuilding?.buildingLevels?.map(level => {\n                  return html`<md-select-option .value=${level.id}>\n                    <div slot=\"headline\">${level.floorDisplayName}</div>\n                  </md-select-option>`\n                })}\n              </md-filled-select>\n            </div>\n\n            <div data-row single>\n              <label>검측 도면</label>\n              <span info>${this._assignedDrawingLabel()}</span>\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                .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 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\n            .mode=${ChecklistMode.VIEWER}\n            .projectType=${this.project.projectType}\n            .checklist=${this.checklist}\n          ></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 blue @click=${this._createInspection}>\n          <md-icon slot=\"icon\">task</md-icon>검측 등록\n        </md-elevated-button>\n        <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소</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            projectType\n            documentNaming\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\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 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.project = project\n    this.buildings = [...(project?.buildingComplex?.buildings || [])]\n    this.constructionTypes = [...constructionTypes]\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.bundleModel = (await loadDrawingBundle(this.projectId)) || undefined\n\n    // 선택된 동의 층 리스트 가져오기\n    this.selectedBuilding = await this._getBuilding(this.selectedBuilding.id)\n    this.selectedConstructionType = await this._getConstructionType(this.selectedConstructionType.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\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    this._assignDrawing()\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.floorDisplayName || ''}층`,\n      documentNo: `${project.documentNaming} 검측 제01-00000호`,\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              floorDisplayName\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  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 = {\n      ...this.checklist,\n      location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floorDisplayName || ''}층`\n    }\n\n    this._assignDrawing()\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 = {\n      ...this.checklist,\n      location: `${this.selectedBuilding?.name || ''} ${this.selectedLevel.floorDisplayName || ''}층`\n    }\n\n    this._assignDrawing()\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  /**\n   * 동·층에 해당하는 도면 패키지를 찾아 검측 도면으로 자동 할당한다.\n   * 패키지의 첫 장(건축 층 평면도)이 검측 도면이 되고, 하위 도면은 하이퍼링크로 이어진다.\n   */\n  private _assignDrawing() {\n    const pkg = this.bundleModel?.packageOfLevel(this.selectedBuilding?.name, this.selectedLevel?.floor)\n    this.assignedDrawingId = pkg?.root || ''\n  }\n\n  private _assignedDrawingLabel(): string {\n    if (!this.assignedDrawingId) return '해당 동·층에 배정된 도면 패키지가 없습니다.'\n    return this.bundleModel?.drawing(this.assignedDrawingId)?.drawing_name || this.assignedDrawingId\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: 'siteSpecCriteria',\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    // 레거시 단일 검사기준(inspctionCriteria)은 현장 시방서 기준 컬럼으로 표시/편집\n    return {\n      records: (response.data.checklistTemplateItems.items || []).map(item => ({\n        ...item,\n        siteSpecCriteria: item.inspctionCriteria || ''\n      }))\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.assignedDrawingId\n    }\n    patch.checklistItem = this.checklist.checklistItems?.map(item => {\n      return {\n        name: item.name,\n        mainType: item.mainType,\n        detailType: item.detailType,\n        siteSpecCriteria: item.siteSpecCriteria\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"]}