@dssp/supervision 1.0.0-y.0 → 1.0.0

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

@@ -1,904 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@operato/data-grist';
-import '@operato/image-marker/ox-image-marker-view.js';
-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 './component/inspection-document/photo-album-popup';
-import './component/inspection-document/inspection-request-document';
-import './component/inspection-document/inspection-result-notification';
-import './component/image-preview-popup';
-import './component/daily-worklog-popup';
-import '@operato/event-view/ox-event-view.js';
-import { InspectionEventProvider } from './component/inspection-event-provider';
-import { getBuildingInspectionForChecklist } from '../../graphql/building-inspection';
-import { InspectionMode } from './component/inspection-document/inspection-request-document';
-import moment from 'moment-timezone';
-import { DailyWorklogMode } from './component/daily-worklog-popup';
-import { DrawingImageProvider } from '@dssp/drawing/dist-client/drawing-management/drawing-image-provider.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["OVERALL_WAIT"] = "OVERALL_WAIT";
-    BuildingInspectionStatus["REQUEST"] = "REQUEST";
-    BuildingInspectionStatus["OVERALL_REQUEST"] = "OVERALL_REQUEST";
-    BuildingInspectionStatus["PASS"] = "PASS";
-    BuildingInspectionStatus["FAIL"] = "FAIL";
-})(BuildingInspectionStatus || (BuildingInspectionStatus = {}));
-export const BUILDING_INSPECTION_STATUS_DISPLAY = {
-    [BuildingInspectionStatus.WAIT]: '검측 대기',
-    [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',
-    [BuildingInspectionStatus.REQUEST]: '검측 요청',
-    [BuildingInspectionStatus.OVERALL_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 = {};
-        this.selectedYearMonth = moment().tz('Asia/Seoul').format('YYYY-MM');
-        this.selectedDate = moment().tz('Asia/Seoul').format('YYYY-MM-DD');
-        this.dailyWorklog = {};
-    }
-    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>
-          <md-icon slot="icon" back @click=${() => history.back()}>arrow_back</md-icon>
-          ${this.project.name}
-        </h2>
-      </div>
-
-      <div body>
-        <div top>
-          <div drawing>
-            <h3>도면: ${this.location}</h3>
-            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />
-          </div>
-
-          <div inspection-container>
-            <div inspection>
-              <div name bold>
-                <md-icon slot="icon">fact_check</md-icon>
-                검측 현황
-              </div>
-
-              <div>
-                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>
-                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>
-                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}
-                </span>
-              </div>
-              <div>
-                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>
-                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>
-                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}
-                </span>
-              </div>
-              <div>
-                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>
-                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>
-                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}
-                </span>
-              </div>
-              <div>
-                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>
-                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>
-                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}
-                </span>
-              </div>
-            </div>
-
-            <ox-event-view
-              .mode=${'monthly'}
-              .eventProvider=${this.calendarData}
-              @select-date=${(e) => {
-            this.selectedDate = moment(e.detail[0]).format('YYYY-MM-DD');
-            this._fetchDailyWorklog(this.selectedDate);
-        }}
-              @change-month=${(e) => {
-            var _a, _b, _c;
-            const year = e.detail.year;
-            const month = (_c = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.month) === null || _b === void 0 ? void 0 : _b.toString()) === null || _c === void 0 ? void 0 : _c.padStart(2, '0');
-            this.selectedYearMonth = `${year}-${month}`;
-            this.grist.fetch();
-        }}
-            >
-            </ox-event-view>
-          </div>
-        </div>
-
-        <div bottom>
-          <div daily-worklog-actions>
-            ${this.dailyWorklog.id
-            ? html `<md-filled-button green @click=${this._openDailyWorklogPopup}>
-                  <md-icon slot="icon">edit</md-icon>일일 업무일지 수정
-                </md-filled-button>`
-            : html `<md-filled-button @click=${this._openDailyWorklogPopup}>
-                  <md-icon slot="icon">note_add</md-icon>일일 업무일지 작성
-                </md-filled-button>`}
-          </div>
-          <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
-            projectType
-            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.calendarData = new InspectionEventProvider(buildingLevelId, this.project.id);
-        // 캘린더 최소 높이 속성 수정
-        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: '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',
-                    hidden: true
-                },
-                {
-                    type: 'string',
-                    name: 'location',
-                    header: '위치',
-                    width: 150,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            navigate(`building-inspection-detail-drawing/${record.id}`);
-                        }
-                    }
-                },
-                {
-                    type: 'string',
-                    name: 'constructionType',
-                    header: '공종',
-                    width: 120,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            navigate(`building-inspection-detail-drawing/${record.id}`);
-                        }
-                    }
-                },
-                {
-                    type: 'string',
-                    name: 'inspectionParts',
-                    header: '검측 부위',
-                    record: {
-                        renderer: value => (value === null || value === void 0 ? void 0 : value.join(', ')) || ''
-                    },
-                    width: 200,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            navigate(`building-inspection-detail-drawing/${record.id}`);
-                        }
-                    }
-                },
-                {
-                    type: 'string',
-                    name: 'requestDate',
-                    header: '검측 요청일',
-                    width: 120,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            navigate(`building-inspection-detail-drawing/${record.id}`);
-                        }
-                    }
-                },
-                {
-                    type: 'string',
-                    name: 'status',
-                    header: '검측 결과',
-                    record: {
-                        renderer: value => BUILDING_INSPECTION_STATUS_DISPLAY[value]
-                    },
-                    width: 120,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            navigate(`building-inspection-detail-drawing/${record.id}`);
-                        }
-                    }
-                },
-                {
-                    type: 'gutter',
-                    gutterName: 'button',
-                    icon: 'fact_check',
-                    header: '도면',
-                    width: 50,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            this._openDrawingPopup(record);
-                        }
-                    }
-                },
-                {
-                    type: 'gutter',
-                    gutterName: 'button',
-                    icon: 'edit_square',
-                    header: '요청서/결과통보',
-                    width: 100,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            this._openInspectionRequestDocument(record.id);
-                        }
-                    }
-                },
-                {
-                    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) => {
-                            this._openPhotoAlbumPopup(record.checklistId);
-                        }
-                    }
-                },
-                {
-                    type: 'gutter',
-                    gutterName: 'button',
-                    icon: 'engineering',
-                    header: '실명부',
-                    width: 50,
-                    handlers: {
-                        click: (columns, data, column, record, rowIndex) => {
-                            this._showNameListPreview(record);
-                        }
-                    }
-                }
-            ],
-            rows: {
-                selectable: {
-                    multiple: true
-                },
-                appendable: false
-            },
-            sorters: [{ name: 'requestDate' }]
-        };
-    }
-    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
-        var _a, _b, _c, _d, _e;
-        if (!this.buildingLevelId)
-            return;
-        const response = await client.query({
-            query: gql `
-        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!, $buildingLevelId: String!) {
-          buildingInspectionsOfBuildingLevel(params: $params) {
-            items {
-              id
-              status
-              requestDate
-              drawingMarker
-
-              checklist {
-                checklistId: id
-                name
-                constructionType
-                constructionDetailType
-                location
-                inspectionParts
-                inspectionDrawingType
-
-                nameListAttachment {
-                  id
-                  name
-                  fullpath
-                }
-              }
-            }
-            total
-          }
-
-          buildingLevel(id: $buildingLevelId) {
-            id
-            floor
-            floorDisplayName
-            building {
-              id
-              name
-            }
-            mainDrawing {
-              id
-              name
-              fullpath
-            }
-            mainDrawingImage
-          }
-        }
-      `,
-            variables: {
-                params: {
-                    buildingLevelId: this.buildingLevelId,
-                    limit: 0,
-                    startDate: moment(this.selectedYearMonth).startOf('month').format('YYYY-MM-DD'),
-                    endDate: moment(this.selectedYearMonth).endOf('month').format('YYYY-MM-DD')
-                },
-                buildingLevelId: this.buildingLevelId
-            }
-        });
-        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.floorDisplayName}층` || '';
-        this.drawingImage = (buildingLevel === null || buildingLevel === void 0 ? void 0 : buildingLevel.mainDrawingImage) || '';
-        this.building = (buildingLevel === null || buildingLevel === void 0 ? void 0 : buildingLevel.building) || {};
-        return {
-            total: ((_e = (_d = response.data) === null || _d === void 0 ? void 0 : _d.buildingInspectionsOfBuildingLevel) === null || _e === void 0 ? void 0 : _e.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();
-                    this.initProject(this.buildingLevelId);
-                    notify({ message: '삭제되었습니다.' });
-                }
-            }
-        }
-    }
-    _openCreateInspection() {
-        openPopup(html `
-        <inspection-create-popup
-          .projectId=${this.project.id}
-          .selectedBuildingId=${this.building.id}
-          .selectedBuildingLevelId=${this.buildingLevelId}
-          @requestRefresh="${() => {
-            this.grist.fetch();
-            this.initProject(this.buildingLevelId);
-        }}"
-        ></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))
-            : '';
-    }
-    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}
-            .projectType=${this.project.projectType}
-          ></checklist-view>
-        </div>
-      `, { backdrop: true, size: 'large', title: '체크 리스트 미리보기' });
-    }
-    async _openPhotoAlbumPopup(checklistId) {
-        openPopup(html ` <photo-album-popup .checklistId=${checklistId}></photo-album-popup> `, {
-            backdrop: true,
-            size: 'large',
-            title: '사진대지'
-        });
-    }
-    async _openInspectionRequestDocument(buildingInspectionId) {
-        const buildingInspection = await getBuildingInspectionForChecklist(buildingInspectionId);
-        if (!buildingInspection.checklist.inspectionRequestUpdatedAt) {
-            notify({ message: '검측 요청서가 없습니다.', level: 'info' });
-            return;
-        }
-        openPopup(html `
-        <div style="overflow-y: auto;">
-          <inspection-request-document
-            .checklist=${buildingInspection.checklist}
-            .buildingInspection=${buildingInspection}
-            .mode=${InspectionMode.VIEW}
-          ></inspection-request-document>
-
-          ${buildingInspection.checklist.inspectionResultUpdatedAt
-            ? html `
-                <hr />
-
-                <inspection-result-notification
-                  .checklist=${buildingInspection.checklist}
-                  .buildingInspection=${buildingInspection}
-                  .mode=${InspectionMode.VIEW}
-                ></inspection-result-notification>
-              `
-            : ''}
-        </div>
-      `, { backdrop: true, size: 'large', title: '검측요청결과 통보내용' });
-    }
-    // 실명부 미리보기
-    _showNameListPreview(record) {
-        const nameListAttachment = record.nameListAttachment;
-        if (!nameListAttachment) {
-            notify({ message: '실명부 파일이 없습니다.', level: 'info' });
-            return;
-        }
-        // 이미지 미리보기 팝업
-        openPopup(html `
-        <image-preview-popup
-          .images=${[{ fullpath: nameListAttachment.fullpath, name: nameListAttachment.name }]}
-          .currentIndex=${0}
-        ></image-preview-popup>
-      `, { backdrop: true, size: 'large', title: '실명부' });
-    }
-    _openDailyWorklogPopup() {
-        const date = this.selectedDate;
-        openPopup(html `<daily-worklog-popup
-        .project=${this.project}
-        .date=${date}
-        .dailyWorklog=${this.dailyWorklog}
-        .mode=${this.dailyWorklog.id ? DailyWorklogMode.EDIT : DailyWorklogMode.CREATE}
-        @createdDailyWorklog=${this._refreshCalendar.bind(this)}
-        @updatedDailyWorklog=${() => this._fetchDailyWorklog(this.selectedDate)}
-      ></daily-worklog-popup>`, {
-            backdrop: true,
-            size: 'large',
-            title: '일일 업무일지 작성'
-        });
-    }
-    // 캘린더 객체 재 생성하여 재 랜더링
-    async _refreshCalendar() {
-        this.calendarData = new InspectionEventProvider(this.buildingLevelId, this.project.id);
-        await this._fetchDailyWorklog(this.selectedDate);
-    }
-    async _fetchDailyWorklog(date = '') {
-        var _a;
-        if (!date)
-            return;
-        const response = await client.query({
-            query: gql `
-        query ($projectId: String!, $date: String!) {
-          buildingInspectionDailyWorklogByProjectIdAndDate(projectId: $projectId, date: $date) {
-            id
-            date
-            documentNo
-            worklogs
-            memo
-            directiveMemo
-            taskSupervisorySignature
-            overallSupervisorySignature
-
-            taskSupervisory {
-              id
-              name
-            }
-            overallSupervisory {
-              id
-              name
-            }
-
-            buildingInspections {
-              id
-
-              checklist {
-                overallSupervisorySignature
-                taskSupervisorySignature
-                taskSupervisory {
-                  id
-                  name
-                }
-                overallSupervisory {
-                  id
-                  name
-                }
-              }
-            }
-          }
-        }
-      `,
-            variables: { projectId: this.project.id, date }
-        });
-        this.dailyWorklog = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionDailyWorklogByProjectIdAndDate) || {};
-    }
-    async _openDrawingPopup(buildingInspection) {
-        const drawingImageProvider = new DrawingImageProvider();
-        const inspectionDrawingType = buildingInspection.checklist.inspectionDrawingType;
-        const drawingShapes = JSON.parse((buildingInspection === null || buildingInspection === void 0 ? void 0 : buildingInspection.drawingMarker) || null) || [];
-        const markers = await drawingImageProvider.getMarkers(inspectionDrawingType);
-        const imageUrl = String(inspectionDrawingType).normalize('NFC');
-        const shapes = [...drawingShapes, ...markers];
-        openPopup(html `<ox-image-marker-view
-        style="pointer-events: none;"
-        id="image-marker"
-        .imageUrl=${imageUrl}
-        .shapes=${shapes}
-        .imageProvider=${drawingImageProvider}
-      ></ox-image-marker-view>`, {
-            backdrop: true,
-            size: 'large',
-            title: '검측 도면'
-        });
-    }
-};
-BuildingInspectionList.styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    css `
-      :host {
-        display: grid;
-        grid-template-rows: 55px auto;
-        color: #4e5055;
-
-        width: 100%;
-        background-color: var(--md-sys-color-background, #f6f6f6);
-        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-filled-button[green] {
-        --md-filled-button-container-color: #008000;
-      }
-
-      md-outlined-button {
-        --md-outlined-button-container-height: 30px;
-        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
-        --md-outlined-button-leading-space: var(--spacing-medium, 8px);
-        --md-sys-color-outline: rgba(51, 51, 51, 0.2);
-      }
-
-      *[bold] {
-        font-weight: bold;
-      }
-
-      div[header] {
-        display: flex;
-        margin: 0px var(--spacing-large, 12px);
-        margin-bottom: var(--spacing-small, 5px);
-
-        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] {
-        display: flex;
-        flex-direction: column;
-        margin: var(--spacing-large, 12px);
-        margin-top: 0;
-        gap: var(--spacing-medium, 8px);
-        min-height: fit-content;
-        overflow-x: hidden;
-      }
-
-      div[body] h3 {
-        color: #2e79be;
-        font-size: 16px;
-        margin: 0px;
-      }
-
-      div[body] > div {
-        display: flex;
-        gap: var(--spacing-medium, 8px);
-        border-radius: 5px;
-      }
-
-      div[top] {
-        flex: 1;
-
-        display: flex;
-        background-color: #f7f7f7;
-      }
-
-      div[drawing] {
-        flex: 1;
-        border: 1px solid #cccccc80;
-        background-color: var(--md-sys-color-on-primary);
-        padding: var(--spacing-large, 12px);
-        border-radius: 5px;
-
-        img {
-          width: 100%;
-
-          display: block;
-          object-fit: contain;
-          object-position: center;
-        }
-      }
-
-      div[inspection-container] {
-        flex: 1;
-        gap: var(--spacing-medium, 8px);
-
-        display: flex;
-        flex-direction: column;
-
-        div[inspection] {
-          display: grid;
-          grid-template-columns: 90px 1fr 1fr 1fr 1fr;
-          background: #ebc8321a;
-          border-radius: 5px;
-          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-
-          & > div {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-
-            span::before {
-              display: inline-block;
-              position: relative;
-              content: '';
-              width: 10px;
-              height: 10px;
-              border-radius: 6px;
-              top: -1px;
-              margin-right: 2px;
-            }
-
-            span[status='wait']::before {
-              background-color: #4e5055;
-            }
-            span[status='request']::before {
-              background-color: #3395f1;
-            }
-            span[status='pass']::before {
-              background-color: #1bb401;
-            }
-            span[status='fail']::before {
-              background-color: #ff4444;
-            }
-            span[dot] {
-              font-size: 1.3em;
-            }
-          }
-          & > div[name] {
-            flex-direction: row;
-            text-align: right;
-            gap: var(--spacing-small, 4px);
-            padding-right: var(--spacing-large, 12px);
-            border-right: 2px dotted #ccc;
-            max-width: 100%;
-            line-height: 1.3;
-
-            md-icon {
-              width: 40px;
-              height: 40px;
-              border-radius: 5px;
-              color: #fff;
-              background: #f16154;
-            }
-          }
-        }
-      }
-
-      ox-event-view {
-        flex: 1;
-      }
-
-      div[bottom] {
-        flex: 1;
-
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        min-height: 300px;
-        gap: 0px !important;
-      }
-
-      div[daily-worklog-actions] {
-        display: flex;
-        justify-content: flex-end;
-      }
-
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-    `
-];
-__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([
-    state(),
-    __metadata("design:type", Object)
-], BuildingInspectionList.prototype, "calendarData", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], BuildingInspectionList.prototype, "selectedYearMonth", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], BuildingInspectionList.prototype, "selectedDate", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], BuildingInspectionList.prototype, "dailyWorklog", 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