npm - @dssp/project - Versions diffs - 1.0.6 → 1.0.7 - Mend

@dssp/project 1.0.6 → 1.0.7

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"project-plan-management.js","sourceRoot":"","sources":["../../../client/pages/project/project-plan-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { openPopup } from '@operato/layout'\n\nimport gql from 'graphql-tag'\nimport { Building, BuildingLevel, Project } from './project-list'\nimport './popup/popup-plan-upload'\nimport './component/project-update-header'\nimport { isProjectTypeDomain } from '../../shared/domain-context'\n\n@customElement('project-plan-management')\nexport class ProjectPlanManagement extends ScopedElementsMixin(PageView) {\n static styles = [\n css`\n :host {\n display: grid;\n grid-template-rows: 55px auto;\n color: #4e5055;\n\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow: hidden;\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n md-outlined-text-field {\n width: 100%;\n\n --md-outlined-text-field-container-shape: 5px;\n --md-outlined-text-field-outline-color: rgba(51, 51, 51, 0.2);\n --md-outlined-text-field-focus-outline-color: #1f7fd9;\n --md-outlined-text-field-focus-outline-width: 1px;\n --md-sys-color-primary: #586878;\n --md-outlined-text-field-input-text-size: 14px;\n --md-outlined-field-bottom-space: 3px;\n --md-outlined-field-top-space: 3px;\n --md-outlined-field-leading-space: var(--spacing-medium, 8px);\n --md-outlined-field-trailing-space: var(--spacing-medium, 8px);\n }\n\n ox-input-image {\n width: 100px;\n height: 100px;\n }\n\n *[bold] {\n font-weight: bold;\n }\n\n div[body] {\n display: grid;\n grid-template-rows: 205px 1fr 60px;\n margin: var(--spacing-large, 12px);\n margin-top: 0;\n gap: var(--spacing-medium, 8px);\n\n & > div {\n display: grid;\n grid-template-rows: 25px auto;\n padding: var(--spacing-large, 12px);\n background-color: var(--md-sys-color-on-primary);\n border: 1px solid #cccccc80;\n border-radius: 5px;\n gap: var(--spacing-medium, 8px);\n\n h3 {\n color: #2e79be;\n font-size: 16px;\n margin: 0px;\n text-wrap: nowrap;\n }\n }\n\n & > div[building-container] > div {\n display: flex;\n gap: var(--spacing-medium, 8px);\n overflow-x: auto;\n overflow-y: hidden;\n\n ox-input-file {\n height: 100px;\n }\n\n span[building] {\n width: 125px;\n text-align: center;\n\n div {\n color: #586878;\n margin-top: var(--spacing-small, 4px);\n font-size: 14px;\n }\n }\n }\n\n & > div[floor-container] {\n div[floor-title] {\n display: flex;\n justify-content: space-between;\n height: fit-content;\n gap: var(--spacing-huge, 24px);\n overflow: hidden;\n\n span[building-button] {\n display: flex;\n margin-left: auto;\n gap: var(--spacing-small, 4px);\n overflow-x: auto;\n overflow-y: hidden;\n\n md-filled-button {\n --md-filled-button-container-color: #0595e5;\n --md-filled-button-container-height: 30px;\n --md-filled-button-trailing-space: var(--spacing-medium, 8px);\n --md-filled-button-leading-space: var(--spacing-medium, 8px);\n }\n md-outlined-button {\n --md-outlined-button-container-height: 30px;\n --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n }\n }\n }\n\n div[floor-plan] {\n overflow-y: auto;\n margin-top: var(--spacing-medium, 8px);\n\n & > span {\n display: inline-block;\n text-align: center;\n margin-right: var(--spacing-medium, 8px);\n margin-bottom: var(--spacing-medium, 8px);\n cursor: pointer;\n\n & > [name='building-plan'] {\n width: 150px;\n height: 100px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n border: 1px solid rgba(51, 51, 51, 0.1);\n box-shadow: 1px 1px 1px #0000001a;\n align-items: center;\n border-radius: 5px;\n font-size: 13px;\n\n md-icon {\n margin-bottom: var(--spacing-small, 4px);\n }\n }\n\n & > div[floor-name] {\n margin-top: var(--spacing-small, 4px);\n font-size: 14px;\n\n &[no-data] {\n color: #f16154;\n font-weight: bold;\n }\n }\n }\n }\n }\n\n & > div[plan-scale-container] {\n display: flex;\n\n & > div {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium, 8px);\n margin-left: var(--spacing-medium, 8px);\n\n md-outlined-text-field {\n width: 100px;\n --md-outlined-text-container-height: 30px;\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title:\n !isProjectTypeDomain() && this.project?.name\n ? `도면 관리 - ${this.project?.name}`\n : '도면 관리'\n }\n }\n\n private defaultProject = {\n name: '',\n buildingComplex: {\n address: '',\n area: 0,\n constructionCompany: '',\n clientCompany: '',\n supervisoryCompany: '',\n designCompany: '',\n constructionType: '',\n buildings: []\n }\n }\n @state() projectId: string = ''\n @state() project: Project = { ...this.defaultProject }\n @state() selectedBuildingIdx: number = 0\n\n render() {\n return html`\n <project-update-header .projectId=${this.project.id \|\| ''} title=\"도면 관리\" @custom-click=${this._saveProject}>\n </project-update-header>\n\n <div body>\n <div building-container>\n <h3>동별 도면(BIM)</h3>\n <div>\n ${this.project.buildingComplex?.buildings?.map((building, idx) => {\n return html`\n <span building>\n <ox-input-file\n name=\"building-drawing\"\n .value=${building?.drawing \|\| undefined}\n label=\" \"\n description=\"동 도면 업로드\"\n idx=${idx}\n @change=${this._onCreateAttachment.bind(this)}\n ></ox-input-file>\n <div>${building.name}</div>\n </span>\n `\n })}\n </div>\n </div>\n\n <div floor-container>\n <div floor-title>\n <h3>${this.project.buildingComplex?.buildings?.[this.selectedBuildingIdx]?.name} 층별 도면(PDF)</h3>\n <span building-button>\n ${this.project.buildingComplex.buildings?.map((building, idx) => {\n return this.project.buildingComplex?.buildings?.[this.selectedBuildingIdx]?.id === building.id\n ? html`\n <md-filled-button @click=${() => this._onClickBuildingChange(idx)}> ${building.name} </md-filled-button>\n `\n : html`\n <md-outlined-button @click=${() => this._onClickBuildingChange(idx)}> ${building.name} </md-outlined-button>\n `\n })}\n </span>\n </div>\n\n <div floor-plan>\n ${this.project.buildingComplex?.buildings?.[this.selectedBuildingIdx]?.buildingLevels?.map((buildingLevel, idx) => {\n return buildingLevel.mainDrawingThumbnail\n ? html`\n <span plan>\n <img\n name=\"building-plan\"\n .src=${buildingLevel.mainDrawingThumbnail}\n idx=${idx}\n @click=${this._onClickImage}\n />\n <div floor-name>${buildingLevel.floorDisplayName}층</div>\n </span>\n `\n : html`\n <span plan>\n <a name=\"building-plan\" idx=${idx} @click=${this._onClickImage}>\n <md-icon slot=\"icon\">image</md-icon>\n <div bold>도면 파일</div>\n <div>업로드</div>\n </a>\n <div floor-name no-data>${buildingLevel.floorDisplayName}층</div>\n </span>\n `\n })}\n </div>\n </div>\n\n <div plan-scale-container>\n <h3>도면 축척 설정</h3>\n <div>\n <span>가로</span>\n <md-outlined-text-field\n type=\"text\"\n name=\"planXScale\"\n numeric\n .value=${this.project.buildingComplex.planXScale?.toString() \|\| ''}\n @input=${this._onInputChange}\n suffix-text=\"mm\"\n >\n </md-outlined-text-field>\n <span>X</span>\n <span>세로</span>\n <md-outlined-text-field\n type=\"text\"\n name=\"planYScale\"\n numeric\n .value=${this.project.buildingComplex.planYScale?.toString() \|\| ''}\n @input=${this._onInputChange}\n suffix-text=\"mm\"\n >\n </md-outlined-text-field>\n </div>\n </div>\n </div>\n `\n }\n\n async pageInitialized(lifecycle: PageLifecycle) {}\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n this.projectId = lifecycle.resourceId \|\| ''\n await this.initProject(this.projectId)\n }\n }\n\n async initProject(projectId: string = '') {\n const response = await client.query({\n query: gql`\n query Project($id: String!) {\n project(id: $id) {\n id\n name\n buildingComplex {\n id\n planXScale\n planYScale\n buildings {\n id\n name\n drawing {\n id\n name\n }\n buildingLevels {\n id\n floor\n floorDisplayName\n mainDrawing {\n id\n name\n }\n elevationDrawing {\n id\n name\n }\n rebarDistributionDrawing {\n id\n name\n }\n etcDrawings {\n id\n name\n }\n mainDrawingThumbnail\n elevationDrawingThumbnail\n rebarDistributionDrawingThumbnail\n\n building {\n id\n name\n }\n }\n }\n }\n }\n }\n `,\n variables: {\n id: projectId\n }\n })\n\n this.project = response.data?.project\n\n this.updateContext()\n }\n\n private async _saveProject() {\n // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)\n for (let buildingKey in this.project.buildingComplex.buildings) {\n const building = this.project.buildingComplex.buildings[buildingKey]\n delete this.project.buildingComplex.buildings[buildingKey].drawing\n\n for (let levelKey in building.buildingLevels) {\n // 멀티 파일인 etcDrawings은 제거되지 않은 id 리스트 생성\n const etcDrawingIds = this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey]?.etcDrawings\n .filter(v => v.id)\n .map(v => v.id)\n this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].etcDrawingIds = etcDrawingIds\n\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].building\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].floorDisplayName\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawing\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawingImage\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawingThumbnail\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].elevationDrawing\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].elevationDrawingThumbnail\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].rebarDistributionDrawing\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].rebarDistributionDrawingThumbnail\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].etcDrawings\n }\n }\n\n const response = await client.mutate({\n mutation: gql`\n mutation UpdateProjectPlan($project: ProjectPatch!) {\n updateProjectPlan(project: $project) {\n id\n }\n }\n `,\n variables: {\n project: this.project\n },\n context: {\n hasUpload: true\n }\n })\n\n if (!response.errors) {\n notify({ message: '저장에 성공하였습니다.' })\n\n // 데이터 다시 조회\n this.initProject(this.project.id)\n }\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent, idx: number) {\n const target = event.target as HTMLInputElement\n let inputVal: any = target.value\n this.project.buildingComplex![target.name] = Number(inputVal.replace(/\\D/g, ''))\n }\n\n // 이미지 업로드\n async _onCreateAttachment(e: CustomEvent) {\n const target = e.target as HTMLInputElement\n const file = e.detail[0] \|\| null\n const idx = Number(target.getAttribute('idx')) \|\| 0\n\n this.project.buildingComplex!.buildings![idx].drawingUpload = file\n\n // re rendering\n this.project = { ...this.project }\n }\n\n _onClickBuildingChange(idx: number) {\n this.selectedBuildingIdx = idx\n }\n\n _onClickImage(e) {\n const target = e.currentTarget as HTMLInputElement\n const idx = Number(target.getAttribute('idx')) \|\| 0\n const buildingLevel = this.project.buildingComplex!.buildings![this.selectedBuildingIdx].buildingLevels![idx]\n const title = buildingLevel.floorDisplayName + '층' \|\| ''\n\n // 팝업 오픈\n this._openPopup(title, buildingLevel, idx)\n }\n\n private _openPopup(title: string, buildingLevel: BuildingLevel, selectedIdx: number) {\n openPopup(\n html`<popup-plan-upload\n .buildingLevel=${buildingLevel}\n .selectedIdx=${selectedIdx}\n @file_change=${this._onChangeAdditionalDrawing.bind(this)}\n ></popup-plan-upload>`,\n {\n backdrop: true,\n size: 'large',\n title: `${title} 도면 관리`\n }\n )\n }\n\n private _onChangeAdditionalDrawing(e) {\n const idx = e.detail?.selectedIdx \|\| null\n const buildingLevel: BuildingLevel = e.detail?.buildingLevel \|\| {}\n\n this.project.buildingComplex!.buildings![this.selectedBuildingIdx]!.buildingLevels![idx] = { ...buildingLevel }\n }\n}\n"]}
1	+ {"version":3,"file":"project-plan-management.js","sourceRoot":"","sources":["../../../client/pages/project/project-plan-management.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { openPopup } from '@operato/layout'\n\nimport gql from 'graphql-tag'\nimport { Building, BuildingLevel, Project } from './project-list'\nimport './popup/popup-plan-upload'\nimport './component/project-update-header'\nimport { isProjectTypeDomain } from '../../shared/domain-context'\n\n@customElement('project-plan-management')\nexport class ProjectPlanManagement extends ScopedElementsMixin(PageView) {\n static styles = [\n css`\n :host {\n display: grid;\n grid-template-rows: 55px auto;\n color: #4e5055;\n\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow: hidden;\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n md-outlined-text-field {\n width: 100%;\n\n --md-outlined-text-field-container-shape: 5px;\n --md-outlined-text-field-outline-color: rgba(51, 51, 51, 0.2);\n --md-outlined-text-field-focus-outline-color: #1f7fd9;\n --md-outlined-text-field-focus-outline-width: 1px;\n --md-sys-color-primary: #586878;\n --md-outlined-text-field-input-text-size: 14px;\n --md-outlined-field-bottom-space: 3px;\n --md-outlined-field-top-space: 3px;\n --md-outlined-field-leading-space: var(--spacing-medium, 8px);\n --md-outlined-field-trailing-space: var(--spacing-medium, 8px);\n }\n\n ox-input-image {\n width: 100px;\n height: 100px;\n }\n\n [bold] {\n font-weight: bold;\n }\n\n div[body] {\n display: grid;\n grid-template-rows: 205px 1fr 60px;\n margin: var(--spacing-large, 12px);\n margin-top: 0;\n gap: var(--spacing-medium, 8px);\n\n & > div {\n display: grid;\n grid-template-rows: 25px auto;\n padding: var(--spacing-large, 12px);\n background-color: var(--md-sys-color-on-primary);\n border: 1px solid #cccccc80;\n border-radius: 5px;\n gap: var(--spacing-medium, 8px);\n\n h3 {\n color: #2e79be;\n font-size: 16px;\n margin: 0px;\n text-wrap: nowrap;\n }\n }\n\n & > div[building-container] > div {\n display: flex;\n gap: var(--spacing-medium, 8px);\n overflow-x: auto;\n overflow-y: hidden;\n\n ox-input-file {\n height: 100px;\n }\n\n span[building] {\n width: 125px;\n text-align: center;\n\n div {\n color: #586878;\n margin-top: var(--spacing-small, 4px);\n font-size: 14px;\n }\n }\n }\n\n & > div[floor-container] {\n div[floor-title] {\n display: flex;\n justify-content: space-between;\n height: fit-content;\n gap: var(--spacing-huge, 24px);\n overflow: hidden;\n\n span[building-button] {\n display: flex;\n margin-left: auto;\n gap: var(--spacing-small, 4px);\n overflow-x: auto;\n overflow-y: hidden;\n\n md-filled-button {\n --md-filled-button-container-color: #0595e5;\n --md-filled-button-container-height: 30px;\n --md-filled-button-trailing-space: var(--spacing-medium, 8px);\n --md-filled-button-leading-space: var(--spacing-medium, 8px);\n }\n md-outlined-button {\n --md-outlined-button-container-height: 30px;\n --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n }\n }\n }\n\n div[floor-plan] {\n overflow-y: auto;\n margin-top: var(--spacing-medium, 8px);\n\n & > span {\n display: inline-block;\n text-align: center;\n margin-right: var(--spacing-medium, 8px);\n margin-bottom: var(--spacing-medium, 8px);\n cursor: pointer;\n\n & > [name='building-plan'] {\n width: 150px;\n height: 100px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n border: 1px solid rgba(51, 51, 51, 0.1);\n box-shadow: 1px 1px 1px #0000001a;\n align-items: center;\n border-radius: 5px;\n font-size: 13px;\n\n md-icon {\n margin-bottom: var(--spacing-small, 4px);\n }\n }\n\n & > div[floor-name] {\n margin-top: var(--spacing-small, 4px);\n font-size: 14px;\n\n &[no-data] {\n color: #f16154;\n font-weight: bold;\n }\n }\n }\n }\n }\n\n & > div[plan-scale-container] {\n display: flex;\n\n & > div {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium, 8px);\n margin-left: var(--spacing-medium, 8px);\n\n md-outlined-text-field {\n width: 100px;\n --md-outlined-text-container-height: 30px;\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title:\n !isProjectTypeDomain() && this.project?.name\n ? `도면 관리 - ${this.project?.name}`\n : '도면 관리'\n }\n }\n\n private defaultProject = {\n name: '',\n buildingComplex: {\n address: '',\n area: 0,\n constructionCompany: '',\n clientCompany: '',\n supervisoryCompany: '',\n designCompany: '',\n constructionType: '',\n buildings: []\n }\n }\n @state() projectId: string = ''\n @state() project: Project = { ...this.defaultProject }\n @state() selectedBuildingIdx: number = 0\n\n render() {\n return html`\n <project-update-header .projectId=${this.project.id \|\| ''} title=\"도면 관리\" @custom-click=${this._saveProject}>\n </project-update-header>\n\n <div body>\n <div building-container>\n <h3>동별 도면(BIM)</h3>\n <div>\n ${this.project.buildingComplex?.buildings?.map((building, idx) => {\n return html`\n <span building>\n <ox-input-file\n name=\"building-drawing\"\n .value=${building?.drawing \|\| undefined}\n label=\" \"\n description=\"동 도면 업로드\"\n idx=${idx}\n @change=${this._onCreateAttachment.bind(this)}\n ></ox-input-file>\n <div>${building.name}</div>\n </span>\n `\n })}\n </div>\n </div>\n\n <div floor-container>\n <div floor-title>\n <h3>${this.project.buildingComplex?.buildings?.[this.selectedBuildingIdx]?.name} 층별 도면(PDF)</h3>\n <span building-button>\n ${this.project.buildingComplex.buildings?.map((building, idx) => {\n return this.project.buildingComplex?.buildings?.[this.selectedBuildingIdx]?.id === building.id\n ? html`\n <md-filled-button @click=${() => this._onClickBuildingChange(idx)}> ${building.name} </md-filled-button>\n `\n : html`\n <md-outlined-button @click=${() => this._onClickBuildingChange(idx)}> ${building.name} </md-outlined-button>\n `\n })}\n </span>\n </div>\n\n <div floor-plan>\n ${this.project.buildingComplex?.buildings?.[this.selectedBuildingIdx]?.buildingLevels?.map((buildingLevel, idx) => {\n return buildingLevel.mainDrawingThumbnail\n ? html`\n <span plan>\n <img\n name=\"building-plan\"\n .src=${buildingLevel.mainDrawingThumbnail}\n idx=${idx}\n @click=${this._onClickImage}\n />\n <div floor-name>${buildingLevel.floorDisplayName}층</div>\n </span>\n `\n : html`\n <span plan>\n <a name=\"building-plan\" idx=${idx} @click=${this._onClickImage}>\n <md-icon slot=\"icon\">image</md-icon>\n <div bold>도면 파일</div>\n <div>업로드</div>\n </a>\n <div floor-name no-data>${buildingLevel.floorDisplayName}층</div>\n </span>\n `\n })}\n </div>\n </div>\n\n <div plan-scale-container>\n <h3>도면 축척 설정</h3>\n <div>\n <span>가로</span>\n <md-outlined-text-field\n type=\"text\"\n name=\"planXScale\"\n numeric\n .value=${this.project.buildingComplex.planXScale?.toString() \|\| ''}\n @input=${this._onInputChange}\n suffix-text=\"mm\"\n >\n </md-outlined-text-field>\n <span>X</span>\n <span>세로</span>\n <md-outlined-text-field\n type=\"text\"\n name=\"planYScale\"\n numeric\n .value=${this.project.buildingComplex.planYScale?.toString() \|\| ''}\n @input=${this._onInputChange}\n suffix-text=\"mm\"\n >\n </md-outlined-text-field>\n </div>\n </div>\n </div>\n `\n }\n\n async pageInitialized(lifecycle: PageLifecycle) {}\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n this.projectId = lifecycle.resourceId \|\| ''\n await this.initProject(this.projectId)\n }\n }\n\n async initProject(projectId: string = '') {\n const response = await client.query({\n query: gql`\n query Project($id: String!) {\n project(id: $id) {\n id\n name\n buildingComplex {\n id\n planXScale\n planYScale\n buildings {\n id\n name\n drawing {\n id\n name\n }\n buildingLevels {\n id\n floor\n floorDisplayName\n mainDrawing {\n id\n name\n }\n elevationDrawing {\n id\n name\n }\n rebarDistributionDrawing {\n id\n name\n }\n etcDrawings {\n id\n name\n }\n mainDrawingThumbnail\n elevationDrawingThumbnail\n rebarDistributionDrawingThumbnail\n\n building {\n id\n name\n }\n }\n }\n }\n }\n }\n `,\n variables: {\n id: projectId\n }\n })\n\n this.project = response.data?.project\n\n this.updateContext()\n }\n\n private async _saveProject() {\n // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)\n for (let buildingKey in this.project.buildingComplex.buildings) {\n const building = this.project.buildingComplex.buildings[buildingKey]\n delete this.project.buildingComplex.buildings[buildingKey].drawing\n\n for (let levelKey in building.buildingLevels) {\n // 멀티 파일인 etcDrawings은 제거되지 않은 id 리스트 생성\n const etcDrawingIds = this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey]?.etcDrawings\n .filter(v => v.id)\n .map(v => v.id)\n this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].etcDrawingIds = etcDrawingIds\n\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].building\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].floorDisplayName\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawing\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawingImage\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawingThumbnail\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].elevationDrawing\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].elevationDrawingThumbnail\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].rebarDistributionDrawing\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].rebarDistributionDrawingThumbnail\n delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].etcDrawings\n }\n }\n\n // 업로드 파일을 요청 단위로 분리 — 도면 여러 개를 한 번의 multipart 요청으로 보내면\n // 요청 크기/서버 처리 시간(PDF 썸네일 변환)이 게이트웨이 한도를 넘어 502 가 난다.\n // 메타데이터는 매 요청에 포함해도 서버가 idempotent 하게 upsert 하므로 파일 1개당 1요청으로 전송.\n const uploads: { file: any; attach: (patch: any) => void }[] = []\n const buildings = this.project.buildingComplex?.buildings \|\| []\n buildings.forEach((building: any, bIdx: number) => {\n if (building.drawingUpload) {\n const file = building.drawingUpload\n uploads.push({ file, attach: p => (p.buildingComplex.buildings[bIdx].drawingUpload = file) })\n }\n ;(building.buildingLevels \|\| []).forEach((level: any, lIdx: number) => {\n for (const field of ['mainDrawingUpload', 'elevationDrawingUpload', 'rebarDistributionDrawingUpload']) {\n if (level[field]) {\n const file = level[field]\n uploads.push({ file, attach: p => (p.buildingComplex.buildings[bIdx].buildingLevels[lIdx][field] = file) })\n }\n }\n for (const file of level.etcDrawingsUpload \|\| []) {\n uploads.push({ file, attach: p => (p.buildingComplex.buildings[bIdx].buildingLevels[lIdx].etcDrawingsUpload = [file]) })\n }\n })\n })\n\n // File 객체는 JSON 클론이 불가능하므로 Upload 필드를 제외하고 클론 후, 요청별로 파일 1개만 붙인다.\n // this.project 의 업로드 필드는 유지 — 중간 실패 시 재시도해도 파일이 유실되지 않는다.\n const clonePatch = () =>\n JSON.parse(JSON.stringify(this.project, (key, value) => (key.endsWith('Upload') ? undefined : value)))\n\n const requests = uploads.length > 0 ? uploads : [null]\n for (const upload of requests) {\n const patch = clonePatch()\n upload?.attach(patch)\n\n const response = await client.mutate({\n mutation: gql`\n mutation UpdateProjectPlan($project: ProjectPatch!) {\n updateProjectPlan(project: $project) {\n id\n }\n }\n `,\n variables: {\n project: patch\n },\n context: {\n hasUpload: true\n }\n })\n\n if (response.errors) return\n }\n\n notify({ message: '저장에 성공하였습니다.' })\n\n // 데이터 다시 조회\n this.initProject(this.project.id)\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent, idx: number) {\n const target = event.target as HTMLInputElement\n let inputVal: any = target.value\n this.project.buildingComplex![target.name] = Number(inputVal.replace(/\\D/g, ''))\n }\n\n // 이미지 업로드\n async _onCreateAttachment(e: CustomEvent) {\n const target = e.target as HTMLInputElement\n const file = e.detail[0] \|\| null\n const idx = Number(target.getAttribute('idx')) \|\| 0\n\n this.project.buildingComplex!.buildings![idx].drawingUpload = file\n\n // re rendering\n this.project = { ...this.project }\n }\n\n _onClickBuildingChange(idx: number) {\n this.selectedBuildingIdx = idx\n }\n\n _onClickImage(e) {\n const target = e.currentTarget as HTMLInputElement\n const idx = Number(target.getAttribute('idx')) \|\| 0\n const buildingLevel = this.project.buildingComplex!.buildings![this.selectedBuildingIdx].buildingLevels![idx]\n const title = buildingLevel.floorDisplayName + '층' \|\| ''\n\n // 팝업 오픈\n this._openPopup(title, buildingLevel, idx)\n }\n\n private _openPopup(title: string, buildingLevel: BuildingLevel, selectedIdx: number) {\n openPopup(\n html`<popup-plan-upload\n .buildingLevel=${buildingLevel}\n .selectedIdx=${selectedIdx}\n @file_change=${this._onChangeAdditionalDrawing.bind(this)}\n ></popup-plan-upload>`,\n {\n backdrop: true,\n size: 'large',\n title: `${title} 도면 관리`\n }\n )\n }\n\n private _onChangeAdditionalDrawing(e) {\n const idx = e.detail?.selectedIdx \|\| null\n const buildingLevel: BuildingLevel = e.detail?.buildingLevel \|\| {}\n\n this.project.buildingComplex!.buildings![this.selectedBuildingIdx]!.buildingLevels![idx] = { ...buildingLevel }\n }\n}\n"]}