npm - @dssp/project - Versions diffs - 1.0.0-alpha.5 → 1.0.0-alpha.51 - Mend

@dssp/project 1.0.0-alpha.5 → 1.0.0-alpha.51

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 (114) hide show

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 } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\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 ]\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>검사기준</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 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>${item.inspctionCriteria}</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 }\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.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class PopupPlanExport extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private buildingLevel;
+    private selectedFileIds;
+    render(): import("lit-html").TemplateResult<1>;
+    private _onFileItemClick;
+    private _exportFiles;
+    private _close;
+}

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

@@ -0,0 +1,242 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
+import gql from 'graphql-tag';
+let PopupPlanExport = class PopupPlanExport extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.buildingLevel = {};
+        this.selectedFileIds = [];
+    }
+    render() {
+        const { mainDrawing, elevationDrawing, rebarDistributionDrawing, etcDrawings } = this.buildingLevel;
+        // 메인 도면 파일들
+        const mainFiles = [];
+        if (mainDrawing === null || mainDrawing === void 0 ? void 0 : mainDrawing.id) {
+            mainFiles.push({ id: mainDrawing.id, name: mainDrawing.name, type: '평면도' });
+        }
+        if (elevationDrawing === null || elevationDrawing === void 0 ? void 0 : elevationDrawing.id) {
+            mainFiles.push({ id: elevationDrawing.id, name: elevationDrawing.name, type: '입면도' });
+        }
+        if (rebarDistributionDrawing === null || rebarDistributionDrawing === void 0 ? void 0 : rebarDistributionDrawing.id) {
+            mainFiles.push({ id: rebarDistributionDrawing.id, name: rebarDistributionDrawing.name, type: '철근배근도' });
+        }
+        // 기타 도면 파일들
+        const etcFiles = (etcDrawings === null || etcDrawings === void 0 ? void 0 : etcDrawings.map(drawing => ({ id: drawing.id, name: drawing.name, type: '기타 도면' }))) || [];
+        return html `
+      <div body>
+        <div file-list-container>
+          ${mainFiles.length > 0
+            ? html `
+                <div section-title>주요 도면</div>
+                ${mainFiles.map(file => html `
+                    <div file-item @click=${() => this._onFileItemClick(file.id)}>
+                      <input
+                        type="checkbox"
+                        .checked=${this.selectedFileIds.includes(file.id)}
+                        @click=${(e) => {
+                e.stopPropagation();
+                this._onFileItemClick(file.id);
+            }}
+                      />
+                      <div file-info>
+                        <md-icon>description</md-icon>
+                        <span file-name>${file.name || ''}</span>
+                        <span file-type>${file.type}</span>
+                      </div>
+                    </div>
+                  `)}
+              `
+            : ''}
+          ${etcFiles.length > 0
+            ? html `
+                <div section-title>기타 도면</div>
+                ${etcFiles.map(file => html `
+                    <div file-item @click=${() => this._onFileItemClick(file.id)}>
+                      <input
+                        type="checkbox"
+                        .checked=${this.selectedFileIds.includes(file.id)}
+                        @click=${(e) => {
+                e.stopPropagation();
+                this._onFileItemClick(file.id);
+            }}
+                      />
+                      <div file-info>
+                        <md-icon>attachment</md-icon>
+                        <span file-name>${file.name || ''}</span>
+                        <span file-type>${file.type}</span>
+                      </div>
+                    </div>
+                  `)}
+              `
+            : ''}
+          ${mainFiles.length === 0 && etcFiles.length === 0
+            ? html ` <div style="text-align: center; color: #666; padding: 40px;">내보낼 도면 파일이 없습니다.</div> `
+            : ''}
+        </div>
+        <div button-container>
+          <md-outlined-button @click=${this._close}> <md-icon slot="icon">cancel</md-icon>취소 </md-outlined-button>
+          <md-filled-button @click=${this._exportFiles} .disabled=${this.selectedFileIds.length === 0}>
+            <md-icon slot="icon">download</md-icon>내보내기 (${this.selectedFileIds.length})
+          </md-filled-button>
+        </div>
+      </div>
+    `;
+    }
+    _onFileItemClick(fileId) {
+        if (this.selectedFileIds.includes(fileId)) {
+            this.selectedFileIds = this.selectedFileIds.filter(id => id !== fileId);
+        }
+        else {
+            this.selectedFileIds = [...this.selectedFileIds, fileId];
+        }
+    }
+    async _exportFiles() {
+        var _a;
+        if (this.selectedFileIds.length === 0) {
+            notify({ message: '내보낼 파일을 선택해주세요.', level: 'warn' });
+            return;
+        }
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation DownloadPlanFiles($fileIds: [String!]!) {
+            downloadPlanFiles(fileIds: $fileIds)
+          }
+        `,
+                variables: {
+                    fileIds: this.selectedFileIds
+                }
+            });
+            if ((_a = response.data) === null || _a === void 0 ? void 0 : _a.downloadPlanFiles) {
+                // 서버에서 ZIP 파일 다운로드 URL을 반환하는 경우
+                const link = document.createElement('a');
+                link.href = response.data.downloadPlanFiles;
+                link.download = `${this.buildingLevel.building.name} ${this.buildingLevel.floorDisplayName}층 도면.zip`;
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+                notify({ message: `${this.selectedFileIds.length}개 파일이 ZIP으로 압축되어 다운로드 되었습니다.` });
+                this._close();
+            }
+        }
+        catch (error) {
+            console.error('파일 내보내기 중 오류 발생:', error);
+            notify({ message: '파일 내보내기 중 오류가 발생했습니다.', level: 'error' });
+        }
+    }
+    _close() {
+        history.back();
+    }
+};
+PopupPlanExport.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+        width: 100%;
+        max-height: 80vh;
+      }
+      div[body] {
+        flex: 1;
+        overflow-y: auto;
+        padding: 20px;
+        div[file-list-container] {
+          display: flex;
+          flex-direction: column;
+          gap: 15px;
+          background-color: #f7f7f7;
+          padding: 20px;
+          border-radius: 8px;
+          margin-bottom: 20px;
+          div[file-item] {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            padding: 12px;
+            background-color: #fff;
+            border-radius: 6px;
+            border: 1px solid #ddd;
+            cursor: pointer;
+            transition: background-color 0.2s ease;
+            &:hover {
+              background-color: #f5f5f5;
+            }
+            input[type='checkbox'] {
+              width: 18px;
+              height: 18px;
+              cursor: pointer;
+            }
+            div[file-info] {
+              flex: 1;
+              display: flex;
+              align-items: center;
+              gap: 10px;
+              md-icon {
+                --md-icon-size: 24px;
+                color: #666;
+              }
+              span[file-name] {
+                font-size: 14px;
+                font-weight: 500;
+                color: #333;
+              }
+              span[file-type] {
+                font-size: 12px;
+                color: #666;
+                background-color: #f0f0f0;
+                padding: 2px 6px;
+                border-radius: 4px;
+              }
+            }
+          }
+          div[section-title] {
+            font-size: 16px;
+            font-weight: 600;
+            color: #333;
+            margin-top: 10px;
+            margin-bottom: 5px;
+            border-bottom: 2px solid #ddd;
+            padding-bottom: 5px;
+          }
+        }
+        div[button-container] {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 10px;
+          margin-top: 20px;
+          padding-top: 20px;
+          border-top: 1px solid #eee;
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], PopupPlanExport.prototype, "buildingLevel", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], PopupPlanExport.prototype, "selectedFileIds", void 0);
+PopupPlanExport = __decorate([
+    customElement('popup-plan-export')
+], PopupPlanExport);
+export { PopupPlanExport };
+//# sourceMappingURL=popup-plan-export.js.map

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

@@ -0,0 +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-plan-upload.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import './popup-plan-export';
 export declare class PopupPlanUpload extends LitElement {
     static styles: import("lit").CSSResult[];
     private buildingLevel;
@@ -6,5 +7,7 @@ export declare class PopupPlanUpload extends LitElement {
     render(): import("lit-html").TemplateResult<1>;
     private _close;
     _onChangeAttachment(e: CustomEvent): Promise<void>;
+    private _deleteDrawing;
+    private _openExportPopup;
     private _getThumbnailStyle;
 }

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

@@ -1,6 +1,8 @@
 import { __decorate, __metadata } from "tslib";
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { openPopup } from '@operato/layout';
+import './popup-plan-export';
 let PopupPlanUpload = class PopupPlanUpload extends LitElement {
     constructor() {
         super(...arguments);
@@ -31,6 +33,8 @@ let PopupPlanUpload = class PopupPlanUpload extends LitElement {
         const rebarDistributionDrawingThumbnailStyle = rebarDistributionDrawingThumbnail
             ? this._getThumbnailStyle(rebarDistributionDrawingThumbnail)
             : '';
+        // 기타 도면 스타일
+        const { etcDrawings } = this.buildingLevel;
         return html `
       <div body>
         <div input-container>
@@ -65,8 +69,32 @@ let PopupPlanUpload = class PopupPlanUpload extends LitElement {
           ></ox-input-file>
         </div>
+        <div etc-drawing-container>
+          <ox-input-file
+            name="etcDrawings"
+            accept="*/*"
+            multiple="true"
+            hide-filelist
+            icon="upload"
+            label="업로드"
+            description="기타 파일"
+            @change=${this._onChangeAttachment.bind(this)}
+          ></ox-input-file>
+          ${etcDrawings === null || etcDrawings === void 0 ? void 0 : etcDrawings.map((drawing, index) => html `
+              <div file-box>
+                <md-icon slot="icon" outline>files</md-icon>
+                <span file-name>${drawing.name}</span>
+                <button delete-btn @click=${() => this._deleteDrawing(index)}>X</button>
+              </div>
+            `)}
+        </div>
         <div button-container>
-          <md-outlined-button @click=${this._close}><md-icon slot="icon">cancel</md-icon>취소</md-outlined-button>
+          <md-outlined-button @click=${this._close}><md-icon slot="icon">cancel</md-icon>닫기</md-outlined-button>
+          <md-filled-button @click=${this._openExportPopup}
+            ><md-icon slot="icon" outline>archive</md-icon>파일 내보내기</md-filled-button
+          >
         </div>
       </div>
     `;
@@ -77,13 +105,39 @@ let PopupPlanUpload = class PopupPlanUpload extends LitElement {
     // 이미지 업로드
     async _onChangeAttachment(e) {
         const target = e.target;
-        const file = e.detail[0] || null;
-        this.buildingLevel[target.name] = file;
-        this.buildingLevel[`${target.name}Upload`] = file;
+        const isMultiple = target.getAttribute('multiple') === 'true';
+        // multiple 속성이 있으면 배열로 처리
+        if (isMultiple) {
+            const originFiles = this.buildingLevel[target.name] || [];
+            const originUploads = this.buildingLevel[`${target.name}Upload`] || [];
+            const file = e.detail || [];
+            this.buildingLevel[target.name] = [...originFiles, ...file];
+            this.buildingLevel[`${target.name}Upload`] = [...originUploads, ...file];
+        }
+        else {
+            const file = e.detail[0] || null;
+            this.buildingLevel[target.name] = file;
+            this.buildingLevel[`${target.name}Upload`] = file;
+        }
         this.buildingLevel = Object.assign({}, this.buildingLevel);
         const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx };
         this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }));
     }
+    _deleteDrawing(index) {
+        if (this.buildingLevel.etcDrawings && Array.isArray(this.buildingLevel.etcDrawings)) {
+            this.buildingLevel.etcDrawings.splice(index, 1);
+            this.buildingLevel = Object.assign({}, this.buildingLevel);
+            const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx };
+            this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }));
+        }
+    }
+    _openExportPopup() {
+        openPopup(html `<popup-plan-export .buildingLevel=${this.buildingLevel}></popup-plan-export>`, {
+            backdrop: true,
+            size: 'medium',
+            title: `도면 내보내기`
+        });
+    }
     _getThumbnailStyle(path) {
         return `background: url(${path}); background-size: cover; background-repeat: round; justify-content: flex-end;`;
     }
@@ -115,12 +169,84 @@ PopupPlanUpload.styles = [
           }
         }
+        div[etc-drawing-container] {
+          display: flex;
+          align-items: center;
+          margin-top: 15px;
+          padding: 10px;
+          gap: 25px;
+          background-color: #f7f7f7;
+          overflow-y: auto;
+          ox-input-file {
+            height: 120px;
+            width: 100px;
+            min-width: 100px;
+            line-height: 100%;
+          }
+          div[file-box] {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 120px;
+            width: 100px;
+            min-width: 100px;
+            background-color: #fff;
+            border: 2px solid #aaa;
+            border-radius: 8px;
+            position: relative;
+            span[file-name] {
+              font-size: 12px;
+              text-align: center;
+              padding: 5px;
+              word-break: break-all;
+              max-width: 90px;
+              color: #333;
+            }
+            button[delete-btn] {
+              position: absolute;
+              top: -8px;
+              right: -8px;
+              width: 20px;
+              height: 20px;
+              border-radius: 50%;
+              background-color: #ff4444;
+              color: white;
+              border: none;
+              cursor: pointer;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 12px;
+              font-weight: bold;
+              &:hover {
+                background-color: #cc0000;
+              }
+            }
+          }
+        }
         div[button-container] {
           display: flex;
           align-items: center;
           justify-content: center;
+          gap: 10px;
           margin-top: 20px;
         }
+        md-icon[outline] {
+          --md-icon-size: 35px;
+          font-variation-settings:
+            'FILL' 0,
+            'wght' 400,
+            'GRAD' 0,
+            'opsz' 24;
+        }
       }
     `
 ];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"popup-plan-upload.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-plan-upload.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { BuildingLevel } from '../project-list'\n\n@customElement('popup-plan-upload')\nexport class PopupPlanUpload 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 buildingLevel: BuildingLevel = {}\n @property({ type: Number }) private selectedIdx: number \| undefined\n\n render() {\n const noUploadStyle = '--file-uploader-icon-size: 0; --file-uploader-label-padding; 0;'\n\n // 메인 도면 스타일\n const { mainDrawing, mainDrawingThumbnail } = this.buildingLevel\n const mainDrawingIcon = mainDrawing ? '' : 'upload'\n const mainDrawingStyle = mainDrawing ? noUploadStyle : ''\n const mainDrawingLabel = mainDrawingThumbnail ? ' ' : '업로드'\n const mainDrawingDesc = mainDrawingThumbnail ? ' ' : '평면 파일'\n const mainDrawingThumbnailStyle = mainDrawingThumbnail ? this._getThumbnailStyle(mainDrawingThumbnail) : ''\n\n // 입면 도면 스타일\n const { elevationDrawing, elevationDrawingThumbnail } = this.buildingLevel\n const elevationDrawingIcon = elevationDrawing ? '' : 'upload'\n const elevationDrawingLabel = elevationDrawingThumbnail ? ' ' : '업로드'\n const elevationDrawingDesc = elevationDrawingThumbnail ? ' ' : '입면 파일'\n const elevationDrawingStyle = elevationDrawing ? noUploadStyle : ''\n const elevationDrawingThumbnailStyle = elevationDrawingThumbnail ? this._getThumbnailStyle(elevationDrawingThumbnail) : ''\n\n // 철근배근도 도면 스타일\n const { rebarDistributionDrawing, rebarDistributionDrawingThumbnail } = this.buildingLevel\n const rebarDistributionDrawingIcon = rebarDistributionDrawing ? '' : 'upload'\n const rebarDistributionDrawingStyle = rebarDistributionDrawing ? noUploadStyle : ''\n const rebarDistributionDrawingLabel = rebarDistributionDrawingThumbnail ? ' ' : '업로드'\n const rebarDistributionDrawingDesc = rebarDistributionDrawingThumbnail ? ' ' : '철근배근도 파일'\n const rebarDistributionDrawingThumbnailStyle = rebarDistributionDrawingThumbnail\n ? this._getThumbnailStyle(rebarDistributionDrawingThumbnail)\n : ''\n\n return html`\n <div body>\n <div input-container>\n <ox-input-file\n name=\"mainDrawing\"\n .value=${mainDrawing \|\| undefined}\n icon=${mainDrawingIcon}\n label=${mainDrawingLabel}\n description=${mainDrawingDesc}\n @change=${this._onChangeAttachment.bind(this)}\n style=\"${mainDrawingStyle + mainDrawingThumbnailStyle}\"\n ></ox-input-file>\n\n <ox-input-file\n name=\"elevationDrawing\"\n .value=${elevationDrawing \|\| undefined}\n icon=${elevationDrawingIcon}\n label=${elevationDrawingLabel}\n description=${elevationDrawingDesc}\n @change=${this._onChangeAttachment.bind(this)}\n style=\"${elevationDrawingStyle + elevationDrawingThumbnailStyle}\"\n ></ox-input-file>\n\n <ox-input-file\n name=\"rebarDistributionDrawing\"\n .value=${rebarDistributionDrawing \|\| undefined}\n icon=${rebarDistributionDrawingIcon}\n label=${rebarDistributionDrawingLabel}\n description=${rebarDistributionDrawingDesc}\n @change=${this._onChangeAttachment.bind(this)}\n style=\"${rebarDistributionDrawingStyle + rebarDistributionDrawingThumbnailStyle}\"\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 target = e.target as HTMLInputElement\n const file = e.detail[0] \|\| null\n\n this.buildingLevel[target.name] = file\n this.buildingLevel[`${target.name}Upload`] = file\n\n this.buildingLevel = { ...this.buildingLevel }\n\n const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx }\n this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }))\n }\n\n private _getThumbnailStyle(path) {\n return `background: url(${path}); background-size: cover; background-repeat: round; justify-content: flex-end;`\n }\n}\n"]}
1	+ {"version":3,"file":"popup-plan-upload.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-plan-upload.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { BuildingLevel } from '../project-list'\nimport { openPopup } from '@operato/layout'\nimport './popup-plan-export'\n\n@customElement('popup-plan-upload')\nexport class PopupPlanUpload 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[etc-drawing-container] {\n display: flex;\n align-items: center;\n margin-top: 15px;\n padding: 10px;\n gap: 25px;\n background-color: #f7f7f7;\n overflow-y: auto;\n\n ox-input-file {\n height: 120px;\n width: 100px;\n min-width: 100px;\n line-height: 100%;\n }\n\n div[file-box] {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 120px;\n width: 100px;\n min-width: 100px;\n background-color: #fff;\n border: 2px solid #aaa;\n border-radius: 8px;\n position: relative;\n\n span[file-name] {\n font-size: 12px;\n text-align: center;\n padding: 5px;\n word-break: break-all;\n max-width: 90px;\n color: #333;\n }\n\n button[delete-btn] {\n position: absolute;\n top: -8px;\n right: -8px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background-color: #ff4444;\n color: white;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: bold;\n\n &:hover {\n background-color: #cc0000;\n }\n }\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 }\n\n md-icon[outline] {\n --md-icon-size: 35px;\n font-variation-settings:\n 'FILL' 0,\n 'wght' 400,\n 'GRAD' 0,\n 'opsz' 24;\n }\n }\n `\n ]\n\n @property({ type: Object }) private buildingLevel: BuildingLevel = {}\n @property({ type: Number }) private selectedIdx: number \| undefined\n\n render() {\n const noUploadStyle = '--file-uploader-icon-size: 0; --file-uploader-label-padding; 0;'\n\n // 메인 도면 스타일\n const { mainDrawing, mainDrawingThumbnail } = this.buildingLevel\n const mainDrawingIcon = mainDrawing ? '' : 'upload'\n const mainDrawingStyle = mainDrawing ? noUploadStyle : ''\n const mainDrawingLabel = mainDrawingThumbnail ? ' ' : '업로드'\n const mainDrawingDesc = mainDrawingThumbnail ? ' ' : '평면 파일'\n const mainDrawingThumbnailStyle = mainDrawingThumbnail ? this._getThumbnailStyle(mainDrawingThumbnail) : ''\n\n // 입면 도면 스타일\n const { elevationDrawing, elevationDrawingThumbnail } = this.buildingLevel\n const elevationDrawingIcon = elevationDrawing ? '' : 'upload'\n const elevationDrawingLabel = elevationDrawingThumbnail ? ' ' : '업로드'\n const elevationDrawingDesc = elevationDrawingThumbnail ? ' ' : '입면 파일'\n const elevationDrawingStyle = elevationDrawing ? noUploadStyle : ''\n const elevationDrawingThumbnailStyle = elevationDrawingThumbnail ? this._getThumbnailStyle(elevationDrawingThumbnail) : ''\n\n // 철근배근도 도면 스타일\n const { rebarDistributionDrawing, rebarDistributionDrawingThumbnail } = this.buildingLevel\n const rebarDistributionDrawingIcon = rebarDistributionDrawing ? '' : 'upload'\n const rebarDistributionDrawingStyle = rebarDistributionDrawing ? noUploadStyle : ''\n const rebarDistributionDrawingLabel = rebarDistributionDrawingThumbnail ? ' ' : '업로드'\n const rebarDistributionDrawingDesc = rebarDistributionDrawingThumbnail ? ' ' : '철근배근도 파일'\n const rebarDistributionDrawingThumbnailStyle = rebarDistributionDrawingThumbnail\n ? this._getThumbnailStyle(rebarDistributionDrawingThumbnail)\n : ''\n\n // 기타 도면 스타일\n const { etcDrawings } = this.buildingLevel\n\n return html`\n <div body>\n <div input-container>\n <ox-input-file\n name=\"mainDrawing\"\n .value=${mainDrawing \|\| undefined}\n icon=${mainDrawingIcon}\n label=${mainDrawingLabel}\n description=${mainDrawingDesc}\n @change=${this._onChangeAttachment.bind(this)}\n style=\"${mainDrawingStyle + mainDrawingThumbnailStyle}\"\n ></ox-input-file>\n\n <ox-input-file\n name=\"elevationDrawing\"\n .value=${elevationDrawing \|\| undefined}\n icon=${elevationDrawingIcon}\n label=${elevationDrawingLabel}\n description=${elevationDrawingDesc}\n @change=${this._onChangeAttachment.bind(this)}\n style=\"${elevationDrawingStyle + elevationDrawingThumbnailStyle}\"\n ></ox-input-file>\n\n <ox-input-file\n name=\"rebarDistributionDrawing\"\n .value=${rebarDistributionDrawing \|\| undefined}\n icon=${rebarDistributionDrawingIcon}\n label=${rebarDistributionDrawingLabel}\n description=${rebarDistributionDrawingDesc}\n @change=${this._onChangeAttachment.bind(this)}\n style=\"${rebarDistributionDrawingStyle + rebarDistributionDrawingThumbnailStyle}\"\n ></ox-input-file>\n </div>\n\n <div etc-drawing-container>\n <ox-input-file\n name=\"etcDrawings\"\n accept=\"/\"\n multiple=\"true\"\n hide-filelist\n icon=\"upload\"\n label=\"업로드\"\n description=\"기타 파일\"\n @change=${this._onChangeAttachment.bind(this)}\n ></ox-input-file>\n\n ${etcDrawings?.map(\n (drawing, index) => html`\n <div file-box>\n <md-icon slot=\"icon\" outline>files</md-icon>\n <span file-name>${drawing.name}</span>\n <button delete-btn @click=${() => this._deleteDrawing(index)}>X</button>\n </div>\n `\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._openExportPopup}\n ><md-icon slot=\"icon\" outline>archive</md-icon>파일 내보내기</md-filled-button\n >\n </div>\n </div>\n `\n }\n\n private _close() {\n history.back()\n }\n\n // 이미지 업로드\n async _onChangeAttachment(e: CustomEvent) {\n const target = e.target as HTMLInputElement\n const isMultiple = target.getAttribute('multiple') === 'true'\n\n // multiple 속성이 있으면 배열로 처리\n if (isMultiple) {\n const originFiles = this.buildingLevel[target.name] \|\| []\n const originUploads = this.buildingLevel[`${target.name}Upload`] \|\| []\n const file = e.detail \|\| []\n this.buildingLevel[target.name] = [...originFiles, ...file]\n this.buildingLevel[`${target.name}Upload`] = [...originUploads, ...file]\n } else {\n const file = e.detail[0] \|\| null\n this.buildingLevel[target.name] = file\n this.buildingLevel[`${target.name}Upload`] = file\n }\n\n this.buildingLevel = { ...this.buildingLevel }\n\n const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx }\n this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }))\n }\n\n private _deleteDrawing(index: number) {\n if (this.buildingLevel.etcDrawings && Array.isArray(this.buildingLevel.etcDrawings)) {\n this.buildingLevel.etcDrawings.splice(index, 1)\n this.buildingLevel = { ...this.buildingLevel }\n\n const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx }\n this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }))\n }\n }\n\n private _openExportPopup() {\n openPopup(html`<popup-plan-export .buildingLevel=${this.buildingLevel}></popup-plan-export>`, {\n backdrop: true,\n size: 'medium',\n title: `도면 내보내기`\n })\n }\n\n private _getThumbnailStyle(path) {\n return `background: url(${path}); background-size: cover; background-repeat: round; justify-content: flex-end;`\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;