@dssp/supervision 0.0.8 → 0.0.10

package/dist-client/pages/building-inspection/building-inspection-list.js

@@ -0,0 +1,434 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles';
+import { PageView, navigate } from '@operato/shell';
+import { css, html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
+import gql from 'graphql-tag';
+import { openPopup } from '@operato/layout';
+import './inspection-create-popup';
+import '@operato/event-view/ox-event-view.js';
+export var ChecklistTypeMainType;
+(function (ChecklistTypeMainType) {
+    ChecklistTypeMainType["BASIC"] = "10";
+    ChecklistTypeMainType["NON_BASIC"] = "20";
+})(ChecklistTypeMainType || (ChecklistTypeMainType = {}));
+export const CHECKLIST_MAIN_TYPE_LIST = {
+    [ChecklistTypeMainType.BASIC]: '기본 업무',
+    [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'
+};
+export var BuildingInspectionStatus;
+(function (BuildingInspectionStatus) {
+    BuildingInspectionStatus["WAIT"] = "WAIT";
+    BuildingInspectionStatus["REQUEST"] = "REQUEST";
+    BuildingInspectionStatus["PASS"] = "PASS";
+    BuildingInspectionStatus["FAIL"] = "FAIL";
+})(BuildingInspectionStatus || (BuildingInspectionStatus = {}));
+export const BUILDING_INSPECTION_STATUS = {
+    [BuildingInspectionStatus.WAIT]: '검측 대기',
+    [BuildingInspectionStatus.REQUEST]: '검측 요청',
+    [BuildingInspectionStatus.PASS]: '합격',
+    [BuildingInspectionStatus.FAIL]: '불합격'
+};
+let BuildingInspectionList = class BuildingInspectionList extends ScopedElementsMixin(PageView) {
+    constructor() {
+        super(...arguments);
+        this.defaultProject = {
+            name: '',
+            buildingComplex: {
+                buildings: []
+            }
+        };
+        this.buildingLevelId = '';
+        this.project = Object.assign({}, this.defaultProject);
+        this.location = '';
+        this.building = {};
+        this.drawingImage = '';
+        this.buildingInspectionSummary = {};
+    }
+    get context() {
+        return {
+            title: '검측 관리',
+            actions: [
+                Object.assign({ title: '검측 등록', action: this._openCreateInspection.bind(this) }, CommonButtonStyles.submit),
+                Object.assign({ title: '삭제', action: this._deleteChecklistType.bind(this) }, CommonButtonStyles.delete)
+            ]
+        };
+    }
+    render() {
+        return html `
+      <div header>
+        <h2>${this.project.name} ${this.location}</h2>
+      </div>
+
+      <div body>
+        <div top>
+          <img drawing src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />
+          <div>
+            <h3>${this.location} 검측 현황</h3>
+            <div inspection-data>
+              <div>
+                ${Object.entries(BUILDING_INSPECTION_STATUS).map(status => html ` <div>${status[1]} ${this.buildingInspectionSummary[status[0].toLowerCase()]}건</div> `)}
+              </div>
+              <ox-event-view mode=${'monthly'}> </ox-event-view>
+            </div>
+          </div>
+        </div>
+
+        <div bottom>
+          <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist>
+        </div>
+      </div>
+    `;
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.buildingLevelId = lifecycle.resourceId || '';
+            await this.initProject(this.buildingLevelId);
+            this.grist.fetch();
+        }
+    }
+    async initProject(buildingLevelId = '') {
+        var _a, _b;
+        const response = await client.query({
+            query: gql `
+        query ProjectByBuildingLevelId($buildingLevelId: String!) {
+          projectByBuildingLevelId(buildingLevelId: $buildingLevelId) {
+            id
+            name
+            mainPhoto {
+              fullpath
+            }
+            buildingComplex {
+              id
+              drawing {
+                id
+                name
+                fullpath
+              }
+              buildings {
+                id
+                name
+              }
+            }
+          }
+
+          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {
+            wait
+            request
+            pass
+            fail
+          }
+        }
+      `,
+            variables: {
+                buildingLevelId
+            }
+        });
+        if (response.errors)
+            return;
+        this.project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.projectByBuildingLevelId;
+        this.buildingInspectionSummary = (_b = response.data) === null || _b === void 0 ? void 0 : _b.buildingInspectionSummaryOfBuildingLevel;
+        // 캘린더 최소 높이 속성 수정
+        this.eventView.style.setProperty('--calendar-monthly-date-min-height', '50px');
+    }
+    async pageInitialized(lifecycle) {
+        this.gristConfig = {
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                {
+                    type: 'string',
+                    name: 'id',
+                    hidden: true
+                },
+                {
+                    type: 'string',
+                    name: 'location',
+                    header: '위치',
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'constructionType',
+                    header: '공종',
+                    width: 120
+                },
+                {
+                    type: 'string',
+                    name: 'inspectionParts',
+                    header: '검측 부위',
+                    record: {
+                        renderer: value => (value === null || value === void 0 ? void 0 : value.join(', ')) || ''
+                    },
+                    width: 200
+                },
+                {
+                    type: 'string',
+                    name: 'requestDate',
+                    header: '검측 요청일',
+                    width: 120
+                },
+                {
+                    type: 'string',
+                    name: 'status',
+                    header: '검측 결과',
+                    record: {
+                        renderer: value => BUILDING_INSPECTION_STATUS[value]
+                    },
+                    width: 120
+                },
+                {
+                    type: 'datetime',
+                    name: '',
+                    header: '검측 결과 데이터',
+                    width: 180
+                }
+            ],
+            rows: {
+                selectable: {
+                    multiple: true
+                },
+                appendable: false,
+                handlers: {
+                    click: (columns, data, column, record, rowIndex) => {
+                        navigate(`building-inspection-detail-drawing/${record.id}`);
+                    }
+                }
+            },
+            sorters: [{ name: 'requestDate' }]
+        };
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (!this.buildingLevelId)
+            return;
+        const response = await client.query({
+            query: gql `
+        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!) {
+          buildingInspectionsOfBuildingLevel(params: $params) {
+            items {
+              id
+              status
+              requestDate
+              buildingLevel {
+                floor
+                building {
+                  id
+                  name
+                }
+                mainDrawing {
+                  id
+                  name
+                  fullpath
+                }
+                mainDrawingImage
+              }
+              checklist {
+                checklistId: id
+                name
+                constructionType
+                constructionDetailType
+                location
+                inspectionParts
+              }
+            }
+            total
+          }
+        }
+      `,
+            variables: {
+                params: {
+                    buildingLevelId: this.buildingLevelId,
+                    limit: 0
+                }
+            }
+        });
+        let items = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionsOfBuildingLevel) === null || _b === void 0 ? void 0 : _b.items) || [];
+        items = items.map(item => (Object.assign(Object.assign(Object.assign({}, item), item.checklist), { requestDate: this._formatDate(item.requestDate) })));
+        this.location = ((_d = (_c = items[0]) === null || _c === void 0 ? void 0 : _c.checklist) === null || _d === void 0 ? void 0 : _d.location) || '';
+        this.drawingImage = ((_f = (_e = items[0]) === null || _e === void 0 ? void 0 : _e.buildingLevel) === null || _f === void 0 ? void 0 : _f.mainDrawingImage) || '';
+        this.building = ((_h = (_g = items[0]) === null || _g === void 0 ? void 0 : _g.buildingLevel) === null || _h === void 0 ? void 0 : _h.building) || {};
+        return {
+            total: ((_k = (_j = response.data) === null || _j === void 0 ? void 0 : _j.buildingInspectionsOfBuildingLevel) === null || _k === void 0 ? void 0 : _k.total) || 0,
+            records: items
+        };
+    }
+    async _deleteChecklistType() {
+        if (confirm('삭제하시겠습니까?')) {
+            const ids = this.grist.selected.map(record => record.id);
+            if (ids && ids.length > 0) {
+                const response = await client.mutate({
+                    mutation: gql `
+            mutation ($ids: [String!]!) {
+              deleteBuildingInspections(ids: $ids)
+            }
+          `,
+                    variables: {
+                        ids
+                    }
+                });
+                if (!response.errors) {
+                    this.grist.fetch();
+                    notify({ message: '삭제되었습니다.' });
+                }
+            }
+        }
+    }
+    _openCreateInspection() {
+        openPopup(html `
+        <inspection-create-popup
+          .projectId=${this.project.id}
+          .selectedBuildingId=${this.building.id}
+          .selectedBuildingLevelId=${this.buildingLevelId}
+          @requestRefresh="${() => this.grist.fetch()}"
+        ></inspection-create-popup>
+      `, {
+            backdrop: true,
+            size: 'large',
+            title: '검측 요청서 등록'
+        });
+    }
+    _formatDate(date) {
+        return date
+            ? new Intl.DateTimeFormat('en-CA', {
+                timeZone: 'Asia/Seoul',
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit'
+            }).format(new Date(date))
+            : '';
+    }
+};
+BuildingInspectionList.styles = [
+    ScrollbarStyles,
+    CommonGristStyles,
+    css `
+      :host {
+        display: grid;
+        grid-template-rows: 75px auto;
+        color: #4e5055;
+
+        width: 100%;
+        background-color: #f7f7f7;
+        overflow-y: auto;
+
+        --grid-record-emphasized-background-color: red;
+        --grid-record-emphasized-color: yellow;
+      }
+
+      md-filled-button {
+        --md-filled-button-container-color: #0595e5;
+        --md-filled-button-container-height: 30px;
+        --md-filled-button-trailing-space: 15px;
+        --md-filled-button-leading-space: 15px;
+      }
+      md-outlined-button {
+        --md-outlined-button-container-height: 30px;
+        --md-outlined-button-trailing-space: 15px;
+        --md-outlined-button-leading-space: 15px;
+      }
+
+      *[bold] {
+        font-weight: bold;
+      }
+
+      div[header] {
+        display: flex;
+        margin: 0px 20px;
+
+        h2 {
+          flex: 0.5;
+          color: #3f71a0;
+        }
+      }
+
+      div[body] {
+        display: flex;
+        flex-direction: column;
+        margin: 0px 25px 25px 25px;
+        gap: 10px;
+        min-height: fit-content;
+
+        h3 {
+          color: #2e79be;
+          font-size: 18px;
+          margin: 0px;
+        }
+
+        & > div {
+          display: flex;
+          gap: 10px;
+          padding: 15px;
+          border-radius: 5px;
+        }
+
+        div[top] {
+          background-color: #ffffff;
+          border: 1px solid #cccccc80;
+
+          img[drawing] {
+            width: 400px;
+            height: 400px;
+          }
+
+          div[inspection-data] {
+            display: flex;
+          }
+        }
+
+        div[bottom] {
+          height: auto;
+          overflow-y: auto;
+          display: flex;
+          flex-direction: column;
+        }
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionList.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionList.prototype, "buildingLevelId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionList.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionList.prototype, "location", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionList.prototype, "building", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionList.prototype, "drawingImage", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionList.prototype, "buildingInspectionSummary", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], BuildingInspectionList.prototype, "grist", void 0);
+__decorate([
+    query('ox-event-view'),
+    __metadata("design:type", HTMLElement)
+], BuildingInspectionList.prototype, "eventView", void 0);
+BuildingInspectionList = __decorate([
+    customElement('building-inspection-list')
+], BuildingInspectionList);
+export { BuildingInspectionList };
+//# sourceMappingURL=building-inspection-list.js.map

package/dist-client/pages/building-inspection/building-inspection-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-inspection-list.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\nimport './inspection-create-popup'\nimport '@operato/event-view/ox-event-view.js'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\nexport enum BuildingInspectionStatus {\n  WAIT = 'WAIT',\n  REQUEST = 'REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.PASS]: '합격',\n  [BuildingInspectionStatus.FAIL]: '불합격'\n}\n\n@customElement('building-inspection-list')\nexport class BuildingInspectionList extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n      }\n\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n        min-height: fit-content;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n        }\n\n        & > div {\n          display: flex;\n          gap: 10px;\n          padding: 15px;\n          border-radius: 5px;\n        }\n\n        div[top] {\n          background-color: #ffffff;\n          border: 1px solid #cccccc80;\n\n          img[drawing] {\n            width: 400px;\n            height: 400px;\n          }\n\n          div[inspection-data] {\n            display: flex;\n          }\n        }\n\n        div[bottom] {\n          height: auto;\n          overflow-y: auto;\n          display: flex;\n          flex-direction: column;\n        }\n      }\n    `\n  ]\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() buildingLevelId: string = ''\n  @state() project: any = { ...this.defaultProject }\n  @state() location: string = ''\n  @state() building: any = {}\n  @state() drawingImage: string = ''\n  @state() buildingInspectionSummary: any = {}\n\n  @query('ox-grist') private grist!: DataGrist\n  @query('ox-event-view') private eventView!: HTMLElement\n\n  get context() {\n    return {\n      title: '검측 관리',\n      actions: [\n        {\n          title: '검측 등록',\n          action: this._openCreateInspection.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name} ${this.location}</h2>\n      </div>\n\n      <div body>\n        <div top>\n          <img drawing src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          <div>\n            <h3>${this.location} 검측 현황</h3>\n            <div inspection-data>\n              <div>\n                ${Object.entries(BUILDING_INSPECTION_STATUS).map(\n                  status => html` <div>${status[1]} ${this.buildingInspectionSummary[status[0].toLowerCase()]}건</div> `\n                )}\n              </div>\n              <ox-event-view mode=${'monthly'}> </ox-event-view>\n            </div>\n          </div>\n        </div>\n\n        <div bottom>\n          <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingLevelId = lifecycle.resourceId || ''\n\n      await this.initProject(this.buildingLevelId)\n      this.grist.fetch()\n    }\n  }\n\n  async initProject(buildingLevelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingLevelId($buildingLevelId: String!) {\n          projectByBuildingLevelId(buildingLevelId: $buildingLevelId) {\n            id\n            name\n            mainPhoto {\n              fullpath\n            }\n            buildingComplex {\n              id\n              drawing {\n                id\n                name\n                fullpath\n              }\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.projectByBuildingLevelId\n    this.buildingInspectionSummary = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    // 캘린더 최소 높이 속성 수정\n    this.eventView.style.setProperty('--calendar-monthly-date-min-height', '50px')\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'location',\n          header: '위치',\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'constructionType',\n          header: '공종',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'inspectionParts',\n          header: '검측 부위',\n          record: {\n            renderer: value => value?.join(', ') || ''\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'requestDate',\n          header: '검측 요청일',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'status',\n          header: '검측 결과',\n          record: {\n            renderer: value => BUILDING_INSPECTION_STATUS[value]\n          },\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: '',\n          header: '검측 결과 데이터',\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        appendable: false,\n        handlers: {\n          click: (columns, data, column, record, rowIndex) => {\n            navigate(`building-inspection-detail-drawing/${record.id}`)\n          }\n        }\n      },\n      sorters: [{ name: 'requestDate' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (!this.buildingLevelId) return\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              buildingLevel {\n                floor\n                building {\n                  id\n                  name\n                }\n                mainDrawing {\n                  id\n                  name\n                  fullpath\n                }\n                mainDrawingImage\n              }\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n              }\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        }\n      }\n    })\n\n    let items = response.data?.buildingInspectionsOfBuildingLevel?.items || []\n    items = items.map(item => ({\n      ...item,\n      ...item.checklist,\n      requestDate: this._formatDate(item.requestDate)\n    }))\n\n    this.location = items[0]?.checklist?.location || ''\n    this.drawingImage = items[0]?.buildingLevel?.mainDrawingImage || ''\n    this.building = items[0]?.buildingLevel?.building || {}\n\n    return {\n      total: response.data?.buildingInspectionsOfBuildingLevel?.total || 0,\n      records: items\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteBuildingInspections(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private _openCreateInspection() {\n    openPopup(\n      html`\n        <inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.building.id}\n          .selectedBuildingLevelId=${this.buildingLevelId}\n          @requestRefresh=\"${() => this.grist.fetch()}\"\n        ></inspection-create-popup>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: '검측 요청서 등록'\n      }\n    )\n  }\n\n  private _formatDate(date: Date | undefined) {\n    return date\n      ? new Intl.DateTimeFormat('en-CA', {\n          timeZone: 'Asia/Seoul',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit'\n        }).format(new Date(date))\n      : ''\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/building-inspection-detail-header.d.ts

@@ -0,0 +1 @@
+import '@material/web/icon/icon.js';

package/dist-client/pages/building-inspection/component/building-inspection-detail-header.js

@@ -0,0 +1,118 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
+let buildingInspectionDetailHeader = class buildingInspectionDetailHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.buildingInspectionId = '';
+        this.buildingLevelId = '';
+        this.projectName = '';
+        this.buildingName = '';
+        this.buildingLevelFloor = '';
+    }
+    render() {
+        return html `
+      <div header>
+        <h2>${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층</h2>
+        <div button-container>
+          <md-elevated-button href=${`building-inspection-list/${this.buildingLevelId}`}>
+            <md-icon slot="icon">assignment</md-icon>검측 리스트
+          </md-elevated-button>
+          <md-elevated-button href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}>
+            <md-icon slot="icon">assignment</md-icon>검측도면
+          </md-elevated-button>
+          <md-elevated-button href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}>
+            <md-icon slot="icon">description</md-icon>검측 체크리스트
+          </md-elevated-button>
+          <md-elevated-button href=${`building-inspection-detail-photo/${this.buildingInspectionId}`}>
+            <md-icon slot="icon">description</md-icon>사진촬영
+          </md-elevated-button>
+        </div>
+      </div>
+    `;
+    }
+};
+buildingInspectionDetailHeader.styles = [
+    ButtonContainerStyles,
+    ScrollbarStyles,
+    css `
+      :host {
+      }
+
+      md-filled-button {
+        --md-filled-button-container-color: #0595e5;
+        --md-filled-button-container-height: 30px;
+        --md-filled-button-trailing-space: 15px;
+        --md-filled-button-leading-space: 15px;
+      }
+      md-outlined-button {
+        --md-outlined-button-container-height: 30px;
+        --md-outlined-button-trailing-space: 15px;
+        --md-outlined-button-leading-space: 15px;
+      }
+
+      *[bold] {
+        font-weight: bold;
+      }
+
+      div[header] {
+        display: flex;
+        margin: 0px 20px;
+
+        h2 {
+          flex: 0.5;
+          color: #3f71a0;
+        }
+
+        div[button-container] {
+          display: flex;
+          align-items: center;
+          justify-content: end;
+          flex: 0.5;
+
+          md-elevated-button {
+            margin: 0px 3px;
+
+            --md-elevated-button-container-height: 35px;
+            --md-elevated-button-label-text-size: 16px;
+            --md-elevated-button-container-color: #0595e5;
+
+            --md-elevated-button-label-text-color: #fff;
+            --md-elevated-button-hover-label-text-color: #fff;
+            --md-elevated-button-pressed-label-text-color: #fff;
+            --md-elevated-button-focus-label-text-color: #fff;
+            --md-elevated-button-icon-color: #fff;
+            --md-elevated-button-hover-icon-color: #fff;
+            --md-elevated-button-pressed-icon-color: #fff;
+            --md-elevated-button-focus-icon-color: #fff;
+          }
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], buildingInspectionDetailHeader.prototype, "buildingInspectionId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], buildingInspectionDetailHeader.prototype, "buildingLevelId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], buildingInspectionDetailHeader.prototype, "projectName", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], buildingInspectionDetailHeader.prototype, "buildingName", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], buildingInspectionDetailHeader.prototype, "buildingLevelFloor", void 0);
+buildingInspectionDetailHeader = __decorate([
+    customElement('building-inspection-detail-header')
+], buildingInspectionDetailHeader);
+//# sourceMappingURL=building-inspection-detail-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"building-inspection-detail-header.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/building-inspection-detail-header.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGxE,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,UAAU;IAAvD;;QA4D8B,yBAAoB,GAAW,EAAE,CAAA;QACjC,oBAAe,GAAW,EAAE,CAAA;QAC5B,gBAAW,GAAW,EAAE,CAAA;QACxB,iBAAY,GAAW,EAAE,CAAA;QACzB,uBAAkB,GAAW,EAAE,CAAA;IAuB7D,CAAC;IArBC,MAAM;QACJ,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,WAAW,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,IAAI,EAAE,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;qCAE3D,4BAA4B,IAAI,CAAC,eAAe,EAAE;;;qCAGlD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;qCAGjE,wCAAwC,IAAI,CAAC,oBAAoB,EAAE;;;qCAGnE,oCAAoC,IAAI,CAAC,oBAAoB,EAAE;;;;;KAK/F,CAAA;IACH,CAAC;;AArFM,qCAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqDF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4EAAkC;AAC7D;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uEAA6B;AACxD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mEAAyB;AACpD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oEAA0B;AACrD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0EAAgC;AAhEvD,8BAA8B;IADnC,aAAa,CAAC,mCAAmC,CAAC;GAC7C,8BAA8B,CAuFnC","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('building-inspection-detail-header')\nclass buildingInspectionDetailHeader extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n      }\n\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\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\n  @property({ type: String }) buildingInspectionId: string = ''\n  @property({ type: String }) buildingLevelId: string = ''\n  @property({ type: String }) projectName: string = ''\n  @property({ type: String }) buildingName: string = ''\n  @property({ type: String }) buildingLevelFloor: string = ''\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층</h2>\n        <div button-container>\n          <md-elevated-button href=${`building-inspection-list/${this.buildingLevelId}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>검측 리스트\n          </md-elevated-button>\n          <md-elevated-button href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>검측도면\n          </md-elevated-button>\n          <md-elevated-button href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}>\n            <md-icon slot=\"icon\">description</md-icon>검측 체크리스트\n          </md-elevated-button>\n          <md-elevated-button href=${`building-inspection-detail-photo/${this.buildingInspectionId}`}>\n            <md-icon slot=\"icon\">description</md-icon>사진촬영\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/building-inspection/inspection-create-popup.d.ts

@@ -0,0 +1,3 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist/ox-grist.js';
+import '../checklist/checklist-view';