@dssp/supervision 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.d.ts +6 -0
  2. package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.js +86 -13
  3. package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.js.map +1 -1
  4. package/dist-client/pages/building-inspection/inspection-create-popup.d.ts +1 -0
  5. package/dist-client/pages/building-inspection/inspection-create-popup.js +35 -8
  6. package/dist-client/pages/building-inspection/inspection-create-popup.js.map +1 -1
  7. package/dist-client/pages/building-inspection/inspection-part-picker.d.ts +31 -0
  8. package/dist-client/pages/building-inspection/inspection-part-picker.js +228 -0
  9. package/dist-client/pages/building-inspection/inspection-part-picker.js.map +1 -0
  10. package/dist-client/pages/building-inspection/inspection-with-checklist-create-popup.d.ts +1 -0
  11. package/dist-client/pages/building-inspection/inspection-with-checklist-create-popup.js +40 -1
  12. package/dist-client/pages/building-inspection/inspection-with-checklist-create-popup.js.map +1 -1
  13. package/dist-client/route.d.ts +1 -1
  14. package/dist-client/tsconfig.tsbuildinfo +1 -1
  15. package/dist-server/service/building-inspection/building-inspection-mutation.js +5 -1
  16. package/dist-server/service/building-inspection/building-inspection-mutation.js.map +1 -1
  17. package/dist-server/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +3 -3
package/dist-client/pages/building-inspection/inspection-create-popup.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import '@material/web/icon/icon.js';
2
2
  import '@operato/data-grist/ox-grist.js';
3
+ import './inspection-part-picker';
3
4
  import '../checklist/checklist-view';
package/dist-client/pages/building-inspection/inspection-create-popup.js CHANGED
@@ -11,6 +11,7 @@ import { notify } from '@operato/layout';
11
11
  import { BuildingInspectionStatus, CHECKLIST_MAIN_TYPE_LIST } from './building-inspection-list';
12
12
  import { DrawingBundleModel } from '@dssp/drawing/dist-client/drawing-bundle/drawing-bundle-model.js';
13
13
  import { loadDrawingBundle } from '@dssp/drawing/dist-client/drawing-bundle/drawing-bundle-loader.js';
14
+ import './inspection-part-picker';
14
15
  import '../checklist/checklist-view';
15
16
  let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
16
17
  constructor() {
@@ -28,6 +29,8 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
28
29
  this.selectedConstructionDetailType = {};
29
30
  /** 자동 할당된 검측 도면(패키지 루트 도면 id) */
30
31
  this.assignedDrawingId = '';
32
+ /** 자동 할당된 도면 패키지 — 검측 부위 후보를 여기서 뽑는다 */
33
+ this.assignedPackage = undefined;
31
34
  this.checklistTemplates = [];
32
35
  this.checklist = {};
33
36
  this.activeTab = 'edit';
@@ -91,6 +94,14 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
91
94
  <label>검측 도면</label>
92
95
  <span info>${this._assignedDrawingLabel()}</span>
93
96
  </div>
97
+
98
+ <div data-row single parts>
99
+ <label>검측 부위</label>
100
+ <inspection-part-picker
101
+ .package=${this.assignedPackage}
102
+ @change=${(e) => this._onChangeInspectionParts(e)}
103
+ ></inspection-part-picker>
104
+ </div>
94
105
  </div>
95
106
 
96
107
  <div checklist>
@@ -345,6 +356,11 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
345
356
  var _a, _b, _c;
346
357
  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);
347
358
  this.assignedDrawingId = (pkg === null || pkg === void 0 ? void 0 : pkg.root) || '';
359
+ this.assignedPackage = pkg;
360
+ this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionParts: [] }); // 후보가 달라지므로 선택을 비운다
361
+ }
362
+ _onChangeInspectionParts(e) {
363
+ this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionParts: e.detail || [] });
348
364
  }
349
365
  _assignedDrawingLabel() {
350
366
  var _a, _b;
@@ -471,7 +487,11 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
471
487
  }
472
488
  }
473
489
  async _createInspection() {
474
- var _a, _b, _c;
490
+ var _a, _b, _c, _d;
491
+ if (!((_a = this.checklist.inspectionParts) === null || _a === void 0 ? void 0 : _a.length)) {
492
+ notify({ message: '검측 부위를 선택해주세요.', level: 'warn' });
493
+ return;
494
+ }
475
495
  let patch = {};
476
496
  patch.buildingLevelId = this.htmlSelectLevel.value;
477
497
  patch.checklist = {
@@ -479,9 +499,10 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
479
499
  constructionType: this.htmlSelectConstructionType.displayText,
480
500
  constructionDetailType: this.htmlSelectConstructionDetailType.displayText,
481
501
  location: `${this.htmlSelectBuilding.displayText} ${this.htmlSelectLevel.displayText}층`,
482
- inspectionDrawingType: this.assignedDrawingId
502
+ inspectionDrawingType: this.assignedDrawingId,
503
+ inspectionParts: this.checklist.inspectionParts
483
504
  };
484
- patch.checklistItem = (_a = this.checklist.checklistItems) === null || _a === void 0 ? void 0 : _a.map(item => {
505
+ patch.checklistItem = (_b = this.checklist.checklistItems) === null || _b === void 0 ? void 0 : _b.map(item => {
485
506
  return {
486
507
  name: item.name,
487
508
  mainType: item.mainType,
@@ -507,7 +528,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
507
528
  this._close();
508
529
  }
509
530
  else {
510
- notify({ message: ((_c = (_b = response.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message) || '검측 등록에 실패하였습니다.', level: 'error' });
531
+ notify({ message: ((_d = (_c = response.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) || '검측 등록에 실패하였습니다.', level: 'error' });
511
532
  }
512
533
  }
513
534
  // Input 요소의 값이 변경될 때 호출되는 콜백 함수
@@ -609,6 +630,12 @@ InspectionCreatePopup.styles = [
609
630
  div[data-row][single] {
610
631
  grid-template-columns: 100px 1fr;
611
632
  }
633
+
634
+ /* 검측 부위는 항목이 여러 줄이라 라벨이 가운데 뜨면 어긋나 보인다 — 첫 줄에 맞춘다 */
635
+ div[data-row][parts] > label {
636
+ align-items: flex-start;
637
+ padding-top: 8px;
638
+ }
612
639
  }
613
640
 
614
641
  div[preview] {
@@ -720,6 +747,10 @@ __decorate([
720
747
  state(),
721
748
  __metadata("design:type", String)
722
749
  ], InspectionCreatePopup.prototype, "assignedDrawingId", void 0);
750
+ __decorate([
751
+ state(),
752
+ __metadata("design:type", Object)
753
+ ], InspectionCreatePopup.prototype, "assignedPackage", void 0);
723
754
  __decorate([
724
755
  state(),
725
756
  __metadata("design:type", Object)
@@ -748,10 +779,6 @@ __decorate([
748
779
  query('md-filled-select[constructionDetailType]'),
749
780
  __metadata("design:type", Object)
750
781
  ], InspectionCreatePopup.prototype, "htmlSelectConstructionDetailType", void 0);
751
- __decorate([
752
- query('md-filled-select[inspectionPart]'),
753
- __metadata("design:type", Object)
754
- ], InspectionCreatePopup.prototype, "htmlSelectInspectionPart", void 0);
755
782
  __decorate([
756
783
  query('md-filled-select[checklistTemplate]'),
757
784
  __metadata("design:type", Object)
package/dist-client/pages/building-inspection/inspection-create-popup.js.map CHANGED
@@ -1 +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 { 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"]}
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 { 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 './inspection-part-picker'\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[data-row][parts] > label {\n align-items: flex-start;\n padding-top: 8px;\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() assignedPackage: any = undefined\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[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\n <div data-row single parts>\n <label>검측 부위</label>\n <inspection-part-picker\n .package=${this.assignedPackage}\n @change=${(e: CustomEvent) => this._onChangeInspectionParts(e)}\n ></inspection-part-picker>\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 this.assignedPackage = pkg\n this.checklist = { ...this.checklist, inspectionParts: [] } // 후보가 달라지므로 선택을 비운다\n }\n\n private _onChangeInspectionParts(e: CustomEvent) {\n this.checklist = { ...this.checklist, inspectionParts: e.detail || [] }\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 if (!this.checklist.inspectionParts?.length) {\n notify({ message: '검측 부위를 선택해주세요.', level: 'warn' })\n return\n }\n\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 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"]}
package/dist-client/pages/building-inspection/inspection-part-picker.d.ts ADDED
@@ -0,0 +1,31 @@
1
+ import '@material/web/checkbox/checkbox.js';
2
+ import '@material/web/textfield/filled-text-field.js';
3
+ import { LitElement } from 'lit';
4
+ import { BundlePackage } from '@dssp/drawing/dist-client/drawing-bundle/bundle-types.js';
5
+ export declare class InspectionPartPicker extends LitElement {
6
+ static styles: import("lit").CSSResult[];
7
+ /** 동·층으로 배정된 도면 패키지. 없으면 「기타」만 고를 수 있다 */
8
+ package?: BundlePackage;
9
+ /** 1차 태그 → 2차 부위들. 값이 있으면(빈 배열이라도) 1차가 체크된 상태다 */
10
+ private checked;
11
+ /** 기타 입력값. 1차는 '기타', 2차는 '84㎡B형|기타' 를 키로 쓴다 */
12
+ private etcText;
13
+ /** 하위 부위를 가진 1차 후보 — 세대타입 */
14
+ private get unitTags();
15
+ /** 하위가 없는 1차 후보 — 시설물과 기타 */
16
+ private get flatTags();
17
+ /** 1차 후보 전체. 저장 순서도 이 순서를 따른다 */
18
+ private get tags();
19
+ /** 저장될 값. `84㎡B형 - 벽체` 처럼 1차와 2차를 한 칸에 합친다 */
20
+ get value(): string[];
21
+ /** 동·층이 바뀌면 후보가 통째로 달라지므로 선택을 비운다 */
22
+ protected willUpdate(changes: Map<string, unknown>): void;
23
+ render(): import("lit-html").TemplateResult<1>;
24
+ private _renderCheck;
25
+ /** 세대타입을 고르면 아래에 2차 부위를 펼친다 */
26
+ private _renderUnitParts;
27
+ private _renderEtcInput;
28
+ private _toggleTag;
29
+ private _togglePart;
30
+ private _notify;
31
+ }
package/dist-client/pages/building-inspection/inspection-part-picker.js ADDED
@@ -0,0 +1,228 @@
1
+ import { __decorate, __metadata } from "tslib";
2
+ import '@material/web/checkbox/checkbox.js';
3
+ import '@material/web/textfield/filled-text-field.js';
4
+ import { LitElement, css, html } from 'lit';
5
+ import { customElement, property, state } from 'lit/decorators.js';
6
+ /**
7
+ * 검측 부위 선택기 (DCSP 검측 등록 팝업 공용).
8
+ *
9
+ * 부위 목록을 따로 관리하지 않고 **도면 분류 정보에서 뽑는다.**
10
+ * 동·층으로 배정된 도면 패키지에 그 층 평면도와 연결된 태그가 이미 들어 있다.
11
+ *
12
+ * 1차 세대타입(84㎡B형 …) + 시설물(계단·승강기) + 기타 ← 패키지에서 뽑는다
13
+ * 2차 천장·바닥·벽체·기둥·보·슬라브·창호·기타 ← 세대타입을 고른 것만 펼친다
14
+ * 3차 기타를 고른 자리마다 직접 입력
15
+ *
16
+ * 결과는 `checklist.inspectionParts` 에 그대로 들어갈 문자열 배열이다 (`84㎡B형 - 벽체`).
17
+ */
18
+ /** 2차 부위 — 고정값 */
19
+ const UNIT_PARTS = ['천장', '바닥', '벽체', '기둥', '보', '슬라브', '창호', '기타'];
20
+ const ETC = '기타';
21
+ let InspectionPartPicker = class InspectionPartPicker extends LitElement {
22
+ constructor() {
23
+ super(...arguments);
24
+ /** 1차 태그 → 2차 부위들. 값이 있으면(빈 배열이라도) 1차가 체크된 상태다 */
25
+ this.checked = {};
26
+ /** 기타 입력값. 1차는 '기타', 2차는 '84㎡B형|기타' 를 키로 쓴다 */
27
+ this.etcText = {};
28
+ }
29
+ /** 하위 부위를 가진 1차 후보 — 세대타입 */
30
+ get unitTags() {
31
+ var _a;
32
+ return (((_a = this.package) === null || _a === void 0 ? void 0 : _a.units) || []).map(unit => unit.type);
33
+ }
34
+ /** 하위가 없는 1차 후보 — 시설물과 기타 */
35
+ get flatTags() {
36
+ var _a;
37
+ return [...(((_a = this.package) === null || _a === void 0 ? void 0 : _a.facilities) || []).map(facility => facility.kind), ETC];
38
+ }
39
+ /** 1차 후보 전체. 저장 순서도 이 순서를 따른다 */
40
+ get tags() {
41
+ return [
42
+ ...this.unitTags.map(name => ({ name, unit: true })),
43
+ ...this.flatTags.map(name => ({ name, unit: false }))
44
+ ];
45
+ }
46
+ /** 저장될 값. `84㎡B형 - 벽체` 처럼 1차와 2차를 한 칸에 합친다 */
47
+ get value() {
48
+ const parts = [];
49
+ for (const tag of this.tags) {
50
+ const selected = this.checked[tag.name];
51
+ if (!selected)
52
+ continue;
53
+ // 1차 기타는 입력한 문구가 곧 부위 이름이다. 비었으면 버린다
54
+ const head = tag.name === ETC ? (this.etcText[ETC] || '').trim() : tag.name;
55
+ if (!head)
56
+ continue;
57
+ if (!selected.length) {
58
+ parts.push(head);
59
+ continue;
60
+ }
61
+ for (const part of selected) {
62
+ const tail = part === ETC ? (this.etcText[`${tag.name}|${ETC}`] || '').trim() : part;
63
+ parts.push(tail ? `${head} - ${tail}` : head);
64
+ }
65
+ }
66
+ return [...new Set(parts)];
67
+ }
68
+ /** 동·층이 바뀌면 후보가 통째로 달라지므로 선택을 비운다 */
69
+ willUpdate(changes) {
70
+ if (changes.has('package')) {
71
+ this.checked = {};
72
+ this.etcText = {};
73
+ }
74
+ }
75
+ render() {
76
+ return html `
77
+ ${!this.package ? html `<div guide>도면 패키지가 없어 「기타」만 입력할 수 있습니다.</div>` : ''}
78
+ ${this.unitTags.map(tag => html `
79
+ <div unit>
80
+ ${this._renderCheck(tag, !!this.checked[tag], on => this._toggleTag(tag, on))}
81
+ ${this.checked[tag] ? this._renderUnitParts(tag) : ''}
82
+ </div>
83
+ `)}
84
+
85
+ <div flat>
86
+ ${this.flatTags.map(tag => this._renderCheck(tag, !!this.checked[tag], on => this._toggleTag(tag, on)))}
87
+ ${this.checked[ETC] ? this._renderEtcInput(ETC) : ''}
88
+ </div>
89
+ `;
90
+ }
91
+ _renderCheck(name, on, toggle) {
92
+ return html `
93
+ <span check ?on=${on}>
94
+ <md-checkbox ?checked=${on} @change=${(e) => toggle(e.target.checked)}></md-checkbox>
95
+ <label @click=${() => toggle(!on)}>${name}</label>
96
+ </span>
97
+ `;
98
+ }
99
+ /** 세대타입을 고르면 아래에 2차 부위를 펼친다 */
100
+ _renderUnitParts(tag) {
101
+ const selected = this.checked[tag] || [];
102
+ return html `
103
+ <div parts>
104
+ ${UNIT_PARTS.map(part => this._renderCheck(part, selected.includes(part), on => this._togglePart(tag, part, on)))}
105
+ ${selected.includes(ETC) ? this._renderEtcInput(`${tag}|${ETC}`) : ''}
106
+ </div>
107
+ `;
108
+ }
109
+ _renderEtcInput(key) {
110
+ return html `
111
+ <md-filled-text-field
112
+ placeholder="직접 입력"
113
+ .value=${this.etcText[key] || ''}
114
+ @input=${(e) => {
115
+ this.etcText = Object.assign(Object.assign({}, this.etcText), { [key]: e.target.value });
116
+ this._notify();
117
+ }}
118
+ ></md-filled-text-field>
119
+ `;
120
+ }
121
+ _toggleTag(tag, on) {
122
+ const checked = Object.assign({}, this.checked);
123
+ if (on)
124
+ checked[tag] = checked[tag] || [];
125
+ else
126
+ delete checked[tag];
127
+ this.checked = checked;
128
+ this._notify();
129
+ }
130
+ _togglePart(tag, part, on) {
131
+ const selected = this.checked[tag] || [];
132
+ this.checked = Object.assign(Object.assign({}, this.checked), { [tag]: on ? [...selected, part] : selected.filter(x => x !== part) });
133
+ this._notify();
134
+ }
135
+ _notify() {
136
+ this.dispatchEvent(new CustomEvent('change', { detail: this.value, bubbles: true, composed: true }));
137
+ }
138
+ };
139
+ InspectionPartPicker.styles = [
140
+ css `
141
+ :host {
142
+ display: block;
143
+ padding-top: 4px;
144
+ font-size: 14px;
145
+ }
146
+
147
+ /* 체크박스가 기본 크기면 글자보다 커서 줄이 붕 뜬다. 누르는 영역(state layer)은 유지한다 */
148
+ md-checkbox {
149
+ --md-checkbox-container-size: 18px;
150
+ --md-checkbox-icon-size: 15px;
151
+ --md-checkbox-state-layer-size: 32px;
152
+ }
153
+
154
+ span[check] {
155
+ display: inline-flex;
156
+ align-items: center;
157
+ gap: 6px;
158
+ white-space: nowrap;
159
+
160
+ label {
161
+ color: #555;
162
+ cursor: pointer;
163
+ user-select: none;
164
+ }
165
+
166
+ &[on] > label {
167
+ color: #222;
168
+ font-weight: 600;
169
+ }
170
+ }
171
+
172
+ /* 세대타입 — 하위 부위를 가진 항목 */
173
+ div[unit] + div[unit] {
174
+ margin-top: 2px;
175
+ }
176
+
177
+ div[parts] {
178
+ display: flex;
179
+ flex-wrap: wrap;
180
+ align-items: center;
181
+ gap: 4px 14px;
182
+ max-width: 620px;
183
+ margin: 2px 0 8px 9px;
184
+ padding: 6px 0 6px 14px;
185
+ border-left: 2px solid #d9d9d9;
186
+ }
187
+
188
+ /* 시설물·기타 — 하위가 없으니 한 줄로 모은다 */
189
+ div[flat] {
190
+ display: flex;
191
+ flex-wrap: wrap;
192
+ gap: 4px 18px;
193
+ margin-top: 6px;
194
+ padding-top: 8px;
195
+ border-top: 1px solid #ececec;
196
+ }
197
+
198
+ md-filled-text-field {
199
+ width: 200px;
200
+ --md-filled-text-field-container-color: transparent;
201
+ --md-filled-text-field-top-space: 6px;
202
+ --md-filled-text-field-bottom-space: 6px;
203
+ --md-filled-text-field-input-text-size: 14px;
204
+ }
205
+
206
+ div[guide] {
207
+ margin-bottom: 6px;
208
+ color: #999;
209
+ }
210
+ `
211
+ ];
212
+ __decorate([
213
+ property({ type: Object }),
214
+ __metadata("design:type", Object)
215
+ ], InspectionPartPicker.prototype, "package", void 0);
216
+ __decorate([
217
+ state(),
218
+ __metadata("design:type", Object)
219
+ ], InspectionPartPicker.prototype, "checked", void 0);
220
+ __decorate([
221
+ state(),
222
+ __metadata("design:type", Object)
223
+ ], InspectionPartPicker.prototype, "etcText", void 0);
224
+ InspectionPartPicker = __decorate([
225
+ customElement('inspection-part-picker')
226
+ ], InspectionPartPicker);
227
+ export { InspectionPartPicker };
228
+ //# sourceMappingURL=inspection-part-picker.js.map
package/dist-client/pages/building-inspection/inspection-part-picker.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inspection-part-picker.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/inspection-part-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/checkbox/checkbox.js'\nimport '@material/web/textfield/filled-text-field.js'\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { BundlePackage } from '@dssp/drawing/dist-client/drawing-bundle/bundle-types.js'\n\n/**\n * 검측 부위 선택기 (DCSP 검측 등록 팝업 공용).\n *\n * 부위 목록을 따로 관리하지 않고 **도면 분류 정보에서 뽑는다.**\n * 동·층으로 배정된 도면 패키지에 그 층 평면도와 연결된 태그가 이미 들어 있다.\n *\n * 1차 세대타입(84㎡B형 …) + 시설물(계단·승강기) + 기타 ← 패키지에서 뽑는다\n * 2차 천장·바닥·벽체·기둥·보·슬라브·창호·기타 ← 세대타입을 고른 것만 펼친다\n * 3차 기타를 고른 자리마다 직접 입력\n *\n * 결과는 `checklist.inspectionParts` 에 그대로 들어갈 문자열 배열이다 (`84㎡B형 - 벽체`).\n */\n\n/** 2차 부위 — 고정값 */\nconst UNIT_PARTS = ['천장', '바닥', '벽체', '기둥', '보', '슬라브', '창호', '기타']\nconst ETC = '기타'\n\n@customElement('inspection-part-picker')\nexport class InspectionPartPicker extends LitElement {\n static styles = [\n css`\n :host {\n display: block;\n padding-top: 4px;\n font-size: 14px;\n }\n\n /* 체크박스가 기본 크기면 글자보다 커서 줄이 붕 뜬다. 누르는 영역(state layer)은 유지한다 */\n md-checkbox {\n --md-checkbox-container-size: 18px;\n --md-checkbox-icon-size: 15px;\n --md-checkbox-state-layer-size: 32px;\n }\n\n span[check] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n\n label {\n color: #555;\n cursor: pointer;\n user-select: none;\n }\n\n &[on] > label {\n color: #222;\n font-weight: 600;\n }\n }\n\n /* 세대타입 — 하위 부위를 가진 항목 */\n div[unit] + div[unit] {\n margin-top: 2px;\n }\n\n div[parts] {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 4px 14px;\n max-width: 620px;\n margin: 2px 0 8px 9px;\n padding: 6px 0 6px 14px;\n border-left: 2px solid #d9d9d9;\n }\n\n /* 시설물·기타 — 하위가 없으니 한 줄로 모은다 */\n div[flat] {\n display: flex;\n flex-wrap: wrap;\n gap: 4px 18px;\n margin-top: 6px;\n padding-top: 8px;\n border-top: 1px solid #ececec;\n }\n\n md-filled-text-field {\n width: 200px;\n --md-filled-text-field-container-color: transparent;\n --md-filled-text-field-top-space: 6px;\n --md-filled-text-field-bottom-space: 6px;\n --md-filled-text-field-input-text-size: 14px;\n }\n\n div[guide] {\n margin-bottom: 6px;\n color: #999;\n }\n `\n ]\n\n /** 동·층으로 배정된 도면 패키지. 없으면 「기타」만 고를 수 있다 */\n @property({ type: Object }) package?: BundlePackage\n\n /** 1차 태그 → 2차 부위들. 값이 있으면(빈 배열이라도) 1차가 체크된 상태다 */\n @state() private checked: { [tag: string]: string[] } = {}\n /** 기타 입력값. 1차는 '기타', 2차는 '84㎡B형|기타' 를 키로 쓴다 */\n @state() private etcText: { [key: string]: string } = {}\n\n /** 하위 부위를 가진 1차 후보 — 세대타입 */\n private get unitTags(): string[] {\n return (this.package?.units || []).map(unit => unit.type)\n }\n\n /** 하위가 없는 1차 후보 — 시설물과 기타 */\n private get flatTags(): string[] {\n return [...(this.package?.facilities || []).map(facility => facility.kind), ETC]\n }\n\n /** 1차 후보 전체. 저장 순서도 이 순서를 따른다 */\n private get tags(): { name: string; unit: boolean }[] {\n return [\n ...this.unitTags.map(name => ({ name, unit: true })),\n ...this.flatTags.map(name => ({ name, unit: false }))\n ]\n }\n\n /** 저장될 값. `84㎡B형 - 벽체` 처럼 1차와 2차를 한 칸에 합친다 */\n get value(): string[] {\n const parts: string[] = []\n\n for (const tag of this.tags) {\n const selected = this.checked[tag.name]\n if (!selected) continue\n\n // 1차 기타는 입력한 문구가 곧 부위 이름이다. 비었으면 버린다\n const head = tag.name === ETC ? (this.etcText[ETC] || '').trim() : tag.name\n if (!head) continue\n\n if (!selected.length) {\n parts.push(head)\n continue\n }\n\n for (const part of selected) {\n const tail = part === ETC ? (this.etcText[`${tag.name}|${ETC}`] || '').trim() : part\n parts.push(tail ? `${head} - ${tail}` : head)\n }\n }\n\n return [...new Set(parts)]\n }\n\n /** 동·층이 바뀌면 후보가 통째로 달라지므로 선택을 비운다 */\n protected willUpdate(changes: Map<string, unknown>) {\n if (changes.has('package')) {\n this.checked = {}\n this.etcText = {}\n }\n }\n\n render() {\n return html`\n ${!this.package ? html`<div guide>도면 패키지가 없어 「기타」만 입력할 수 있습니다.</div>` : ''}\n ${this.unitTags.map(\n tag => html`\n <div unit>\n ${this._renderCheck(tag, !!this.checked[tag], on => this._toggleTag(tag, on))}\n ${this.checked[tag] ? this._renderUnitParts(tag) : ''}\n </div>\n `\n )}\n\n <div flat>\n ${this.flatTags.map(tag => this._renderCheck(tag, !!this.checked[tag], on => this._toggleTag(tag, on)))}\n ${this.checked[ETC] ? this._renderEtcInput(ETC) : ''}\n </div>\n `\n }\n\n private _renderCheck(name: string, on: boolean, toggle: (on: boolean) => void) {\n return html`\n <span check ?on=${on}>\n <md-checkbox ?checked=${on} @change=${(e: Event) => toggle((e.target as HTMLInputElement).checked)}></md-checkbox>\n <label @click=${() => toggle(!on)}>${name}</label>\n </span>\n `\n }\n\n /** 세대타입을 고르면 아래에 2차 부위를 펼친다 */\n private _renderUnitParts(tag: string) {\n const selected = this.checked[tag] || []\n\n return html`\n <div parts>\n ${UNIT_PARTS.map(part =>\n this._renderCheck(part, selected.includes(part), on => this._togglePart(tag, part, on))\n )}\n ${selected.includes(ETC) ? this._renderEtcInput(`${tag}|${ETC}`) : ''}\n </div>\n `\n }\n\n private _renderEtcInput(key: string) {\n return html`\n <md-filled-text-field\n placeholder=\"직접 입력\"\n .value=${this.etcText[key] || ''}\n @input=${(e: Event) => {\n this.etcText = { ...this.etcText, [key]: (e.target as HTMLInputElement).value }\n this._notify()\n }}\n ></md-filled-text-field>\n `\n }\n\n private _toggleTag(tag: string, on: boolean) {\n const checked = { ...this.checked }\n if (on) checked[tag] = checked[tag] || []\n else delete checked[tag]\n\n this.checked = checked\n this._notify()\n }\n\n private _togglePart(tag: string, part: string, on: boolean) {\n const selected = this.checked[tag] || []\n this.checked = {\n ...this.checked,\n [tag]: on ? [...selected, part] : selected.filter(x => x !== part)\n }\n this._notify()\n }\n\n private _notify() {\n this.dispatchEvent(new CustomEvent('change', { detail: this.value, bubbles: true, composed: true }))\n }\n}\n"]}
package/dist-client/pages/building-inspection/inspection-with-checklist-create-popup.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import '@material/web/icon/icon.js';
2
2
  import '@operato/data-grist/ox-grist.js';
3
+ import './inspection-part-picker';
3
4
  import '../checklist/checklist-view';
4
5
  import '../checklist/kcs-criteria-popup';