@dssp/supervision 1.0.0-alpha.2 → 1.0.0-alpha.20

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

@@ -14,6 +14,7 @@ import { openPopup } from '@operato/layout';
 import './inspection-create-popup';
 import '@operato/event-view/ox-event-view.js';
 import { InspectionEventProvider } from './component/inspection-event-provider';
+import { getBuildingInspectionForChecklist } from '../../graphql/building-inspection';
 export var ChecklistTypeMainType;
 (function (ChecklistTypeMainType) {
     ChecklistTypeMainType["BASIC"] = "10";
@@ -68,7 +69,10 @@ let BuildingInspectionList = class BuildingInspectionList extends ScopedElements
     render() {
         return html `
       <div header>
-        <h2>${this.project.name}</h2>
+        <h2>
+          <md-icon slot="icon" back @click=${() => history.back()}>arrow_back</md-icon>
+          ${this.project.name}
+        </h2>
       </div>
 
       <div body>
@@ -186,6 +190,18 @@ let BuildingInspectionList = class BuildingInspectionList extends ScopedElements
             columns: [
                 { type: 'gutter', gutterName: 'sequence' },
                 { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'open_in_new',
+                    header: '상세보기',
+                    width: 60,
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            navigate(`building-inspection-detail-drawing/${record.id}`);
+                        }
+                    }
+                },
                 {
                     type: 'string',
                     name: 'id',
@@ -226,18 +242,73 @@ let BuildingInspectionList = class BuildingInspectionList extends ScopedElements
                         renderer: value => BUILDING_INSPECTION_STATUS_DISPLAY[value]
                     },
                     width: 120
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'fact_check',
+                    header: '도면',
+                    width: 50,
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            console.log('record : ', record);
+                        }
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'edit_square',
+                    header: '요청서/결과통보',
+                    width: 100,
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            console.log('record : ', record);
+                        }
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'task',
+                    header: '체크리스트',
+                    width: 70,
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            this._openChecklistPopup(record.id);
+                        }
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'photo_camera',
+                    header: '사진대지',
+                    width: 60,
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            console.log('record : ', record);
+                        }
+                    }
+                },
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'engineering',
+                    header: '실명부',
+                    width: 50,
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            console.log('record : ', record);
+                        }
+                    }
                 }
             ],
             rows: {
                 selectable: {
                     multiple: true
                 },
-                appendable: false,
-                handlers: {
-                    click: (columns, data, column, record, rowIndex) => {
-                        navigate(`building-inspection-detail-drawing/${record.id}`);
-                    }
-                }
+                appendable: false
             },
             sorters: [{ name: 'requestDate' }]
         };
@@ -269,6 +340,7 @@ let BuildingInspectionList = class BuildingInspectionList extends ScopedElements
           buildingLevel(id: $buildingLevelId) {
             id
             floor
+            floorDisplayName
             building {
               id
               name
@@ -293,7 +365,7 @@ let BuildingInspectionList = class BuildingInspectionList extends ScopedElements
         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) })));
         const buildingLevel = (_c = response.data) === null || _c === void 0 ? void 0 : _c.buildingLevel;
-        this.location = `${buildingLevel.building.name} ${buildingLevel.floor}층` || '';
+        this.location = `${buildingLevel.building.name} ${buildingLevel.floorDisplayName}층` || '';
         this.drawingImage = (buildingLevel === null || buildingLevel === void 0 ? void 0 : buildingLevel.mainDrawingImage) || '';
         this.building = (buildingLevel === null || buildingLevel === void 0 ? void 0 : buildingLevel.building) || {};
         return {
@@ -346,6 +418,20 @@ let BuildingInspectionList = class BuildingInspectionList extends ScopedElements
             }).format(new Date(date))
             : '';
     }
+    async _openChecklistPopup(buildingInspectionId) {
+        var _a, _b;
+        const buildingInspection = await getBuildingInspectionForChecklist(buildingInspectionId);
+        openPopup(html `
+        <div style="overflow-y: auto;">
+          <checklist-view
+            .mode=${"VIEWER" /* ChecklistMode.VIEWER */}
+            .checklist=${buildingInspection === null || buildingInspection === void 0 ? void 0 : buildingInspection.checklist}
+            .buildingComplex=${((_b = (_a = buildingInspection === null || buildingInspection === void 0 ? void 0 : buildingInspection.buildingLevel) === null || _a === void 0 ? void 0 : _a.building) === null || _b === void 0 ? void 0 : _b.buildingComplex) || {}}
+            .status=${buildingInspection === null || buildingInspection === void 0 ? void 0 : buildingInspection.status}
+          ></checklist-view>
+        </div>
+      `, { backdrop: true, size: 'large', title: '체크 리스트 미리보기' });
+    }
 };
 BuildingInspectionList.styles = [
     ScrollbarStyles,
@@ -386,12 +472,31 @@ BuildingInspectionList.styles = [
         display: flex;
         margin: 0px var(--spacing-large, 12px);
         margin-bottom: var(--spacing-small, 5px);
-      }
 
-      div[header] h2 {
-        flex: 0.5;
-        color: #3f71a0;
-        font-size: 18px;
+        h2 {
+          display: flex;
+          gap: 7px;
+          flex: 0.5;
+          color: #3f71a0;
+          font-size: 18px;
+
+          md-icon[back] {
+            background: linear-gradient(135deg, #3f71a0 0%, #5a8cc7 100%);
+            color: white;
+            padding: 8px;
+            border-radius: 50%;
+            cursor: pointer;
+            box-shadow: 0 2px 8px rgba(63, 113, 160, 0.3);
+            width: 14px;
+            height: 14px;
+            --md-icon-size: 20px;
+          }
+
+          md-icon[back]:hover {
+            background: linear-gradient(135deg, #2e5c89 0%, #4a7bb0 100%);
+            box-shadow: 0 4px 12px rgba(63, 113, 160, 0.4);
+          }
+        }
       }
 
       div[body] {

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

@@ -1 +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, TemplateResult } 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'\nimport { InspectionEventProvider } from './component/inspection-event-provider'\nimport { EventProvider } from '@operato/event-view'\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  OVERALL_WAIT = 'OVERALL_WAIT',\n  REQUEST = 'REQUEST',\n  OVERALL_REQUEST = 'OVERALL_REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS_DISPLAY = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.OVERALL_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: 55px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      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\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n        --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n        --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n        margin-bottom: var(--spacing-small, 5px);\n      }\n\n      div[header] h2 {\n        flex: 0.5;\n        color: #3f71a0;\n        font-size: 18px;\n      }\n\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top: 0;\n        gap: var(--spacing-medium, 8px);\n        min-height: fit-content;\n        overflow-x: hidden;\n      }\n\n      div[body] h3 {\n        color: #2e79be;\n        font-size: 16px;\n        margin: 0px;\n      }\n\n      div[body] > div {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        border-radius: 5px;\n      }\n\n      div[top] {\n        flex: 1;\n\n        display: flex;\n        background-color: #f7f7f7;\n      }\n\n      div[drawing] {\n        flex: 1;\n        border: 1px solid #cccccc80;\n        background-color: var(--md-sys-color-on-primary);\n        padding: var(--spacing-large, 12px);\n        border-radius: 5px;\n\n        img {\n          width: 100%;\n\n          display: block;\n          object-fit: contain;\n          object-position: center;\n        }\n      }\n\n      div[inspection-container] {\n        flex: 1;\n        gap: var(--spacing-medium, 8px);\n\n        display: flex;\n        flex-direction: column;\n\n        div[inspection] {\n          display: grid;\n          grid-template-columns: 90px 1fr 1fr 1fr 1fr;\n          background: #ebc8321a;\n          border-radius: 5px;\n          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            span::before {\n              display: inline-block;\n              position: relative;\n              content: '';\n              width: 10px;\n              height: 10px;\n              border-radius: 6px;\n              top: -1px;\n              margin-right: 2px;\n            }\n\n            span[status='wait']::before {\n              background-color: #4e5055;\n            }\n            span[status='request']::before {\n              background-color: #3395f1;\n            }\n            span[status='pass']::before {\n              background-color: #1bb401;\n            }\n            span[status='fail']::before {\n              background-color: #ff4444;\n            }\n            span[dot] {\n              font-size: 1.3em;\n            }\n          }\n          & > div[name] {\n            flex-direction: row;\n            text-align: right;\n            gap: var(--spacing-small, 4px);\n            padding-right: var(--spacing-large, 12px);\n            border-right: 2px dotted #ccc;\n            max-width: 100%;\n            line-height: 1.3;\n\n            md-icon {\n              width: 40px;\n              height: 40px;\n              border-radius: 5px;\n              color: #fff;\n              background: #f16154;\n            }\n          }\n        }\n      }\n\n      ox-event-view {\n        flex: 1;\n      }\n\n      div[bottom] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        min-height: 300px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\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  @state() calendarData?: EventProvider\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}</h2>\n      </div>\n\n      <div body>\n        <div top>\n          <div drawing>\n            <h3>도면: ${this.location}</h3>\n            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          </div>\n\n          <div inspection-container>\n            <div inspection>\n              <div name bold>\n                <md-icon slot=\"icon\">fact_check</md-icon>\n                검측 현황\n              </div>\n\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>\n                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>\n                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>\n                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>\n                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}\n                </span>\n              </div>\n            </div>\n\n            <ox-event-view\n              .mode=${'monthly'}\n              .eventProvider=${this.calendarData}\n              @select-date=${(e: CustomEvent) => {\n                // TODO 선택된 날짜의 검측데이터만 그리드에 보여야함\n                console.log('select-date', e.detail)\n              }}\n            >\n            </ox-event-view>\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    this.calendarData = new InspectionEventProvider(buildingLevelId)\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_DISPLAY[value]\n          },\n          width: 120\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!, $buildingLevelId: String!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n              }\n            }\n            total\n          }\n\n          buildingLevel(id: $buildingLevelId) {\n            id\n            floor\n            building {\n              id\n              name\n            }\n            mainDrawing {\n              id\n              name\n              fullpath\n            }\n            mainDrawingImage\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        },\n        buildingLevelId: this.buildingLevelId\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    const buildingLevel = response.data?.buildingLevel\n\n    this.location = `${buildingLevel.building.name} ${buildingLevel.floor}층` || ''\n    this.drawingImage = buildingLevel?.mainDrawingImage || ''\n    this.building = 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"]}
+{"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, TemplateResult } 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'\nimport { InspectionEventProvider } from './component/inspection-event-provider'\nimport { EventProvider } from '@operato/event-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\nimport { getBuildingInspectionForChecklist } from '../../graphql/building-inspection'\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  OVERALL_WAIT = 'OVERALL_WAIT',\n  REQUEST = 'REQUEST',\n  OVERALL_REQUEST = 'OVERALL_REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS_DISPLAY = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.OVERALL_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: 55px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      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\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n        --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n        --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n        margin-bottom: var(--spacing-small, 5px);\n\n        h2 {\n          display: flex;\n          gap: 7px;\n          flex: 0.5;\n          color: #3f71a0;\n          font-size: 18px;\n\n          md-icon[back] {\n            background: linear-gradient(135deg, #3f71a0 0%, #5a8cc7 100%);\n            color: white;\n            padding: 8px;\n            border-radius: 50%;\n            cursor: pointer;\n            box-shadow: 0 2px 8px rgba(63, 113, 160, 0.3);\n            width: 14px;\n            height: 14px;\n            --md-icon-size: 20px;\n          }\n\n          md-icon[back]:hover {\n            background: linear-gradient(135deg, #2e5c89 0%, #4a7bb0 100%);\n            box-shadow: 0 4px 12px rgba(63, 113, 160, 0.4);\n          }\n        }\n      }\n\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top: 0;\n        gap: var(--spacing-medium, 8px);\n        min-height: fit-content;\n        overflow-x: hidden;\n      }\n\n      div[body] h3 {\n        color: #2e79be;\n        font-size: 16px;\n        margin: 0px;\n      }\n\n      div[body] > div {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        border-radius: 5px;\n      }\n\n      div[top] {\n        flex: 1;\n\n        display: flex;\n        background-color: #f7f7f7;\n      }\n\n      div[drawing] {\n        flex: 1;\n        border: 1px solid #cccccc80;\n        background-color: var(--md-sys-color-on-primary);\n        padding: var(--spacing-large, 12px);\n        border-radius: 5px;\n\n        img {\n          width: 100%;\n\n          display: block;\n          object-fit: contain;\n          object-position: center;\n        }\n      }\n\n      div[inspection-container] {\n        flex: 1;\n        gap: var(--spacing-medium, 8px);\n\n        display: flex;\n        flex-direction: column;\n\n        div[inspection] {\n          display: grid;\n          grid-template-columns: 90px 1fr 1fr 1fr 1fr;\n          background: #ebc8321a;\n          border-radius: 5px;\n          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            span::before {\n              display: inline-block;\n              position: relative;\n              content: '';\n              width: 10px;\n              height: 10px;\n              border-radius: 6px;\n              top: -1px;\n              margin-right: 2px;\n            }\n\n            span[status='wait']::before {\n              background-color: #4e5055;\n            }\n            span[status='request']::before {\n              background-color: #3395f1;\n            }\n            span[status='pass']::before {\n              background-color: #1bb401;\n            }\n            span[status='fail']::before {\n              background-color: #ff4444;\n            }\n            span[dot] {\n              font-size: 1.3em;\n            }\n          }\n          & > div[name] {\n            flex-direction: row;\n            text-align: right;\n            gap: var(--spacing-small, 4px);\n            padding-right: var(--spacing-large, 12px);\n            border-right: 2px dotted #ccc;\n            max-width: 100%;\n            line-height: 1.3;\n\n            md-icon {\n              width: 40px;\n              height: 40px;\n              border-radius: 5px;\n              color: #fff;\n              background: #f16154;\n            }\n          }\n        }\n      }\n\n      ox-event-view {\n        flex: 1;\n      }\n\n      div[bottom] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        min-height: 300px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\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  @state() calendarData?: EventProvider\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>\n          <md-icon slot=\"icon\" back @click=${() => history.back()}>arrow_back</md-icon>\n          ${this.project.name}\n        </h2>\n      </div>\n\n      <div body>\n        <div top>\n          <div drawing>\n            <h3>도면: ${this.location}</h3>\n            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          </div>\n\n          <div inspection-container>\n            <div inspection>\n              <div name bold>\n                <md-icon slot=\"icon\">fact_check</md-icon>\n                검측 현황\n              </div>\n\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>\n                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>\n                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>\n                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>\n                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}\n                </span>\n              </div>\n            </div>\n\n            <ox-event-view\n              .mode=${'monthly'}\n              .eventProvider=${this.calendarData}\n              @select-date=${(e: CustomEvent) => {\n                // TODO 선택된 날짜의 검측데이터만 그리드에 보여야함\n                console.log('select-date', e.detail)\n              }}\n            >\n            </ox-event-view>\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    this.calendarData = new InspectionEventProvider(buildingLevelId)\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: 'gutter',\n          gutterName: 'button',\n          icon: 'open_in_new',\n          header: '상세보기',\n          width: 60,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              navigate(`building-inspection-detail-drawing/${record.id}`)\n            }\n          }\n        },\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_DISPLAY[value]\n          },\n          width: 120\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'fact_check',\n          header: '도면',\n          width: 50,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'edit_square',\n          header: '요청서/결과통보',\n          width: 100,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'task',\n          header: '체크리스트',\n          width: 70,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              this._openChecklistPopup(record.id)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'photo_camera',\n          header: '사진대지',\n          width: 60,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'engineering',\n          header: '실명부',\n          width: 50,\n          handlers: {\n            click: (columns, data, column, record, rowIndex) => {\n              console.log('record : ', record)\n            }\n          }\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        appendable: false\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!, $buildingLevelId: String!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n              }\n            }\n            total\n          }\n\n          buildingLevel(id: $buildingLevelId) {\n            id\n            floor\n            floorDisplayName\n            building {\n              id\n              name\n            }\n            mainDrawing {\n              id\n              name\n              fullpath\n            }\n            mainDrawingImage\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        },\n        buildingLevelId: this.buildingLevelId\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    const buildingLevel = response.data?.buildingLevel\n\n    this.location = `${buildingLevel.building.name} ${buildingLevel.floorDisplayName}층` || ''\n    this.drawingImage = buildingLevel?.mainDrawingImage || ''\n    this.building = 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  private async _openChecklistPopup(buildingInspectionId: string) {\n    const buildingInspection = await getBuildingInspectionForChecklist(buildingInspectionId)\n\n    openPopup(\n      html`\n        <div style=\"overflow-y: auto;\">\n          <checklist-view\n            .mode=${ChecklistMode.VIEWER}\n            .checklist=${buildingInspection?.checklist}\n            .buildingComplex=${buildingInspection?.buildingLevel?.building?.buildingComplex || {}}\n            .status=${buildingInspection?.status}\n          ></checklist-view>\n        </div>\n      `,\n      { backdrop: true, size: 'large', title: '체크 리스트 미리보기' }\n    )\n  }\n}\n"]}

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

@@ -16,7 +16,10 @@ let BuildingInspectionDetailHeader = class BuildingInspectionDetailHeader extend
         const path = window.location.pathname;
         return html `
       <div header>
-        <h2>${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층</h2>
+        <h2>
+          <md-icon slot="icon" back @click=${() => history.back()}>arrow_back</md-icon>
+          ${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층
+        </h2>
         <div button-container>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-list/')}
@@ -78,12 +81,31 @@ BuildingInspectionDetailHeader.styles = [
       div[header] {
         display: flex;
         margin: 0px var(--spacing-large, 12px);
-      }
 
-      h2 {
-        flex: 0.5;
-        color: #3f71a0;
-        font-size:18px;
+        h2 {
+          display: flex;
+          gap: 7px;
+          flex: 0.5;
+          color: #3f71a0;
+          font-size: 18px;
+
+          md-icon[back] {
+            background: linear-gradient(135deg, #3f71a0 0%, #5a8cc7 100%);
+            color: white;
+            padding: 8px;
+            border-radius: 50%;
+            cursor: pointer;
+            box-shadow: 0 2px 8px rgba(63, 113, 160, 0.3);
+            width: 14px;
+            height: 14px;
+            --md-icon-size: 20px;
+          }
+
+          md-icon[back]:hover {
+            background: linear-gradient(135deg, #2e5c89 0%, #4a7bb0 100%);
+            box-shadow: 0 4px 12px rgba(63, 113, 160, 0.4);
+          }
+        }
       }
 
       div[button-container] {
@@ -95,7 +117,7 @@ BuildingInspectionDetailHeader.styles = [
 
       md-elevated-button {
         margin-left: var(--spacing-small, 4px);
-        letter-spacing: -1px; 
+        letter-spacing: -1px;
 
         --md-elevated-button-container-height: 32px;
         --md-elevated-button-label-text-size: 16px;
@@ -109,12 +131,12 @@ BuildingInspectionDetailHeader.styles = [
         --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
         --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
         --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
-        --_leading-space:var(--spacing-tiny, 2px);
+        --_leading-space: var(--spacing-tiny, 2px);
 
         --_with-leading-icon-leading-space: var(--spacing-medium, 8px);
         --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);
 
-        md-icon{
+        md-icon {
           margin-right: -2px;
         }
       }

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

@@ -1 +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;;QAmE8B,yBAAoB,GAAW,EAAE,CAAA;QACjC,oBAAe,GAAW,EAAE,CAAA;QAC5B,gBAAW,GAAW,EAAE,CAAA;QACxB,iBAAY,GAAW,EAAE,CAAA;QACzB,uBAAkB,GAAW,EAAE,CAAA;IA6C7D,CAAC;IA3CC,MAAM;QACJ,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAA;QAErC,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,WAAW,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,IAAI,EAAE,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;;wBAGxE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC;mBAC/C,4BAA4B,IAAI,CAAC,eAAe,EAAE;;;;;wBAK7C,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK5D,IAAI,CAAC,QAAQ,CAAC,uCAAuC,CAAC;mBAC3D,wCAAwC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK9D,IAAI,CAAC,QAAQ,CAAC,oCAAoC,CAAC;mBACxD,qCAAqC,IAAI,CAAC,oBAAoB,EAAE;;;;;;wBAM3D,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;;;KAO/E,CAAA;IACH,CAAC;;AAlHM,qCAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DF;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;AAvEvD,8BAA8B;IADnC,aAAa,CAAC,mCAAmC,CAAC;GAC7C,8BAA8B,CAoHnC","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      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 var(--spacing-large, 12px);\n      }\n\n      h2 {\n        flex: 0.5;\n        color: #3f71a0;\n        font-size:18px;\n      }\n\n      div[button-container] {\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        flex: 0.5;\n      }\n\n      md-elevated-button {\n        margin-left: var(--spacing-small, 4px);\n        letter-spacing: -1px; \n\n        --md-elevated-button-container-height: 32px;\n        --md-elevated-button-label-text-size: 16px;\n        --md-elevated-button-container-color: #0595e5;\n\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n        --_leading-space:var(--spacing-tiny, 2px);\n\n        --_with-leading-icon-leading-space: var(--spacing-medium, 8px);\n        --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);\n\n        md-icon{\n          margin-right: -2px;\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    const path = window.location.pathname\n\n    return html`\n      <div header>\n        <h2>${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층</h2>\n        <div button-container>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-list/')}\n            href=${`building-inspection-list/${this.buildingLevelId}`}\n          >\n            <md-icon slot=\"icon\">list_alt</md-icon>검측 리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-drawing/')}\n            href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">fact_check</md-icon>검측도면\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-checklist/')}\n            href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">task</md-icon>검측 체크리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-camera/')}\n            href=${`building-inspection-detail-camera/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">photo_camera</md-icon>사진촬영\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-history/')}\n            href=${`building-inspection-detail-history/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">pending_actions</md-icon>감리이력\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}
+{"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;;QAsF8B,yBAAoB,GAAW,EAAE,CAAA;QACjC,oBAAe,GAAW,EAAE,CAAA;QAC5B,gBAAW,GAAW,EAAE,CAAA;QACxB,iBAAY,GAAW,EAAE,CAAA;QACzB,uBAAkB,GAAW,EAAE,CAAA;IAgD7D,CAAC;IA9CC,MAAM;QACJ,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAA;QAErC,OAAO,IAAI,CAAA;;;6CAG8B,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YACrD,IAAI,CAAC,WAAW,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,IAAI,EAAE,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;;;wBAItE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC;mBAC/C,4BAA4B,IAAI,CAAC,eAAe,EAAE;;;;;wBAK7C,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK5D,IAAI,CAAC,QAAQ,CAAC,uCAAuC,CAAC;mBAC3D,wCAAwC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK9D,IAAI,CAAC,QAAQ,CAAC,oCAAoC,CAAC;mBACxD,qCAAqC,IAAI,CAAC,oBAAoB,EAAE;;;;;;wBAM3D,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;;;KAO/E,CAAA;IACH,CAAC;;AAxIM,qCAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;CACF,AAnFY,CAmFZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4EAAkC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uEAA6B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mEAAyB;AACxB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oEAA0B;AACzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0EAAgC;AA1FvD,8BAA8B;IADnC,aAAa,CAAC,mCAAmC,CAAC;GAC7C,8BAA8B,CA0InC","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      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 var(--spacing-large, 12px);\n\n        h2 {\n          display: flex;\n          gap: 7px;\n          flex: 0.5;\n          color: #3f71a0;\n          font-size: 18px;\n\n          md-icon[back] {\n            background: linear-gradient(135deg, #3f71a0 0%, #5a8cc7 100%);\n            color: white;\n            padding: 8px;\n            border-radius: 50%;\n            cursor: pointer;\n            box-shadow: 0 2px 8px rgba(63, 113, 160, 0.3);\n            width: 14px;\n            height: 14px;\n            --md-icon-size: 20px;\n          }\n\n          md-icon[back]:hover {\n            background: linear-gradient(135deg, #2e5c89 0%, #4a7bb0 100%);\n            box-shadow: 0 4px 12px rgba(63, 113, 160, 0.4);\n          }\n        }\n      }\n\n      div[button-container] {\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        flex: 0.5;\n      }\n\n      md-elevated-button {\n        margin-left: var(--spacing-small, 4px);\n        letter-spacing: -1px;\n\n        --md-elevated-button-container-height: 32px;\n        --md-elevated-button-label-text-size: 16px;\n        --md-elevated-button-container-color: #0595e5;\n\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n        --_leading-space: var(--spacing-tiny, 2px);\n\n        --_with-leading-icon-leading-space: var(--spacing-medium, 8px);\n        --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);\n\n        md-icon {\n          margin-right: -2px;\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    const path = window.location.pathname\n\n    return html`\n      <div header>\n        <h2>\n          <md-icon slot=\"icon\" back @click=${() => history.back()}>arrow_back</md-icon>\n          ${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층\n        </h2>\n        <div button-container>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-list/')}\n            href=${`building-inspection-list/${this.buildingLevelId}`}\n          >\n            <md-icon slot=\"icon\">list_alt</md-icon>검측 리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-drawing/')}\n            href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">fact_check</md-icon>검측도면\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-checklist/')}\n            href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">task</md-icon>검측 체크리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-camera/')}\n            href=${`building-inspection-detail-camera/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">photo_camera</md-icon>사진촬영\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-history/')}\n            href=${`building-inspection-detail-history/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">pending_actions</md-icon>감리이력\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/inspection-event-provider.js

@@ -7,10 +7,10 @@ export class InspectionEventProvider {
         this.buildingLevelId = buildingLevelId;
     }
     async fetchEventsForCalendar(calendar) {
-        var _a, _b;
+        var _a;
         const result = new Map();
         const startDate = calendar[0]['date'].toISOString().split('T')[0];
-        const endDate = (_a = calendar.at(-1)) === null || _a === void 0 ? void 0 : _a['date'].toISOString().split('T')[0];
+        const endDate = calendar[calendar.length - 1]['date'].toISOString().split('T')[0];
         const response = await client.query({
             query: gql `
         query BuildingInspectionDateSummaryOfLevelAndPeriod($buildingLevelId: String!, $startDate: String!, $endDate: String!) {
@@ -34,7 +34,7 @@ export class InspectionEventProvider {
             }
         });
         // if (response.errors) return null
-        const calendarData = this.getCalendarTemplate((_b = response.data) === null || _b === void 0 ? void 0 : _b.buildingInspectionDateSummaryOfLevelAndPeriod);
+        const calendarData = this.getCalendarTemplate((_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionDateSummaryOfLevelAndPeriod);
         calendar.forEach(({ date }) => {
             const formattedDate = date.toLocaleDateString('en-CA'); // 'en-CA'는 'YYYY-MM-DD' 형식으로 반환됩니다.
             const template = calendarData[formattedDate];

package/dist-client/pages/building-inspection/component/inspection-event-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspection-event-provider.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/inspection-event-provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,OAAO,uBAAuB;IAGlC,YAAY,kBAA0B,EAAE;QAFxC,oBAAe,GAAG,EAAE,CAAA;QAGlB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;IACxC,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,QAAkB;;QAC7C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAA;QAC1C,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,MAAM,OAAO,GAAG,MAAA,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,0CAAG,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QAErE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;OAcT;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,mCAAmC;QAEnC,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,6CAA6C,CAAC,CAAA;QAE3G,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA,CAAC,oCAAoC;YAC3F,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;YAE5C,IAAI,CAAC,QAAQ;gBAAE,OAAM;YAErB,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE;gBACf;oBACE,GAAG,EAAE,aAAa;oBAClB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,EAAE;oBACT,KAAK,EAAE,EAAE;oBACT,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC;iBACjD;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,+BAA+B;IACvB,mBAAmB,CAAC,iBAAwB,EAAE;QACpD,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,IAAI,IAAI,cAAc,EAAE;YAC/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;;YAE3B,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;YAClH,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;OAEjH,CAAA;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF","sourcesContent":["import { BizEvent, CALENDAR, EventProvider } from '@operato/event-view'\nimport { html, TemplateResult } from 'lit'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport class InspectionEventProvider implements EventProvider {\n  buildingLevelId = {}\n\n  constructor(buildingLevelId: string = '') {\n    this.buildingLevelId = buildingLevelId\n  }\n\n  async fetchEventsForCalendar(calendar: CALENDAR): Promise<Map<Date, BizEvent[]>> {\n    const result = new Map<Date, BizEvent[]>()\n    const startDate = calendar[0]['date'].toISOString().split('T')[0]\n    const endDate = calendar.at(-1)?.['date'].toISOString().split('T')[0]\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionDateSummaryOfLevelAndPeriod($buildingLevelId: String!, $startDate: String!, $endDate: String!) {\n          buildingInspectionDateSummaryOfLevelAndPeriod(\n            buildingLevelId: $buildingLevelId\n            startDate: $startDate\n            endDate: $endDate\n          ) {\n            requestDate\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId: this.buildingLevelId,\n        startDate,\n        endDate\n      }\n    })\n\n    // if (response.errors) return null\n\n    const calendarData = this.getCalendarTemplate(response.data?.buildingInspectionDateSummaryOfLevelAndPeriod)\n\n    calendar.forEach(({ date }) => {\n      const formattedDate = date.toLocaleDateString('en-CA') // 'en-CA'는 'YYYY-MM-DD' 형식으로 반환됩니다.\n      const template = calendarData[formattedDate]\n\n      if (!template) return\n\n      result.set(date, [\n        {\n          due: formattedDate,\n          template: template,\n          title: '',\n          color: '',\n          clickEvent: e => console.log('e :', e, template)\n        }\n      ])\n    })\n\n    return result\n  }\n\n  // 검측 개수가 있는 데이터들만 날짜별로 템플릿 만들기\n  private getCalendarTemplate(inspectionData: any[] = []): { [date: string]: TemplateResult } {\n    const template = {}\n    for (let date of inspectionData) {\n      template[date.requestDate] = html`\n        <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); padding-inline: 7px;\">\n          ${date.wait !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #4e5055\">●</span> ${date.wait}</div>` : ''}\n          ${date.request !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #3395f1\">●</span> ${date.request}</div>` : ''}\n          ${date.pass !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #1bb401\">●</span> ${date.pass}</div>` : ''}\n          ${date.fail !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #ff4444\">●</span> ${date.fail}</div>` : ''}\n        </div>\n      `\n    }\n\n    return template\n  }\n}\n"]}
+{"version":3,"file":"inspection-event-provider.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/inspection-event-provider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,MAAM,OAAO,uBAAuB;IAGlC,YAAY,kBAA0B,EAAE;QAFxC,oBAAe,GAAG,EAAE,CAAA;QAGlB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;IACxC,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,QAAkB;;QAC7C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAA;QAC1C,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACjE,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAEjF,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;OAcT;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,SAAS;gBACT,OAAO;aACR;SACF,CAAC,CAAA;QAEF,mCAAmC;QAEnC,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAAA,QAAQ,CAAC,IAAI,0CAAE,6CAA6C,CAAC,CAAA;QAE3G,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA,CAAC,oCAAoC;YAC3F,MAAM,QAAQ,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;YAE5C,IAAI,CAAC,QAAQ;gBAAE,OAAM;YAErB,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE;gBACf;oBACE,GAAG,EAAE,aAAa;oBAClB,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,EAAE;oBACT,KAAK,EAAE,EAAE;oBACT,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC;iBACjD;aACF,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,+BAA+B;IACvB,mBAAmB,CAAC,iBAAwB,EAAE;QACpD,MAAM,QAAQ,GAAG,EAAE,CAAA;QACnB,KAAK,IAAI,IAAI,IAAI,cAAc,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;;YAE3B,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE;YAClH,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC5G,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,gEAAgE,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;;OAEjH,CAAA;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF","sourcesContent":["import { BizEvent, CALENDAR, EventProvider } from '@operato/event-view'\nimport { html, TemplateResult } from 'lit'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\n\nexport class InspectionEventProvider implements EventProvider {\n  buildingLevelId = {}\n\n  constructor(buildingLevelId: string = '') {\n    this.buildingLevelId = buildingLevelId\n  }\n\n  async fetchEventsForCalendar(calendar: CALENDAR): Promise<Map<Date, BizEvent[]>> {\n    const result = new Map<Date, BizEvent[]>()\n    const startDate = calendar[0]['date'].toISOString().split('T')[0]\n    const endDate = calendar[calendar.length - 1]['date'].toISOString().split('T')[0]\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionDateSummaryOfLevelAndPeriod($buildingLevelId: String!, $startDate: String!, $endDate: String!) {\n          buildingInspectionDateSummaryOfLevelAndPeriod(\n            buildingLevelId: $buildingLevelId\n            startDate: $startDate\n            endDate: $endDate\n          ) {\n            requestDate\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId: this.buildingLevelId,\n        startDate,\n        endDate\n      }\n    })\n\n    // if (response.errors) return null\n\n    const calendarData = this.getCalendarTemplate(response.data?.buildingInspectionDateSummaryOfLevelAndPeriod)\n\n    calendar.forEach(({ date }) => {\n      const formattedDate = date.toLocaleDateString('en-CA') // 'en-CA'는 'YYYY-MM-DD' 형식으로 반환됩니다.\n      const template = calendarData[formattedDate]\n\n      if (!template) return\n\n      result.set(date, [\n        {\n          due: formattedDate,\n          template: template,\n          title: '',\n          color: '',\n          clickEvent: e => console.log('e :', e, template)\n        }\n      ])\n    })\n\n    return result\n  }\n\n  // 검측 개수가 있는 데이터들만 날짜별로 템플릿 만들기\n  private getCalendarTemplate(inspectionData: any[] = []): { [date: string]: TemplateResult } {\n    const template = {}\n    for (let date of inspectionData) {\n      template[date.requestDate] = html`\n        <div style=\"display: grid; grid-template-columns: repeat(2, 1fr); padding-inline: 7px;\">\n          ${date.wait !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #4e5055\">●</span> ${date.wait}</div>` : ''}\n          ${date.request !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #3395f1\">●</span> ${date.request}</div>` : ''}\n          ${date.pass !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #1bb401\">●</span> ${date.pass}</div>` : ''}\n          ${date.fail !== 0 ? html`<div><span style=\"font-size: 1.3em; color: #ff4444\">●</span> ${date.fail}</div>` : ''}\n        </div>\n      `\n    }\n\n    return template\n  }\n}\n"]}

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

@@ -79,7 +79,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
               <md-filled-select level @change=${this._onSelectBuildingLevel}>
                 ${(_f = (_e = this.selectedBuilding) === null || _e === void 0 ? void 0 : _e.buildingLevels) === null || _f === void 0 ? void 0 : _f.map(level => {
             return html `<md-select-option .value=${level.id}>
-                    <div slot="headline">${level.floor}</div>
+                    <div slot="headline">${level.floorDisplayName}</div>
                   </md-select-option>`;
         })}
               </md-filled-select>
@@ -271,7 +271,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         this.checklist = {
             constructionType: (_s = this.selectedConstructionType) === null || _s === void 0 ? void 0 : _s.name,
             constructionDetailType: (_t = this.selectedConstructionDetailType) === null || _t === void 0 ? void 0 : _t.name,
-            location: `${((_u = this.selectedBuilding) === null || _u === void 0 ? void 0 : _u.name) || ''} ${this.selectedLevel.floor || ''}층`,
+            location: `${((_u = this.selectedBuilding) === null || _u === void 0 ? void 0 : _u.name) || ''} ${this.selectedLevel.floorDisplayName || ''}층`,
             documentNo: '0000-000-000000',
             buildingInspection: {
                 status: BuildingInspectionStatus.WAIT
@@ -291,6 +291,7 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
             buildingLevels {
               id
               floor
+              floorDisplayName
               mainDrawing {
                 id
                 name
@@ -357,14 +358,14 @@ let InspectionCreatePopup = class InspectionCreatePopup extends LitElement {
         const buildingId = e.target.value;
         this.selectedBuilding = await this._getBuilding(buildingId);
         this.selectedLevel = await Object.assign({}, (_b = (_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.buildingLevels) === null || _b === void 0 ? void 0 : _b[0]);
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { location: `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${this.selectedLevel.floor || ''}층` });
+        this.checklist = Object.assign(Object.assign({}, this.checklist), { location: `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${this.selectedLevel.floorDisplayName || ''}층` });
         await this.htmlSelectLevel.selectIndex(0);
     }
     _onSelectBuildingLevel(e) {
         var _a, _b, _c;
         const buildingLevelId = e.target.value;
         this.selectedLevel = Object.assign({}, (((_b = (_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.buildingLevels) === null || _b === void 0 ? void 0 : _b.find(v => v.id == buildingLevelId)) || {}));
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { location: `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${this.selectedLevel.floor || ''}층` });
+        this.checklist = Object.assign(Object.assign({}, this.checklist), { location: `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${this.selectedLevel.floorDisplayName || ''}층` });
     }
     async _onSelectConstructionType(e) {
         var _a, _b, _c, _d;