@dssp/supervision 1.0.0-y.0 → 1.0.0

package/dist-client/pages/building-inspection/component/inspection-document/inspection-result-notification.js

@@ -1,479 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/button/elevated-button.js';
-import '@material/web/icon/icon.js';
-import '@material/web/radio/radio.js';
-import '@material/web/textfield/outlined-text-field.js';
-import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ScrollbarStyles } from '@operato/styles';
-import { InspectionMode } from './inspection-request-document';
-export var InspectionResultStatus;
-(function (InspectionResultStatus) {
-    InspectionResultStatus["PASS"] = "PASS";
-    InspectionResultStatus["FAIL"] = "FAIL"; // 불합격
-})(InspectionResultStatus || (InspectionResultStatus = {}));
-export var InspectionResultType;
-(function (InspectionResultType) {
-    InspectionResultType["GENERAL"] = "GENERAL";
-    InspectionResultType["FOCUS"] = "FOCUS";
-    InspectionResultType["CONCEALED_WORK"] = "CONCEALED_WORK"; // 매몰부위
-})(InspectionResultType || (InspectionResultType = {}));
-let InspectionResultNotification = class InspectionResultNotification extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.checklist = {};
-        this.buildingInspection = {};
-        this.project = {};
-        this.mode = InspectionMode.VIEW;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        const headerDate = this._formatDate(new Date(((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionResultUpdatedAt) || Date.now()));
-        return html `
-      <div class="document-container">
-        <div class="document-header">
-          <div class="document-title">검측 결과 통보</div>
-        </div>
-
-        <div class="document-body">
-          <div class="date-section">${headerDate}</div>
-
-          <div class="recipient-section">
-            <div class="recipient-item">
-              <span class="recipient-label">문서 번호:</span>
-              <span>${((_b = this.checklist) === null || _b === void 0 ? void 0 : _b.inspectionResultDocumentNo) || ''}</span>
-            </div>
-            <div class="recipient-item">
-              <span class="recipient-label">수신:</span>
-              <span>${(_f = (_e = (_d = (_c = this.buildingInspection) === null || _c === void 0 ? void 0 : _c.buildingLevel) === null || _d === void 0 ? void 0 : _d.building) === null || _e === void 0 ? void 0 : _e.buildingComplex) === null || _f === void 0 ? void 0 : _f.constructionCompany}</span>
-            </div>
-          </div>
-
-          <div class="content-section">
-            문서번호 ${((_g = this.checklist) === null || _g === void 0 ? void 0 : _g.inspectionRequestDocumentNo) || ''} 검측 요청한 건에 대하여
-            ${this._formatDate(new Date((_h = this.buildingInspection) === null || _h === void 0 ? void 0 : _h.requestDate))} 검측한 결과를 다음과 같이 통보합니다.
-          </div>
-
-          <table class="request-table">
-            <tr>
-              <th>검측 결과</th>
-              <td>
-                <div class="radio-group">
-                  <div class="radio-item">
-                    <md-radio
-                      name="inspectionResultStatus"
-                      value="PASS"
-                      ?checked=${this._getOverallResult() === InspectionResultStatus.PASS}
-                      disabled
-                    ></md-radio>
-                    <span>합격</span>
-                  </div>
-                  <div class="radio-item">
-                    <md-radio
-                      name="inspectionResultStatus"
-                      value="FAIL"
-                      ?checked=${this._getOverallResult() === InspectionResultStatus.FAIL}
-                      disabled
-                    ></md-radio>
-                    <span>불합격</span>
-                  </div>
-                </div>
-              </td>
-            </tr>
-            <tr>
-              <th>검측 종류</th>
-              <td>
-                <div class="radio-group">
-                  <div class="radio-item">
-                    <md-radio
-                      name="inspectionResultType"
-                      value="GENERAL"
-                      ?checked=${((_j = this.checklist) === null || _j === void 0 ? void 0 : _j.inspectionResultType) === InspectionResultType.GENERAL}
-                      ?disabled=${this.mode === InspectionMode.VIEW}
-                      @change=${this._onInspectionTypeChange}
-                    ></md-radio>
-                    <span>일반</span>
-                  </div>
-                  <div class="radio-item">
-                    <md-radio
-                      name="inspectionResultType"
-                      value="FOCUS"
-                      ?checked=${((_k = this.checklist) === null || _k === void 0 ? void 0 : _k.inspectionResultType) === InspectionResultType.FOCUS}
-                      ?disabled=${this.mode === InspectionMode.VIEW}
-                      @change=${this._onInspectionTypeChange}
-                    ></md-radio>
-                    <span>중점</span>
-                  </div>
-                  <div class="radio-item">
-                    <md-radio
-                      name="inspectionResultType"
-                      value="CONCEALED_WORK"
-                      ?checked=${((_l = this.checklist) === null || _l === void 0 ? void 0 : _l.inspectionResultType) === InspectionResultType.CONCEALED_WORK}
-                      ?disabled=${this.mode === InspectionMode.VIEW}
-                      @change=${this._onInspectionTypeChange}
-                    ></md-radio>
-                    <span>매몰부위</span>
-                  </div>
-                </div>
-              </td>
-            </tr>
-            <tr>
-              <th>지시 사항</th>
-              <td>
-                <input
-                  type="text"
-                  class="instructions-field"
-                  .value=${((_m = this.checklist) === null || _m === void 0 ? void 0 : _m.inspectionResultMemo) || ''}
-                  ?disabled=${this.mode === InspectionMode.VIEW}
-                  @input=${this._onInstructionsChange}
-                  placeholder="지시 사항을 입력하세요."
-                />
-              </td>
-            </tr>
-          </table>
-
-          <div class="document-footer">
-            <div class="attachment-section">
-              <div class="attachment-title">첨부 파일</div>
-              <div class="attachment-list">
-                <div class="attachment-item">시공자의 검측 체크리스트</div>
-                ${this._getAttachmentCount() > 0
-            ? html `<div class="attachment-item">첨부 사진 ${this._getAttachmentCount()}개</div>`
-            : ''}
-              </div>
-            </div>
-
-            <div class="signature-section">
-              <div class="signature-box">
-                <div class="signature-title">공종별 감리 책임자</div>
-                <div class="signature-name">${(_p = (_o = this.checklist) === null || _o === void 0 ? void 0 : _o.taskSupervisory) === null || _p === void 0 ? void 0 : _p.name}</div>
-                <div class="signature-container">
-                  ${((_q = this.checklist) === null || _q === void 0 ? void 0 : _q.taskSupervisorySignature)
-            ? html `<img class="signature-image" src="${this.checklist.taskSupervisorySignature}" alt="서명" />`
-            : ''}
-                </div>
-              </div>
-              <div class="signature-box">
-                <div class="signature-title">총괄 감리 책임자</div>
-                <div class="signature-name">${(_s = (_r = this.checklist) === null || _r === void 0 ? void 0 : _r.overallSupervisory) === null || _s === void 0 ? void 0 : _s.name}</div>
-                <div class="signature-container">
-                  ${((_t = this.checklist) === null || _t === void 0 ? void 0 : _t.overallSupervisorySignature)
-            ? html `<img class="signature-image" src="${this.checklist.overallSupervisorySignature}" alt="서명" />`
-            : ''}
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      ${this.mode === InspectionMode.EDIT
-            ? html `
-            <div class="button-container">
-              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>
-            </div>
-          `
-            : ''}
-    `;
-    }
-    updated() {
-        var _a;
-        const overall = this._getOverallResult();
-        if (((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionResultStatus) !== overall) {
-            this.dispatchEvent(new CustomEvent('inspection-result-change', {
-                detail: { inspectionResultStatus: overall },
-                bubbles: true
-            }));
-        }
-    }
-    _formatDate(date) {
-        return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`;
-    }
-    _getAttachmentCount() {
-        var _a, _b, _c;
-        return (((_c = (_b = (_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.checklist) === null || _b === void 0 ? void 0 : _b.checklistItems) === null || _c === void 0 ? void 0 : _c.reduce((acc, item) => {
-            return acc + item.checklistItemAttachmentCount;
-        }, 0)) || 0);
-    }
-    _getOverallResult() {
-        var _a, _b;
-        const hasFailedItems = (_b = (_a = this.checklist) === null || _a === void 0 ? void 0 : _a.checklistItems) === null || _b === void 0 ? void 0 : _b.some(item => item.supervisoryConfirmStatus === 'F');
-        return hasFailedItems ? InspectionResultStatus.FAIL : InspectionResultStatus.PASS;
-    }
-    _onInspectionTypeChange(e) {
-        const target = e.target;
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionResultType: target.value });
-        this.requestUpdate();
-        this.dispatchEvent(new CustomEvent('inspection-type-change', {
-            detail: { inspectionResultType: target.value },
-            bubbles: true
-        }));
-    }
-    _onInstructionsChange(e) {
-        const target = e.target;
-        this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionResultMemo: target.value });
-        this.requestUpdate();
-        this.dispatchEvent(new CustomEvent('instructions-change', {
-            detail: { inspectionResultMemo: target.value },
-            bubbles: true
-        }));
-    }
-    // 확인 버튼
-    _onConfirm() {
-        this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }));
-        history.back();
-    }
-};
-InspectionResultNotification.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: block;
-        padding: 20px;
-        font-family: 'Noto Sans KR', sans-serif;
-        line-height: 1.4;
-        overflow-y: auto;
-      }
-
-      .document-container {
-        max-width: 800px;
-        margin: 0 auto;
-        background: white;
-        border: 2px solid #333;
-      }
-
-      .document-header {
-        text-align: center;
-        padding: 15px;
-        border-bottom: 1px solid #333;
-      }
-
-      .document-title {
-        font-size: 18px;
-        font-weight: bold;
-        margin-bottom: 10px;
-      }
-
-      .document-body {
-        padding: 20px;
-      }
-
-      .date-section {
-        text-align: right;
-        margin-bottom: 20px;
-        font-size: 14px;
-      }
-
-      .recipient-section {
-        margin-bottom: 30px;
-      }
-
-      .recipient-item {
-        display: flex;
-        margin-bottom: 5px;
-      }
-
-      .recipient-label {
-        font-weight: bold;
-        margin-right: 18px;
-      }
-
-      .content-section {
-        margin-bottom: 20px;
-        line-height: 1.6;
-      }
-
-      .request-table {
-        width: 100%;
-        border-collapse: collapse;
-        margin-bottom: 20px;
-      }
-
-      .request-table th,
-      .request-table td {
-        border: 1px solid #333;
-        padding: 8px;
-        text-align: left;
-      }
-
-      .request-table th {
-        background-color: #f5f5f5;
-        font-weight: bold;
-        width: 120px;
-      }
-
-      .radio-group {
-        display: flex;
-        gap: 20px;
-        align-items: center;
-      }
-
-      .radio-item {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-      }
-
-      .signature-section {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-end;
-        gap: 15px;
-      }
-
-      .signature-box {
-        display: flex;
-        align-items: center;
-        gap: 15px;
-        text-align: right;
-      }
-
-      .signature-title {
-        font-size: 14px;
-        font-weight: bold;
-        color: #333;
-        min-width: 120px;
-      }
-
-      .signature-name {
-        font-size: 14px;
-        color: #333;
-      }
-
-      .signature-container {
-        position: relative;
-        min-width: 100px;
-        min-height: 60px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .signature-container::after {
-        content: '(인)';
-        position: absolute;
-        bottom: 5px;
-        right: 5px;
-        font-size: 12px;
-        color: #333;
-        font-weight: bold;
-        z-index: 2;
-      }
-
-      .signature-image {
-        max-width: 140px;
-        max-height: 60px;
-        width: auto;
-        height: auto;
-      }
-
-      .attachment-section {
-        margin-top: 30px;
-        margin-bottom: 30px;
-      }
-
-      .attachment-title {
-        font-weight: bold;
-        font-size: 14px;
-        color: #333;
-        margin-bottom: 10px;
-        display: flex;
-        align-items: center;
-        gap: 8px;
-      }
-
-      .attachment-list {
-        margin-left: 30px;
-      }
-
-      .attachment-item {
-        margin-bottom: 5px;
-        color: #2196f3;
-        font-size: 14px;
-        line-height: 1.5;
-      }
-
-      .instructions-field {
-        width: 100%;
-        max-width: -webkit-fill-available;
-        height: 40px;
-        border: 1px solid #ddd;
-        padding: 10px;
-        font-size: 15px;
-        border-radius: 5px;
-      }
-
-      .document-footer {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-
-      .signature-container::after {
-        content: '(인)';
-        position: absolute;
-        bottom: 5px;
-        right: 5px;
-        font-size: 12px;
-        color: #333;
-        font-weight: bold;
-        z-index: 2;
-      }
-
-      .signature-line {
-        border-bottom: 1px solid #333;
-        height: 60px;
-        margin-bottom: 5px;
-        position: relative;
-        min-width: 100px;
-      }
-
-      .signature-label {
-        font-size: 12px;
-      }
-
-      .button-container {
-        display: flex;
-        justify-content: center;
-        margin-top: 20px;
-        padding: 15px 0;
-        border-top: 1px solid #ddd;
-      }
-
-      .button-container md-elevated-button {
-        background-color: #3498db;
-        color: white;
-        padding: 12px 30px;
-        font-size: 16px;
-        font-weight: bold;
-        border-radius: 8px;
-      }
-
-      .document-footer {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-    `
-];
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], InspectionResultNotification.prototype, "checklist", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], InspectionResultNotification.prototype, "buildingInspection", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], InspectionResultNotification.prototype, "project", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], InspectionResultNotification.prototype, "mode", void 0);
-InspectionResultNotification = __decorate([
-    customElement('inspection-result-notification')
-], InspectionResultNotification);
-export { InspectionResultNotification };
-//# sourceMappingURL=inspection-result-notification.js.map

package/dist-client/pages/building-inspection/component/inspection-document/inspection-result-notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inspection-result-notification.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-result-notification.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/radio/radio.js'\nimport '@material/web/textfield/outlined-text-field.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { InspectionMode } from './inspection-request-document'\n\nexport enum InspectionResultStatus {\n  PASS = 'PASS', // 합격\n  FAIL = 'FAIL' // 불합격\n}\n\nexport enum InspectionResultType {\n  GENERAL = 'GENERAL', // 일반\n  FOCUS = 'FOCUS', // 중점\n  CONCEALED_WORK = 'CONCEALED_WORK' // 매몰부위\n}\n\n@customElement('inspection-result-notification')\nexport class InspectionResultNotification extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .content-section {\n        margin-bottom: 20px;\n        line-height: 1.6;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .radio-group {\n        display: flex;\n        gap: 20px;\n        align-items: center;\n      }\n\n      .radio-item {\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n\n      .signature-section {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 15px;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        text-align: right;\n      }\n\n      .signature-title {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        min-width: 120px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 100px;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        margin-bottom: 30px;\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 14px;\n        color: #333;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        margin-left: 30px;\n      }\n\n      .attachment-item {\n        margin-bottom: 5px;\n        color: #2196f3;\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .instructions-field {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-line {\n        border-bottom: 1px solid #333;\n        height: 60px;\n        margin-bottom: 5px;\n        position: relative;\n        min-width: 100px;\n      }\n\n      .signature-label {\n        font-size: 12px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: Object }) project: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const headerDate = this._formatDate(new Date(this.checklist?.inspectionResultUpdatedAt || Date.now()))\n\n    return html`\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측 결과 통보</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${headerDate}</div>\n\n          <div class=\"recipient-section\">\n            <div class=\"recipient-item\">\n              <span class=\"recipient-label\">문서 번호:</span>\n              <span>${this.checklist?.inspectionResultDocumentNo || ''}</span>\n            </div>\n            <div class=\"recipient-item\">\n              <span class=\"recipient-label\">수신:</span>\n              <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.constructionCompany}</span>\n            </div>\n          </div>\n\n          <div class=\"content-section\">\n            문서번호 ${this.checklist?.inspectionRequestDocumentNo || ''} 검측 요청한 건에 대하여\n            ${this._formatDate(new Date(this.buildingInspection?.requestDate))} 검측한 결과를 다음과 같이 통보합니다.\n          </div>\n\n          <table class=\"request-table\">\n            <tr>\n              <th>검측 결과</th>\n              <td>\n                <div class=\"radio-group\">\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultStatus\"\n                      value=\"PASS\"\n                      ?checked=${this._getOverallResult() === InspectionResultStatus.PASS}\n                      disabled\n                    ></md-radio>\n                    <span>합격</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultStatus\"\n                      value=\"FAIL\"\n                      ?checked=${this._getOverallResult() === InspectionResultStatus.FAIL}\n                      disabled\n                    ></md-radio>\n                    <span>불합격</span>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <th>검측 종류</th>\n              <td>\n                <div class=\"radio-group\">\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"GENERAL\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.GENERAL}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>일반</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"FOCUS\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.FOCUS}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>중점</span>\n                  </div>\n                  <div class=\"radio-item\">\n                    <md-radio\n                      name=\"inspectionResultType\"\n                      value=\"CONCEALED_WORK\"\n                      ?checked=${this.checklist?.inspectionResultType === InspectionResultType.CONCEALED_WORK}\n                      ?disabled=${this.mode === InspectionMode.VIEW}\n                      @change=${this._onInspectionTypeChange}\n                    ></md-radio>\n                    <span>매몰부위</span>\n                  </div>\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <th>지시 사항</th>\n              <td>\n                <input\n                  type=\"text\"\n                  class=\"instructions-field\"\n                  .value=${this.checklist?.inspectionResultMemo || ''}\n                  ?disabled=${this.mode === InspectionMode.VIEW}\n                  @input=${this._onInstructionsChange}\n                  placeholder=\"지시 사항을 입력하세요.\"\n                />\n              </td>\n            </tr>\n          </table>\n\n          <div class=\"document-footer\">\n            <div class=\"attachment-section\">\n              <div class=\"attachment-title\">첨부 파일</div>\n              <div class=\"attachment-list\">\n                <div class=\"attachment-item\">시공자의 검측 체크리스트</div>\n                ${this._getAttachmentCount() > 0\n                  ? html`<div class=\"attachment-item\">첨부 사진 ${this._getAttachmentCount()}개</div>`\n                  : ''}\n              </div>\n            </div>\n\n            <div class=\"signature-section\">\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">공종별 감리 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.taskSupervisory?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.taskSupervisorySignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.taskSupervisorySignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">총괄 감리 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.overallSupervisory?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.overallSupervisorySignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.overallSupervisorySignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.mode === InspectionMode.EDIT\n        ? html`\n            <div class=\"button-container\">\n              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  protected updated() {\n    const overall = this._getOverallResult()\n    if (this.checklist?.inspectionResultStatus !== overall) {\n      this.dispatchEvent(\n        new CustomEvent('inspection-result-change', {\n          detail: { inspectionResultStatus: overall },\n          bubbles: true\n        })\n      )\n    }\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _getAttachmentCount(): number {\n    return (\n      this.buildingInspection?.checklist?.checklistItems?.reduce((acc, item) => {\n        return acc + item.checklistItemAttachmentCount\n      }, 0) || 0\n    )\n  }\n\n  private _getOverallResult(): string {\n    const hasFailedItems = this.checklist?.checklistItems?.some(item => item.supervisoryConfirmStatus === 'F')\n    return hasFailedItems ? InspectionResultStatus.FAIL : InspectionResultStatus.PASS\n  }\n\n  private _onInspectionTypeChange(e: Event) {\n    const target = e.target as any\n    this.checklist = {\n      ...this.checklist,\n      inspectionResultType: target.value\n    }\n    this.requestUpdate()\n    this.dispatchEvent(\n      new CustomEvent('inspection-type-change', {\n        detail: { inspectionResultType: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  private _onInstructionsChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.checklist = {\n      ...this.checklist,\n      inspectionResultMemo: target.value\n    }\n    this.requestUpdate()\n    this.dispatchEvent(\n      new CustomEvent('instructions-change', {\n        detail: { inspectionResultMemo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/inspection-document/photo-album-popup.d.ts

@@ -1,27 +0,0 @@
-import '@material/web/button/elevated-button.js';
-import '@material/web/icon/icon.js';
-import '@material/web/tabs/tabs.js';
-import '@material/web/tabs/primary-tab.js';
-import { LitElement } from 'lit';
-import '../image-preview-popup';
-export declare enum PhotoTab {
-    CONSTRUCTOR = "constructor",
-    SUPERVISOR = "supervisor"
-}
-export declare class PhotoAlbumPopup extends LitElement {
-    static styles: import("lit").CSSResult[];
-    checklistId: string;
-    activeTab: PhotoTab;
-    constructorFiles: any[];
-    supervisorFiles: any[];
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    private _loadPhotos;
-    private _isImageFile;
-    private _getFileExtension;
-    private _setActiveTab;
-    private _openFilePreview;
-    private _onImageError;
-    private _formatDate;
-    private _close;
-}