npm - @dssp/project - Versions diffs - 1.0.0-alpha.9 → 1.0.0-alpha.92 - Mend

@dssp/project 1.0.0-alpha.9 → 1.0.0-alpha.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/dist-client/pages/project/popup/checklist/{schedule-checklist-view.js → task-checklist-view.js} RENAMED Viewed

@@ -1,5 +1,4 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/web/fab/fab.js';
 import '@material/web/icon/icon.js';
 import gql from 'graphql-tag';
 import { client } from '@operato/graphql';
@@ -7,11 +6,10 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import '@operato/input/ox-input-signature.js';
-import { store } from '@operato/shell';
-import { connect } from 'pwa-helpers/connect-mixin.js';
+import { store, connect } from '@operato/shell';
 import { openPopup } from '@operato/layout';
-import './comment-list-popup';
-import './attachment-list-popup';
+import './task-checklist-comment-list-popup';
+import './task-checklist-attachment-list-popup';
 export var ChecklistTypeMainType;
 (function (ChecklistTypeMainType) {
     ChecklistTypeMainType["BASIC"] = "10";
@@ -31,19 +29,14 @@ export var BuildingInspectionStatus;
     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]: '불합격'
+    [BuildingInspectionStatus.WAIT]: '작업 완료',
+    [BuildingInspectionStatus.OVERALL_WAIT]: '작업 완료',
+    [BuildingInspectionStatus.REQUEST]: '감리 대기',
+    [BuildingInspectionStatus.OVERALL_REQUEST]: '감리 대기',
+    [BuildingInspectionStatus.PASS]: '검측 완료',
+    [BuildingInspectionStatus.FAIL]: '조치 필요'
 };
-export var ChecklistReferenceType;
-(function (ChecklistReferenceType) {
-    ChecklistReferenceType["INSPECTION"] = "INSPECTION";
-    ChecklistReferenceType["SCHEDULE"] = "SCHEDULE"; // 공정표
-})(ChecklistReferenceType || (ChecklistReferenceType = {}));
-let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(LitElement) {
+let TaskChecklistView = class TaskChecklistView extends connect(store)(LitElement) {
     constructor() {
         super(...arguments);
         this.mode = "VIEWER" /* ChecklistMode.VIEWER */;
@@ -56,6 +49,11 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
             overallSupervisoryEmails: []
         };
         this.status = BuildingInspectionStatus.WAIT;
+        this._kcsDetail = null;
+        this._hideKcsDetail = () => {
+            this._kcsDetail = null;
+            this.requestUpdate();
+        };
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -127,7 +125,8 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
           <tr>
             <th colspan="2" rowspan="3" type>구분</th>
             <th rowspan="3" inspection-name>검사항목</th>
-            <th rowspan="3" criteria>검사기준</th>
+            <th rowspan="3" criteria>KCS 시방서 기준</th>
+            <th rowspan="3" criteria>현장 시방서 기준</th>
             <th colspan="4" result>검사결과</th>
             <th rowspan="3" small>첨부자료</th>
             <th rowspan="3" small>조치사항</th>
@@ -145,6 +144,8 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
         </thead>
         <tbody>
           ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {
+            const kcs = this._parseKcs(item.kcsCriteria);
+            const hasKcs = !!kcs;
             return html ` <tr>
               ${showMainTypeCell
                 ? html `<td main-type bold rowspan="${mainTypeRowspan}">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`
@@ -152,7 +153,15 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
               ${showDetailTypeCell ? html ` <td bold rowspan="${detailTypeRowspan}">${item.detailType}</td> ` : ''}
               <td>${idx + 1}. ${item.name}</td>
-              <td>${item.inspctionCriteria}</td>
+              <td
+                kcs-criteria
+                ?has-kcs=${hasKcs}
+                @click=${hasKcs ? () => this._showKcsDetail(kcs) : null}
+              >
+                ${(kcs === null || kcs === void 0 ? void 0 : kcs.file_label) || ''}
+                ${hasKcs ? html `<md-icon style="font-size:14px;vertical-align:middle;color:#2e79be;">search</md-icon>` : ''}
+              </td>
+              <td site-spec-criteria>${item.siteSpecCriteria || ''}</td>
               <td radio>
                 <md-radio
                   item-id=${item.id}
@@ -287,8 +296,42 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
         </div>
         <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>
       </div>
+      ${this._kcsDetail ? html `
+        <div kcs-detail-backdrop @click=${(e) => { if (e.target === e.currentTarget)
+            this._hideKcsDetail(); }}>
+          <div kcs-detail-popup>
+            <div kcs-detail-header>
+              <span>KCS 시방서 기준</span>
+              <md-icon @click=${this._hideKcsDetail}>close</md-icon>
+            </div>
+            ${this._kcsDetail.file_label ? html `<div kcs-detail-label>${this._kcsDetail.file_label}</div>` : ''}
+            ${this._kcsDetail.clause_no || this._kcsDetail.clause_title
+            ? html `<div kcs-detail-clause>${[this._kcsDetail.clause_no, this._kcsDetail.clause_title].filter(Boolean).join(' ')}</div>`
+            : ''}
+            <div kcs-detail-text>${this._kcsDetail.text || ''}</div>
+          </div>
+        </div>
+      ` : ''}
     `;
     }
+    // KCS 기준 JSON 문자열을 오브젝트로 파싱
+    _parseKcs(kcsCriteria) {
+        if (!kcsCriteria)
+            return null;
+        try {
+            const obj = JSON.parse(kcsCriteria);
+            return obj && (obj.file_label || obj.text) ? obj : null;
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    // KCS 기준 상세(text)를 작은 팝업으로 표시
+    _showKcsDetail(kcs) {
+        this._kcsDetail = kcs;
+        this.requestUpdate();
+    }
     _onChangeConfirmStatus(e) {
         var _a, _b;
         const target = e.target;
@@ -347,20 +390,20 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
     }
     _onClickComment(checklistItemId) {
         openPopup(html `
-        <comment-list-popup
+        <task-checklist-comment-list-popup
           .checklistItemId=${checklistItemId}
           .status=${this.status}
           @change-comment=${this._refreshItem.bind(this)}
-        ></comment-list-popup>
+        ></task-checklist-comment-list-popup>
       `, { backdrop: true, size: 'medium', title: '조치 사항' });
     }
     _onClickAttachment(checklistItemId) {
         openPopup(html `
-        <attachment-list-popup
+        <task-checklist-attachment-list-popup
           .checklistItemId=${checklistItemId}
           .status=${this.status}
           @change-attachment=${this._refreshItem.bind(this)}
-        ></attachment-list-popup>
+        ></task-checklist-attachment-list-popup>
       `, { backdrop: true, size: 'medium', title: '첨부 자료' });
     }
     async _refreshItem(e) {
@@ -387,7 +430,7 @@ let ScheduleChecklistView = class ScheduleChecklistView extends connect(store)(L
         this.requestUpdate();
     }
 };
-ScheduleChecklistView.styles = [
+TaskChecklistView.styles = [
     ButtonContainerStyles,
     ScrollbarStyles,
     css `
@@ -603,25 +646,87 @@ ScheduleChecklistView.styles = [
         color: #d32f2f;
         animation: pulse 1s infinite;
       }
+      /* KCS 시방서 기준 셀 (클릭 시 상세 팝업) */
+      td[kcs-criteria][has-kcs] {
+        cursor: pointer;
+        color: #2e79be;
+      }
+      td[kcs-criteria][has-kcs]:hover {
+        background-color: #f0f7ff !important;
+      }
+      td[site-spec-criteria] {
+        white-space: pre-wrap;
+      }
+      /* KCS 시방서 기준 상세 팝업 */
+      div[kcs-detail-backdrop] {
+        position: fixed;
+        inset: 0;
+        background: rgba(0, 0, 0, 0.4);
+        z-index: 1100;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      div[kcs-detail-popup] {
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+        width: 480px;
+        max-width: 90vw;
+        max-height: 70vh;
+        overflow-y: auto;
+        padding: 16px 18px;
+        color: #333;
+      }
+      div[kcs-detail-header] {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-weight: bold;
+        font-size: 16px;
+        color: #2e79be;
+        margin-bottom: 10px;
+      }
+      div[kcs-detail-header] md-icon {
+        cursor: pointer;
+        color: #888;
+      }
+      div[kcs-detail-label] {
+        font-weight: bold;
+        font-size: 14px;
+        margin-bottom: 6px;
+      }
+      div[kcs-detail-clause] {
+        font-size: 13px;
+        color: #666;
+        margin-bottom: 8px;
+      }
+      div[kcs-detail-text] {
+        font-size: 14px;
+        line-height: 1.6;
+        white-space: pre-wrap;
+      }
     `
 ];
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], ScheduleChecklistView.prototype, "mode", void 0);
+], TaskChecklistView.prototype, "mode", void 0);
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
-], ScheduleChecklistView.prototype, "checklist", void 0);
+], TaskChecklistView.prototype, "checklist", void 0);
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
-], ScheduleChecklistView.prototype, "buildingComplex", void 0);
+], TaskChecklistView.prototype, "buildingComplex", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], ScheduleChecklistView.prototype, "status", void 0);
-ScheduleChecklistView = __decorate([
-    customElement('schedule-checklist-view')
-], ScheduleChecklistView);
-//# sourceMappingURL=schedule-checklist-view.js.map
+], TaskChecklistView.prototype, "status", void 0);
+TaskChecklistView = __decorate([
+    customElement('task-checklist-view')
+], TaskChecklistView);
+//# sourceMappingURL=task-checklist-view.js.map

package/dist-client/pages/project/popup/checklist/task-checklist-view.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"task-checklist-view.js","sourceRoot":"","sources":["../../../../../client/pages/project/popup/checklist/task-checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport '@operato/input/ox-input-signature.js'\nimport { store, connect } from '@operato/shell'\nimport { openPopup } from '@operato/layout'\nimport './task-checklist-comment-list-popup'\nimport './task-checklist-attachment-list-popup'\n\nexport const enum ChecklistMode {\n VIEWER = 'VIEWER',\n EDITOR = 'EDITOR'\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}\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('task-checklist-view')\nclass TaskChecklistView extends connect(store)(LitElement) {\n static styles = [\n ButtonContainerStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex: 1;\n flex-direction: column;\n padding: var(--spacing-large, 12px);\n padding-top: 0;\n font-size: 14px;\n min-width: 800px;\n }\n\n [bold] {\n font-weight: bold;\n }\n\n div[name] {\n display: flex;\n color: #586878;\n font-size: 24px;\n align-items: center;\n justify-content: center;\n }\n\n table {\n width: 100%;\n font-size: 15px;\n color: #586878;\n text-align: left;\n border-collapse: collapse;\n td,\n th {\n border: 1px rgba(51, 51, 51, 0.2) solid;\n padding-inline: var(--spacing-medium, 8px);\n vertical-align: middle;\n }\n th {\n background-color: #efefef;\n font-weight: bold;\n }\n td {\n height: 33px;\n background-color: var(--md-sys-color-on-primary);\n &[radio] {\n text-align: center;\n width: 50px;\n }\n }\n }\n\n table[header] {\n margin-top: var(--spacing-small, 4px);\n\n td {\n min-width: 180px;\n border-left: none;\n }\n th {\n width: 110px;\n border-right: none;\n }\n }\n\n table[body] {\n border: 2px solid var(--md-sys-color-on-primary-container);\n border-bottom: none;\n margin-top: var(--spacing-medium, 8px);\n\n th {\n text-align: center;\n\n &[type] {\n min-width: 150px;\n }\n &[inspection-name] {\n min-width: 250px;\n }\n &[result] {\n width: 270px;\n }\n &[criteria] {\n width: 90px;\n }\n &[small] {\n width: 60px;\n }\n }\n td {\n &[main-type] {\n width: 50px;\n text-align: center;\n word-break: keep-all;\n }\n\n &[attachment] {\n text-align: center;\n cursor: pointer;\n\n * {\n vertical-align: middle;\n }\n }\n &[comment] {\n cursor: pointer;\n text-align: center;\n\n * {\n vertical-align: middle;\n }\n }\n &[disabled] * {\n opacity: 0.6;\n }\n }\n }\n\n table[tail] {\n border: 2px solid var(--md-sys-color-on-primary-container);\n border-top: none;\n margin-top: -1px;\n\n td {\n width: 25%;\n border-left: none;\n text-align: center;\n position: relative;\n background-color: var(--md-sys-color-on-primary);\n font-size: 14px;\n }\n th {\n width: 25%;\n border-right: none;\n }\n\n span[sign-text] {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n pointer-events: none;\n }\n ox-input-signature {\n margin: var(--spacing-medium, 8px);\n\n &[disabled] {\n background: #eee;\n }\n }\n }\n\n div[footer] {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-tiny, 2px);\n font-size: 12px;\n margin-top: var(--spacing-medium, 8px);\n color: #586878;\n text-indent: -9px;\n padding-left: var(--spacing-medium, 8px);\n }\n\n .stt-float-btns {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .stt-float-btns button {\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 50%;\n width: 38px;\n height: 38px;\n font-size: 18px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n cursor: pointer;\n transition: background 0.2s;\n outline: none;\n }\n .stt-float-btns button:hover {\n background: #f2f2f2;\n }\n div[title-row] {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n }\n div[name] {\n color: #586878;\n font-size: 24px;\n font-weight: bold;\n flex: 1;\n text-align: center;\n }\n\n @keyframes pulse {\n 0% {\n filter: drop-shadow(0 0 0 #d32f2f);\n }\n 70% {\n filter: drop-shadow(0 0 8px #d32f2f);\n }\n 100% {\n filter: drop-shadow(0 0 0 #d32f2f);\n }\n }\n .stt-fab[active] md-icon {\n color: #d32f2f;\n animation: pulse 1s infinite;\n }\n\n /* KCS 시방서 기준 셀 (클릭 시 상세 팝업) */\n td[kcs-criteria][has-kcs] {\n cursor: pointer;\n color: #2e79be;\n }\n td[kcs-criteria][has-kcs]:hover {\n background-color: #f0f7ff !important;\n }\n td[site-spec-criteria] {\n white-space: pre-wrap;\n }\n\n /* KCS 시방서 기준 상세 팝업 */\n div[kcs-detail-backdrop] {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1100;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n div[kcs-detail-popup] {\n background: #fff;\n border-radius: 8px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);\n width: 480px;\n max-width: 90vw;\n max-height: 70vh;\n overflow-y: auto;\n padding: 16px 18px;\n color: #333;\n }\n div[kcs-detail-header] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-weight: bold;\n font-size: 16px;\n color: #2e79be;\n margin-bottom: 10px;\n }\n div[kcs-detail-header] md-icon {\n cursor: pointer;\n color: #888;\n }\n div[kcs-detail-label] {\n font-weight: bold;\n font-size: 14px;\n margin-bottom: 6px;\n }\n div[kcs-detail-clause] {\n font-size: 13px;\n color: #666;\n margin-bottom: 8px;\n }\n div[kcs-detail-text] {\n font-size: 14px;\n line-height: 1.6;\n white-space: pre-wrap;\n }\n `\n ]\n\n @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n @property({ type: Object }) checklist: any = {}\n @property({ type: Object }) buildingComplex = {\n id: '',\n taskConstructorEmails: [] as string[],\n overallConstructorEmails: [] as string[],\n taskSupervisoryEmails: [] as string[],\n overallSupervisoryEmails: [] as string[]\n }\n @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n render() {\n const today = this._getDate(new Date())\n\n // 시공자 스탭 여부\n const isConstructorStep =\n this.status == BuildingInspectionStatus.WAIT ||\n this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n this.status == BuildingInspectionStatus.FAIL\n\n // 감리자 스탭 여부\n const isSupervisoryStep =\n this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n let havePermissionByStatus: boolean = false\n let isTaskConstructor: boolean = false\n let isOverallConstructor: boolean = false\n let isTaskSupervisory: boolean = false\n let isOverallSupervisory: boolean = false\n\n if (this.mode == ChecklistMode.EDITOR && this.status) {\n const email = (store.getState() as any).auth?.user?.email\n // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n havePermissionByStatus = isConstructorStep\n ? isTaskConstructor || isOverallConstructor\n : isTaskSupervisory || isOverallSupervisory\n }\n\n // 체크리스트 아이템 정렬\n this.checklist?.checklistItems?.sort((a, b) => {\n // 1순위: mainType 오름차순\n if (a.mainType < b.mainType) return -1\n if (a.mainType > b.mainType) return 1\n\n // 2순위: detailType 오름차순\n if (a.detailType < b.detailType) return -1\n if (a.detailType > b.detailType) return 1\n\n // 3순위: sequence 오름차순\n return a.sequence - b.sequence\n })\n\n const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n return html`\n <div title-row>\n <div name>${this.checklist.name}</div>\n </div>\n <table header>\n <tr>\n <th>공종</th>\n <td>${this.checklist.constructionType}</td>\n <th>문서 번호</th>\n <td>${this.checklist.documentNo}</td>\n </tr>\n <tr>\n <th>세부 공종</th>\n <td>${this.checklist.constructionDetailType}</td>\n <th>검측 상태</th>\n <td>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</td>\n </tr>\n </table>\n\n <table body>\n <thead>\n <tr>\n <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n <th rowspan=\"3\" inspection-name>검사항목</th>\n <th rowspan=\"3\" criteria>KCS 시방서 기준</th>\n <th rowspan=\"3\" criteria>현장 시방서 기준</th>\n <th colspan=\"4\" result>검사결과</th>\n <th rowspan=\"3\" small>첨부자료</th>\n <th rowspan=\"3\" small>조치사항</th>\n </tr>\n <tr>\n <th colspan=\"2\">시공자</th>\n <th colspan=\"2\">감리자</th>\n </tr>\n <tr>\n <th>적합</th>\n <th>부적합</th>\n <th>적합</th>\n <th>부적합</th>\n </tr>\n </thead>\n <tbody>\n ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n const kcs = this._parseKcs(item.kcsCriteria)\n const hasKcs = !!kcs\n return html` <tr>\n ${showMainTypeCell\n ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n : ''}\n ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n <td>${idx + 1}. ${item.name}</td>\n <td\n kcs-criteria\n ?has-kcs=${hasKcs}\n @click=${hasKcs ? () => this._showKcsDetail(kcs) : null}\n >\n ${kcs?.file_label || ''}\n ${hasKcs ? html`<md-icon style=\"font-size:14px;vertical-align:middle;color:#2e79be;\">search</md-icon>` : ''}\n </td>\n <td site-spec-criteria>${item.siteSpecCriteria || ''}</td>\n <td radio>\n <md-radio\n item-id=${item.id}\n item-name=\"constructionConfirmStatus\"\n name=${'radio-construction-' + item.id}\n value=\"T\"\n .checked=${item.constructionConfirmStatus === 'T'}\n ?disabled=${!isConstructorStep || !havePermissionByStatus}\n @change=${this._onChangeConfirmStatus}\n ></md-radio>\n </td>\n <td radio>\n <md-radio\n item-id=${item.id}\n item-name=\"constructionConfirmStatus\"\n name=${'radio-construction-' + item.id}\n value=\"F\"\n .checked=${item.constructionConfirmStatus === 'F'}\n ?disabled=${!isConstructorStep || !havePermissionByStatus}\n @change=${this._onChangeConfirmStatus}\n ></md-radio>\n </td>\n <td radio>\n <md-radio\n item-id=${item.id}\n item-name=\"supervisoryConfirmStatus\"\n name=${'radio-supervisory-' + item.id}\n value=\"T\"\n .checked=${item.supervisoryConfirmStatus === 'T'}\n ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n @change=${this._onChangeConfirmStatus}\n ></md-radio>\n </td>\n <td radio>\n <md-radio\n item-id=${item.id}\n item-name=\"supervisoryConfirmStatus\"\n name=${'radio-supervisory-' + item.id}\n value=\"F\"\n .checked=${item.supervisoryConfirmStatus === 'F'}\n ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n @change=${this._onChangeConfirmStatus}\n ></md-radio>\n </td>\n <td\n attachment\n ?disabled=${this.status == BuildingInspectionStatus.PASS}\n @click=${() => this._onClickAttachment(item.id)}\n >\n <md-icon slot=\"icon\">attach_file</md-icon>\n <span>${item?.checklistItemAttachmentCount || ''}</span>\n </td>\n <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n <md-icon slot=\"icon\">chat</md-icon>\n <span>${item?.checklistItemCommentCount || ''}</span>\n </td>\n </tr>`\n })}\n </tbody>\n </table>\n\n <table tail>\n <tbody>\n <tr first>\n <th rowspan=\"2\">시공자 점검일</th>\n <td rowspan=\"2\">\n ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n </td>\n <th>공종별 시공 관리자</th>\n <td>\n <span sign-text>(인)</span>\n <ox-input-signature\n .value=${this.checklist.taskConstructorSignature}\n name=\"taskConstructorSignature\"\n @change=${this._onChangeSignature}\n ?disabled=${(this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n !isTaskConstructor}\n >\n </ox-input-signature>\n </td>\n </tr>\n <tr>\n <th>총괄 시공 책임자</th>\n <td>\n <span sign-text>(인)</span>\n <ox-input-signature\n .value=${this.checklist.overallConstructorSignature}\n name=\"overallConstructorSignature\"\n @change=${this._onChangeSignature}\n ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\n >\n </ox-input-signature>\n </td>\n </tr>\n <tr>\n <th rowspan=\"2\">감리자 점검일</th>\n <td rowspan=\"2\">\n ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n </td>\n <th>공종별 감리 책임자</th>\n <td>\n <span sign-text>(인)</span>\n <ox-input-signature\n .value=${this.checklist.taskSupervisorySignature}\n name=\"taskSupervisorySignature\"\n @change=${this._onChangeSignature}\n ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\n >\n </ox-input-signature>\n </td>\n </tr>\n <tr>\n <th>총괄 감리 책임자</th>\n <td>\n <span sign-text>(인)</span>\n <ox-input-signature\n .value=${this.checklist.overallSupervisorySignature}\n name=\"overallSupervisorySignature\"\n @change=${this._onChangeSignature}\n ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\n >\n </ox-input-signature>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div footer>\n <div>\n - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n 수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n </div>\n <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n </div>\n\n ${this._kcsDetail ? html`\n <div kcs-detail-backdrop @click=${(e: Event) => { if (e.target === e.currentTarget) this._hideKcsDetail() }}>\n <div kcs-detail-popup>\n <div kcs-detail-header>\n <span>KCS 시방서 기준</span>\n <md-icon @click=${this._hideKcsDetail}>close</md-icon>\n </div>\n ${this._kcsDetail.file_label ? html`<div kcs-detail-label>${this._kcsDetail.file_label}</div>` : ''}\n ${this._kcsDetail.clause_no || this._kcsDetail.clause_title\n ? html`<div kcs-detail-clause>${[this._kcsDetail.clause_no, this._kcsDetail.clause_title].filter(Boolean).join(' ')}</div>`\n : ''}\n <div kcs-detail-text>${this._kcsDetail.text || ''}</div>\n </div>\n </div>\n ` : ''}\n `\n }\n\n private _kcsDetail: any = null\n\n // KCS 기준 JSON 문자열을 오브젝트로 파싱\n private _parseKcs(kcsCriteria?: string): any {\n if (!kcsCriteria) return null\n try {\n const obj = JSON.parse(kcsCriteria)\n return obj && (obj.file_label || obj.text) ? obj : null\n } catch {\n return null\n }\n }\n\n // KCS 기준 상세(text)를 작은 팝업으로 표시\n private _showKcsDetail(kcs: any) {\n this._kcsDetail = kcs\n this.requestUpdate()\n }\n\n private _hideKcsDetail = () => {\n this._kcsDetail = null\n this.requestUpdate()\n }\n\n private _onChangeConfirmStatus(e: Event) {\n const target = e.target as HTMLInputElement\n const itemId = target.getAttribute('item-id')\n const name = target.getAttribute('item-name') || ''\n const value = target.value\n\n this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n item.id == itemId ? { ...item, [name]: value } : item\n )\n }\n\n private _onChangeSignature(e: Event) {\n const target = e.target as HTMLInputElement\n\n this.checklist[target.name] = target.value\n }\n\n private _getDate(date) {\n if (!date) return ' 년 월 일'\n\n const _date = new Date(date) || new Date()\n return _date.toLocaleDateString('ko-KR', {\n timeZone: 'Asia/Seoul',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n })\n }\n\n private drawChecklistItems(checklistItems) {\n const mainTypeRowspans = {}\n const detailTypeRowspans = {}\n let previousMainType = null\n let previousDetailType = null\n\n return checklistItems.map((item, index) => {\n const mainType = item.mainType\n const detailType = item.detailType\n\n // mainType이 변경되면 rowspan을 계산\n if (mainType !== previousMainType) {\n mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n previousDetailType = null // detailType 초기화\n }\n\n // detailType이 변경되면 rowspan을 계산\n if (detailType !== previousDetailType) {\n detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n i => i.mainType === mainType && i.detailType === detailType\n ).length\n }\n\n const showMainTypeCell = mainType !== previousMainType\n const showDetailTypeCell = detailType !== previousDetailType\n\n const mainTypeRowspan = mainTypeRowspans[mainType]\n const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n // 이전 값을 업데이트\n previousMainType = mainType\n previousDetailType = detailType\n\n return {\n item,\n showMainTypeCell,\n mainTypeRowspan,\n showDetailTypeCell,\n detailTypeRowspan\n }\n })\n }\n\n private _onClickComment(checklistItemId: string) {\n openPopup(\n html`\n <task-checklist-comment-list-popup\n .checklistItemId=${checklistItemId}\n .status=${this.status}\n @change-comment=${this._refreshItem.bind(this)}\n ></task-checklist-comment-list-popup>\n `,\n { backdrop: true, size: 'medium', title: '조치 사항' }\n )\n }\n\n private _onClickAttachment(checklistItemId: string) {\n openPopup(\n html`\n <task-checklist-attachment-list-popup\n .checklistItemId=${checklistItemId}\n .status=${this.status}\n @change-attachment=${this._refreshItem.bind(this)}\n ></task-checklist-attachment-list-popup>\n `,\n { backdrop: true, size: 'medium', title: '첨부 자료' }\n )\n }\n\n private async _refreshItem(e) {\n const { checklistItemId } = e.detail\n const response = await client.query({\n query: gql`\n query ChecklistItem($checklistItemId: String!) {\n checklistItem(id: $checklistItemId) {\n id\n checklistItemCommentCount\n checklistItemAttachmentCount\n }\n }\n `,\n variables: {\n checklistItemId: checklistItemId\n }\n })\n\n const checklistItem = response.data?.checklistItem || []\n this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n })\n\n this.requestUpdate()\n }\n}\n"]}

package/dist-client/pages/project/popup/popup-plan-export.js CHANGED Viewed

@@ -36,7 +36,10 @@ let PopupPlanExport = class PopupPlanExport extends LitElement {
                       <input
                         type="checkbox"
                         .checked=${this.selectedFileIds.includes(file.id)}
-                        @click=${(e) => e.stopPropagation()}
+                        @click=${(e) => {
+                e.stopPropagation();
+                this._onFileItemClick(file.id);
+            }}
                       />
                       <div file-info>
                         <md-icon>description</md-icon>
@@ -55,7 +58,10 @@ let PopupPlanExport = class PopupPlanExport extends LitElement {
                       <input
                         type="checkbox"
                         .checked=${this.selectedFileIds.includes(file.id)}
-                        @click=${(e) => e.stopPropagation()}
+                        @click=${(e) => {
+                e.stopPropagation();
+                this._onFileItemClick(file.id);
+            }}
                       />
                       <div file-info>
                         <md-icon>attachment</md-icon>

package/dist-client/pages/project/popup/popup-plan-export.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popup-plan-export.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-plan-export.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,GAAG,MAAM,aAAa,CAAA;AAStB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAiG+B,kBAAa,GAAkB,EAAE,CAAA;QACpD,oBAAe,GAAa,EAAE,CAAA;IA+HjD,CAAC;IA7HC,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,aAAa,CAAA;QAEnG,YAAY;QACZ,MAAM,SAAS,GAAe,EAAE,CAAA;QAChC,IAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,EAAE,CAAC;YACpB,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;QAC7E,CAAC;QACD,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,EAAE,EAAE,CAAC;YACzB,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,gBAAgB,CAAC,EAAE,EAAE,IAAI,EAAE,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;QACvF,CAAC;QACD,IAAI,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,EAAE,EAAE,CAAC;YACjC,SAAS,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,wBAAwB,CAAC,EAAE,EAAE,IAAI,EAAE,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;QACzG,CAAC;QAED,YAAY;QACZ,MAAM,QAAQ,GAAe,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,EAAG,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,KAAI,EAAE,CAAA;QAExH,OAAO,IAAI,CAAA;;;YAGH,SAAS,CAAC,MAAM,GAAG,CAAC;YACpB,CAAC,CAAC,IAAI,CAAA;;kBAEA,SAAS,CAAC,GAAG,CACb,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;4CACc,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;;;mCAG7C,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;iCACxC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;;;0CAIxB,IAAI,CAAC,IAAI,IAAI,EAAE;0CACf,IAAI,CAAC,IAAI;;;mBAGhC,CACF;eACF;YACH,CAAC,CAAC,EAAE;YACJ,QAAQ,CAAC,MAAM,GAAG,CAAC;YACnB,CAAC,CAAC,IAAI,CAAA;;kBAEA,QAAQ,CAAC,GAAG,CACZ,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;4CACc,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC;;;mCAG7C,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;iCACxC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;;;0CAIxB,IAAI,CAAC,IAAI,IAAI,EAAE;0CACf,IAAI,CAAC,IAAI;;;mBAGhC,CACF;eACF;YACH,CAAC,CAAC,EAAE;YACJ,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAC/C,CAAC,CAAC,IAAI,CAAA,uFAAuF;YAC7F,CAAC,CAAC,EAAE;;;;uCAIuB,IAAI,CAAC,MAAM;qCACb,IAAI,CAAC,YAAY,cAAc,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC;2DAC1C,IAAI,CAAC,eAAe,CAAC,MAAM;;;;KAIjF,CAAA;IACH,CAAC;IAEO,gBAAgB,CAAC,MAAc;QACrC,IAAI,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,CAAA;QACzE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;QAC1D,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,YAAY;;QACxB,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;YACrD,OAAM;QACR,CAAC;QAED,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;SAIZ;gBACD,SAAS,EAAE;oBACT,OAAO,EAAE,IAAI,CAAC,eAAe;iBAC9B;aACF,CAAC,CAAA;YAEF,IAAI,MAAA,QAAQ,CAAC,IAAI,0CAAE,iBAAiB,EAAE,CAAC;gBACrC,gCAAgC;gBAChC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;gBACxC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAA;gBAC3C,IAAI,CAAC,QAAQ,GAAG,GAAG,IAAI,CAAC,aAAc,CAAC,QAAS,CAAC,IAAI,IAAI,IAAI,CAAC,aAAc,CAAC,gBAAgB,UAAU,CAAA;gBACvG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;gBAC/B,IAAI,CAAC,KAAK,EAAE,CAAA;gBACZ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;gBAE/B,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,8BAA8B,EAAE,CAAC,CAAA;gBACjF,IAAI,CAAC,MAAM,EAAE,CAAA;YACf,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAA;YACxC,MAAM,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;IAEO,MAAM;QACZ,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AA/NM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4FF;CACF,AA9FY,CA8FZ;AAEmC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAA0C;AACpD;IAAhB,KAAK,EAAE;;wDAAuC;AAlGpC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiO3B","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { BuildingLevel } from '../project-list'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\n\ninterface FileItem {\n id: string\n name?: string\n type: string\n}\n\n@customElement('popup-plan-export')\nexport class PopupPlanExport extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: #fff;\n width: 100%;\n max-height: 80vh;\n }\n\n div[body] {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n\n div[file-list-container] {\n display: flex;\n flex-direction: column;\n gap: 15px;\n background-color: #f7f7f7;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 20px;\n\n div[file-item] {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #ddd;\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: #f5f5f5;\n }\n\n input[type='checkbox'] {\n width: 18px;\n height: 18px;\n cursor: pointer;\n }\n\n div[file-info] {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 10px;\n\n md-icon {\n --md-icon-size: 24px;\n color: #666;\n }\n\n span[file-name] {\n font-size: 14px;\n font-weight: 500;\n color: #333;\n }\n\n span[file-type] {\n font-size: 12px;\n color: #666;\n background-color: #f0f0f0;\n padding: 2px 6px;\n border-radius: 4px;\n }\n }\n }\n\n div[section-title] {\n font-size: 16px;\n font-weight: 600;\n color: #333;\n margin-top: 10px;\n margin-bottom: 5px;\n border-bottom: 2px solid #ddd;\n padding-bottom: 5px;\n }\n }\n\n div[button-container] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #eee;\n }\n }\n `\n ]\n\n @property({ type: Object }) private buildingLevel: BuildingLevel = {}\n @state() private selectedFileIds: string[] = []\n\n render() {\n const { mainDrawing, elevationDrawing, rebarDistributionDrawing, etcDrawings } = this.buildingLevel\n\n // 메인 도면 파일들\n const mainFiles: FileItem[] = []\n if (mainDrawing?.id) {\n mainFiles.push({ id: mainDrawing.id, name: mainDrawing.name, type: '평면도' })\n }\n if (elevationDrawing?.id) {\n mainFiles.push({ id: elevationDrawing.id, name: elevationDrawing.name, type: '입면도' })\n }\n if (rebarDistributionDrawing?.id) {\n mainFiles.push({ id: rebarDistributionDrawing.id, name: rebarDistributionDrawing.name, type: '철근배근도' })\n }\n\n // 기타 도면 파일들\n const etcFiles: FileItem[] = etcDrawings?.map(drawing => ({ id: drawing.id!, name: drawing.name, type: '기타 도면' })) \|\| []\n\n return html`\n <div body>\n <div file-list-container>\n ${mainFiles.length > 0\n ? html`\n <div section-title>주요 도면</div>\n ${mainFiles.map(\n file => html`\n <div file-item @click=${() => this._onFileItemClick(file.id)}>\n <input\n type=\"checkbox\"\n .checked=${this.selectedFileIds.includes(file.id)}\n @click=${(e: Event) => e.stopPropagation()}\n />\n <div file-info>\n <md-icon>description</md-icon>\n <span file-name>${file.name \|\| ''}</span>\n <span file-type>${file.type}</span>\n </div>\n </div>\n `\n )}\n `\n : ''}\n ${etcFiles.length > 0\n ? html`\n <div section-title>기타 도면</div>\n ${etcFiles.map(\n file => html`\n <div file-item @click=${() => this._onFileItemClick(file.id)}>\n <input\n type=\"checkbox\"\n .checked=${this.selectedFileIds.includes(file.id)}\n @click=${(e: Event) => e.stopPropagation()}\n />\n <div file-info>\n <md-icon>attachment</md-icon>\n <span file-name>${file.name \|\| ''}</span>\n <span file-type>${file.type}</span>\n </div>\n </div>\n `\n )}\n `\n : ''}\n ${mainFiles.length === 0 && etcFiles.length === 0\n ? html` <div style=\"text-align: center; color: #666; padding: 40px;\">내보낼 도면 파일이 없습니다.</div> `\n : ''}\n </div>\n\n <div button-container>\n <md-outlined-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소 </md-outlined-button>\n <md-filled-button @click=${this._exportFiles} .disabled=${this.selectedFileIds.length === 0}>\n <md-icon slot=\"icon\">download</md-icon>내보내기 (${this.selectedFileIds.length})\n </md-filled-button>\n </div>\n </div>\n `\n }\n\n private _onFileItemClick(fileId: string) {\n if (this.selectedFileIds.includes(fileId)) {\n this.selectedFileIds = this.selectedFileIds.filter(id => id !== fileId)\n } else {\n this.selectedFileIds = [...this.selectedFileIds, fileId]\n }\n }\n\n private async _exportFiles() {\n if (this.selectedFileIds.length === 0) {\n notify({ message: '내보낼 파일을 선택해주세요.', level: 'warn' })\n return\n }\n\n try {\n const response = await client.mutate({\n mutation: gql`\n mutation DownloadPlanFiles($fileIds: [String!]!) {\n downloadPlanFiles(fileIds: $fileIds)\n }\n `,\n variables: {\n fileIds: this.selectedFileIds\n }\n })\n\n if (response.data?.downloadPlanFiles) {\n // 서버에서 ZIP 파일 다운로드 URL을 반환하는 경우\n const link = document.createElement('a')\n link.href = response.data.downloadPlanFiles\n link.download = `${this.buildingLevel!.building!.name} ${this.buildingLevel!.floorDisplayName}층 도면.zip`\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n\n notify({ message: `${this.selectedFileIds.length}개 파일이 ZIP으로 압축되어 다운로드 되었습니다.` })\n this._close()\n }\n } catch (error) {\n console.error('파일 내보내기 중 오류 발생:', error)\n notify({ message: '파일 내보내기 중 오류가 발생했습니다.', level: 'error' })\n }\n }\n\n private _close() {\n history.back()\n }\n}\n"]}
1	+ {"version":3,"file":"popup-plan-export.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-plan-export.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { BuildingLevel } from '../project-list'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\n\ninterface FileItem {\n id: string\n name?: string\n type: string\n}\n\n@customElement('popup-plan-export')\nexport class PopupPlanExport extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: #fff;\n width: 100%;\n max-height: 80vh;\n }\n\n div[body] {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n\n div[file-list-container] {\n display: flex;\n flex-direction: column;\n gap: 15px;\n background-color: #f7f7f7;\n padding: 20px;\n border-radius: 8px;\n margin-bottom: 20px;\n\n div[file-item] {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px;\n background-color: #fff;\n border-radius: 6px;\n border: 1px solid #ddd;\n cursor: pointer;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: #f5f5f5;\n }\n\n input[type='checkbox'] {\n width: 18px;\n height: 18px;\n cursor: pointer;\n }\n\n div[file-info] {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 10px;\n\n md-icon {\n --md-icon-size: 24px;\n color: #666;\n }\n\n span[file-name] {\n font-size: 14px;\n font-weight: 500;\n color: #333;\n }\n\n span[file-type] {\n font-size: 12px;\n color: #666;\n background-color: #f0f0f0;\n padding: 2px 6px;\n border-radius: 4px;\n }\n }\n }\n\n div[section-title] {\n font-size: 16px;\n font-weight: 600;\n color: #333;\n margin-top: 10px;\n margin-bottom: 5px;\n border-bottom: 2px solid #ddd;\n padding-bottom: 5px;\n }\n }\n\n div[button-container] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 20px;\n padding-top: 20px;\n border-top: 1px solid #eee;\n }\n }\n `\n ]\n\n @property({ type: Object }) private buildingLevel: BuildingLevel = {}\n @state() private selectedFileIds: string[] = []\n\n render() {\n const { mainDrawing, elevationDrawing, rebarDistributionDrawing, etcDrawings } = this.buildingLevel\n\n // 메인 도면 파일들\n const mainFiles: FileItem[] = []\n if (mainDrawing?.id) {\n mainFiles.push({ id: mainDrawing.id, name: mainDrawing.name, type: '평면도' })\n }\n if (elevationDrawing?.id) {\n mainFiles.push({ id: elevationDrawing.id, name: elevationDrawing.name, type: '입면도' })\n }\n if (rebarDistributionDrawing?.id) {\n mainFiles.push({ id: rebarDistributionDrawing.id, name: rebarDistributionDrawing.name, type: '철근배근도' })\n }\n\n // 기타 도면 파일들\n const etcFiles: FileItem[] = etcDrawings?.map(drawing => ({ id: drawing.id!, name: drawing.name, type: '기타 도면' })) \|\| []\n\n return html`\n <div body>\n <div file-list-container>\n ${mainFiles.length > 0\n ? html`\n <div section-title>주요 도면</div>\n ${mainFiles.map(\n file => html`\n <div file-item @click=${() => this._onFileItemClick(file.id)}>\n <input\n type=\"checkbox\"\n .checked=${this.selectedFileIds.includes(file.id)}\n @click=${(e: Event) => {\n e.stopPropagation()\n this._onFileItemClick(file.id)\n }}\n />\n <div file-info>\n <md-icon>description</md-icon>\n <span file-name>${file.name \|\| ''}</span>\n <span file-type>${file.type}</span>\n </div>\n </div>\n `\n )}\n `\n : ''}\n ${etcFiles.length > 0\n ? html`\n <div section-title>기타 도면</div>\n ${etcFiles.map(\n file => html`\n <div file-item @click=${() => this._onFileItemClick(file.id)}>\n <input\n type=\"checkbox\"\n .checked=${this.selectedFileIds.includes(file.id)}\n @click=${(e: Event) => {\n e.stopPropagation()\n this._onFileItemClick(file.id)\n }}\n />\n <div file-info>\n <md-icon>attachment</md-icon>\n <span file-name>${file.name \|\| ''}</span>\n <span file-type>${file.type}</span>\n </div>\n </div>\n `\n )}\n `\n : ''}\n ${mainFiles.length === 0 && etcFiles.length === 0\n ? html` <div style=\"text-align: center; color: #666; padding: 40px;\">내보낼 도면 파일이 없습니다.</div> `\n : ''}\n </div>\n\n <div button-container>\n <md-outlined-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소 </md-outlined-button>\n <md-filled-button @click=${this._exportFiles} .disabled=${this.selectedFileIds.length === 0}>\n <md-icon slot=\"icon\">download</md-icon>내보내기 (${this.selectedFileIds.length})\n </md-filled-button>\n </div>\n </div>\n `\n }\n\n private _onFileItemClick(fileId: string) {\n if (this.selectedFileIds.includes(fileId)) {\n this.selectedFileIds = this.selectedFileIds.filter(id => id !== fileId)\n } else {\n this.selectedFileIds = [...this.selectedFileIds, fileId]\n }\n }\n\n private async _exportFiles() {\n if (this.selectedFileIds.length === 0) {\n notify({ message: '내보낼 파일을 선택해주세요.', level: 'warn' })\n return\n }\n\n try {\n const response = await client.mutate({\n mutation: gql`\n mutation DownloadPlanFiles($fileIds: [String!]!) {\n downloadPlanFiles(fileIds: $fileIds)\n }\n `,\n variables: {\n fileIds: this.selectedFileIds\n }\n })\n\n if (response.data?.downloadPlanFiles) {\n // 서버에서 ZIP 파일 다운로드 URL을 반환하는 경우\n const link = document.createElement('a')\n link.href = response.data.downloadPlanFiles\n link.download = `${this.buildingLevel!.building!.name} ${this.buildingLevel!.floorDisplayName}층 도면.zip`\n document.body.appendChild(link)\n link.click()\n document.body.removeChild(link)\n\n notify({ message: `${this.selectedFileIds.length}개 파일이 ZIP으로 압축되어 다운로드 되었습니다.` })\n this._close()\n }\n } catch (error) {\n console.error('파일 내보내기 중 오류 발생:', error)\n notify({ message: '파일 내보내기 중 오류가 발생했습니다.', level: 'error' })\n }\n }\n\n private _close() {\n history.back()\n }\n}\n"]}

package/dist-client/pages/project/popup/{popup-schedule-upload.d.ts → popup-task-upload.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-export declare class PopupScheduleUpload extends LitElement {
+export declare class PopupTaskUpload extends LitElement {
     static styles: import("lit").CSSResult[];
     private scheduleTable;
     private projectId;

package/dist-client/pages/project/popup/{popup-schedule-upload.js → popup-task-upload.js} RENAMED Viewed

@@ -4,7 +4,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { notify } from '@operato/layout';
 import gql from 'graphql-tag';
-let PopupScheduleUpload = class PopupScheduleUpload extends LitElement {
+let PopupTaskUpload = class PopupTaskUpload extends LitElement {
     render() {
         var _a, _b;
         const icon = this.scheduleTable ? '' : 'upload';
@@ -54,7 +54,7 @@ let PopupScheduleUpload = class PopupScheduleUpload extends LitElement {
         }
     }
 };
-PopupScheduleUpload.styles = [
+PopupTaskUpload.styles = [
     css `
       :host {
         display: flex;
@@ -93,13 +93,13 @@ PopupScheduleUpload.styles = [
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
-], PopupScheduleUpload.prototype, "scheduleTable", void 0);
+], PopupTaskUpload.prototype, "scheduleTable", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", Object)
-], PopupScheduleUpload.prototype, "projectId", void 0);
-PopupScheduleUpload = __decorate([
-    customElement('popup-schedule-upload')
-], PopupScheduleUpload);
-export { PopupScheduleUpload };
-//# sourceMappingURL=popup-schedule-upload.js.map
+], PopupTaskUpload.prototype, "projectId", void 0);
+PopupTaskUpload = __decorate([
+    customElement('popup-task-upload')
+], PopupTaskUpload);
+export { PopupTaskUpload };
+//# sourceMappingURL=popup-task-upload.js.map

package/dist-client/pages/project/popup/popup-task-upload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"popup-task-upload.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-task-upload.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,GAAG,MAAM,aAAa,CAAA;AAItB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAyC7C,MAAM;;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;QAC/C,MAAM,WAAW,GAAG,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAA;QAE9D,OAAO,IAAI,CAAA;;;;mBAII,IAAI;oBACH,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,KAAI,EAAE;0BACxB,WAAW;sBACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;uCAKlB,IAAI,CAAC,MAAM;;;KAG7C,CAAA;IACH,CAAC;IAEO,MAAM;QACZ,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAED,UAAU;IACV,KAAK,CAAC,mBAAmB,CAAC,CAAc;QACtC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;QAEhC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,aAAa,EAAE,IAAI;iBACpB;aACF;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI;aAChB;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAA;YACtC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;QACjD,CAAC;IACH,CAAC;;AA3FM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCF;CACF,AAnCY,CAmCZ;AAEmC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAA8C;AACrC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAsC;AAvCtD,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA6F3B","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { Attachment } from '@things-factory/attachment-base'\n\n@customElement('popup-task-upload')\nexport class PopupTaskUpload extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n background-color: #fff;\n width: 100%;\n }\n\n div[body] {\n flex: 1;\n\n div[input-container] {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n background-color: #f7f7f7;\n padding: 35px 27px 27px 27px;\n\n ox-input-file {\n height: 100px;\n width: 120px;\n line-height: 100%;\n }\n }\n\n div[button-container] {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 20px;\n }\n }\n `\n ]\n\n @property({ type: Object }) private scheduleTable: Attachment | undefined\n @property({ type: String }) private projectId: string | undefined\n\n render() {\n const icon = this.scheduleTable ? '' : 'upload'\n const description = this.scheduleTable?.name ? ' ' : '공정표 업로드'\n\n return html`\n <div body>\n <div input-container>\n <ox-input-file\n icon=${icon}\n label=${this.scheduleTable?.name || ''}\n description=${description}\n @change=${this._onChangeAttachment.bind(this)}\n ></ox-input-file>\n </div>\n\n <div button-container>\n <md-outlined-button @click=${this._close}><md-icon slot=\"icon\">cancel</md-icon>취소</md-outlined-button>\n </div>\n </div>\n `\n }\n\n private _close() {\n history.back()\n }\n\n // 공정표 업로드\n async _onChangeAttachment(e: CustomEvent) {\n const file = e.detail[0] || null\n\n const response = await client.mutate({\n mutation: gql`\n mutation UploadProjectScheduleTable($param: UploadProjectScheduleTable!) {\n uploadProjectScheduleTable(param: $param)\n }\n `,\n variables: {\n param: {\n projectId: this.projectId,\n scheduleTable: file\n }\n },\n context: {\n hasUpload: true\n }\n })\n\n if (!response.errors) {\n notify({ message: '공정표가 업로드 되었습니다.' })\n this.dispatchEvent(new CustomEvent('uploaded'))\n }\n }\n}\n"]}

package/dist-client/pages/project/project-completed-list.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import '@material/web/icon/icon.js';
 import { PageView } from '@operato/shell';
+import './component/pagenation';
 declare const ProjectCompletedListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class ProjectCompletedListPage extends ProjectCompletedListPage_base {
     static styles: import("lit").CSSResult[];
@@ -9,10 +10,14 @@ export declare class ProjectCompletedListPage extends ProjectCompletedListPage_b
     private projectName;
     private projectList;
     private projectCount;
+    private currentPage;
+    private readonly pageLimit;
+    get totalPages(): number;
     render(): import("lit-html").TemplateResult<1>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     getProjectList(): Promise<void>;
     private _onInputChange;
     private _onKeypress;
+    private _changePage;
 }
 export {};

package/dist-client/pages/project/project-completed-list.js CHANGED Viewed

@@ -7,18 +7,24 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { client } from '@operato/graphql';
 import gql from 'graphql-tag';
 import { ProjectState } from './project-list';
+import './component/pagenation';
 let ProjectCompletedListPage = class ProjectCompletedListPage extends ScopedElementsMixin(PageView) {
     constructor() {
         super(...arguments);
         this.projectName = '';
         this.projectList = [];
         this.projectCount = 0;
+        this.currentPage = 1;
+        this.pageLimit = 20;
     }
     get context() {
         return {
             title: '완료 프로젝트'
         };
     }
+    get totalPages() {
+        return Math.max(1, Math.ceil((this.projectCount || 0) / this.pageLimit));
+    }
     render() {
         var _a;
         return html `
@@ -74,6 +80,12 @@ let ProjectCompletedListPage = class ProjectCompletedListPage extends ScopedElem
           `;
         })}
       </div>
+      <pagenation-control
+        .currentPage=${this.currentPage}
+        .totalItems=${this.projectCount}
+        .pageLimit=${this.pageLimit}
+        @page-change=${(e) => this._changePage(e.detail.page)}
+      ></pagenation-control>
     `;
     }
     async pageUpdated(changes, lifecycle) {
@@ -85,8 +97,8 @@ let ProjectCompletedListPage = class ProjectCompletedListPage extends ScopedElem
         var _a, _b;
         const response = await client.query({
             query: gql `
-        query Projects($filters: [Filter!]) {
-          projects(filters: $filters) {
+        query Projects($filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {
+          projects(filters: $filters, sortings: $sortings, pagination: $pagination) {
             items {
               id
               name
@@ -127,7 +139,9 @@ let ProjectCompletedListPage = class ProjectCompletedListPage extends ScopedElem
                         operator: 'eq',
                         value: ProjectState.COMPLETED
                     }
-                ]
+                ],
+                sortings: [{ name: 'createdAt', desc: true }],
+                pagination: { page: this.currentPage, limit: this.pageLimit }
             }
         });
         this.projectList = ((_a = response.data.projects) === null || _a === void 0 ? void 0 : _a.items) || [];
@@ -137,10 +151,21 @@ let ProjectCompletedListPage = class ProjectCompletedListPage extends ScopedElem
     _onInputChange(event) {
         const target = event.target;
         this[target.name] = target.value;
+        if (target.name === 'projectName') {
+            this.currentPage = 1;
+        }
     }
     // 검색창에서 엔터입력시 검색
     _onKeypress(event) {
         if (event.code === 'Enter') {
+            this.currentPage = 1;
+            this.getProjectList();
+        }
+    }
+    _changePage(page) {
+        const nextPage = Math.min(Math.max(1, page), this.totalPages);
+        if (nextPage !== this.currentPage) {
+            this.currentPage = nextPage;
             this.getProjectList();
         }
     }
@@ -286,6 +311,10 @@ __decorate([
     state(),
     __metadata("design:type", Number)
 ], ProjectCompletedListPage.prototype, "projectCount", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], ProjectCompletedListPage.prototype, "currentPage", void 0);
 ProjectCompletedListPage = __decorate([
     customElement('project-completed-list')
 ], ProjectCompletedListPage);