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/project-plan-management.js CHANGED Viewed

@@ -95,7 +95,7 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
                         idx=${idx}
                         @click=${this._onClickImage}
                       />
-                      <div floor-name>${buildingLevel.floor}층</div>
+                      <div floor-name>${buildingLevel.floorDisplayName}층</div>
                     </span>
                   `
                 : html `
@@ -105,7 +105,7 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
                         <div bold>도면 파일</div>
                         <div>업로드</div>
                       </a>
-                      <div floor-name no-data>${buildingLevel.floor}층</div>
+                      <div floor-name no-data>${buildingLevel.floorDisplayName}층</div>
                     </span>
                   `;
         })}
@@ -170,6 +170,7 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
                 buildingLevels {
                   id
                   floor
+                  floorDisplayName
                   mainDrawing {
                     id
                     name
@@ -182,9 +183,18 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
                     id
                     name
                   }
+                  etcDrawings {
+                    id
+                    name
+                  }
                   mainDrawingThumbnail
                   elevationDrawingThumbnail
                   rebarDistributionDrawingThumbnail
+                  building {
+                    id
+                    name
+                  }
                 }
               }
             }
@@ -198,11 +208,17 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
         this.project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.project;
     }
     async _saveProject() {
+        var _a;
         // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)
         for (let buildingKey in this.project.buildingComplex.buildings) {
             const building = this.project.buildingComplex.buildings[buildingKey];
             delete this.project.buildingComplex.buildings[buildingKey].drawing;
             for (let levelKey in building.buildingLevels) {
+                // 멀티 파일인 etcDrawings은 제거되지 않은 id 리스트 생성
+                const etcDrawingIds = (_a = this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey]) === null || _a === void 0 ? void 0 : _a.etcDrawings.filter(v => v.id).map(v => v.id);
+                this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].etcDrawingIds = etcDrawingIds;
+                delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].building;
+                delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].floorDisplayName;
                 delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawing;
                 delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawingImage;
                 delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].mainDrawingThumbnail;
@@ -210,6 +226,7 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
                 delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].elevationDrawingThumbnail;
                 delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].rebarDistributionDrawing;
                 delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].rebarDistributionDrawingThumbnail;
+                delete this.project.buildingComplex.buildings[buildingKey].buildingLevels[levelKey].etcDrawings;
             }
         }
         const response = await client.mutate({
@@ -252,11 +269,10 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
         this.selectedBuildingIdx = idx;
     }
     _onClickImage(e) {
-        var _a;
         const target = e.currentTarget;
         const idx = Number(target.getAttribute('idx')) || 0;
         const buildingLevel = this.project.buildingComplex.buildings[this.selectedBuildingIdx].buildingLevels[idx];
-        const title = ((_a = buildingLevel.floor) === null || _a === void 0 ? void 0 : _a.toString()) + '층' || '';
+        const title = buildingLevel.floorDisplayName + '층' || '';
         // 팝업 오픈
         this._openPopup(title, buildingLevel, idx);
     }
@@ -267,7 +283,7 @@ let ProjectPlanManagement = class ProjectPlanManagement extends ScopedElementsMi
         @file_change=${this._onChangeAdditionalDrawing.bind(this)}
       ></popup-plan-upload>`, {
             backdrop: true,
-            size: 'medium',
+            size: 'large',
             title: `${title} 도면 관리`
         });
     }
@@ -297,7 +313,7 @@ ProjectPlanManagement.styles = [
         width: 100%;
         --md-outlined-text-field-container-shape: 5px;
-        --md-outlined-text-field-outline-color: rgba(51,51,51,.20);
+        --md-outlined-text-field-outline-color: rgba(51, 51, 51, 0.2);
         --md-outlined-text-field-focus-outline-color: #1f7fd9;
         --md-outlined-text-field-focus-outline-width: 1px;
         --md-sys-color-primary: #586878;
@@ -321,7 +337,7 @@ ProjectPlanManagement.styles = [
         display: grid;
         grid-template-rows: 205px 1fr 60px;
         margin: var(--spacing-large, 12px);
-        margin-top:0;
+        margin-top: 0;
         gap: var(--spacing-medium, 8px);
         & > div {
@@ -357,7 +373,7 @@ ProjectPlanManagement.styles = [
             div {
               color: #586878;
-              margin-top:var(--spacing-small, 4px);
+              margin-top: var(--spacing-small, 4px);
               font-size: 14px;
             }
           }
@@ -388,7 +404,7 @@ ProjectPlanManagement.styles = [
                 --md-outlined-button-container-height: 30px;
                 --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
                 --md-outlined-button-leading-space: var(--spacing-medium, 8px);
-                --md-sys-color-outline: rgba(51,51,51,.20);
+                --md-sys-color-outline: rgba(51, 51, 51, 0.2);
               }
             }
           }
@@ -400,8 +416,8 @@ ProjectPlanManagement.styles = [
             & > span {
               display: inline-block;
               text-align: center;
-              margin-right:var(--spacing-medium, 8px);
-              margin-bottom:var(--spacing-medium, 8px);
+              margin-right: var(--spacing-medium, 8px);
+              margin-bottom: var(--spacing-medium, 8px);
               cursor: pointer;
               & > [name='building-plan'] {
@@ -410,7 +426,7 @@ ProjectPlanManagement.styles = [
                 display: flex;
                 flex-direction: column;
                 justify-content: center;
-                border: 1px solid rgba(51,51,51,.1);
+                border: 1px solid rgba(51, 51, 51, 0.1);
                 box-shadow: 1px 1px 1px #0000001a;
                 align-items: center;
                 border-radius: 5px;
@@ -423,7 +439,7 @@ ProjectPlanManagement.styles = [
               & > div[floor-name] {
                 margin-top: var(--spacing-small, 4px);
-                font-size:14px;
+                font-size: 14px;
                 &[no-data] {
                   color: #f16154;

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'\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,.20);\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,.20);\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,.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 }\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.floor}층</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.floor}층</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 mainDrawing {\n id\n name\n }\n elevationDrawing {\n id\n name\n }\n rebarDistributionDrawing {\n id\n name\n }\n mainDrawingThumbnail\n elevationDrawingThumbnail\n rebarDistributionDrawingThumbnail\n }\n }\n }\n }\n }\n `,\n variables: {\n id: projectId\n }\n })\n\n this.project = response.data?.project\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 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 }\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.floor?.toString() + '층' \|\| ''\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: 'medium',\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'\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 }\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\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"]}

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

@@ -5,6 +5,7 @@ import '@material/web/progress/linear-progress.js';
 import '@material/web/textfield/filled-text-field.js';
 import { PageView } from '@operato/shell';
 import './popup/popup-project-create';
+import './component/pagenation';
 declare const ProjectSettingList_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class ProjectSettingList extends ProjectSettingList_base {
     static styles: import("lit").CSSResult[];
@@ -14,11 +15,15 @@ export declare class ProjectSettingList extends ProjectSettingList_base {
     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 _openCreateProjectPopup;
     private _onInputChange;
     private _onKeypress;
+    private _changePage;
 }
 export {};

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

@@ -12,18 +12,24 @@ import { client } from '@operato/graphql';
 import { openPopup } from '@operato/layout';
 import gql from 'graphql-tag';
 import './popup/popup-project-create';
+import './component/pagenation';
 let ProjectSettingList = class ProjectSettingList 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 `
@@ -116,6 +122,13 @@ let ProjectSettingList = class ProjectSettingList extends ScopedElementsMixin(Pa
           `;
         })}
       </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) {
@@ -127,8 +140,8 @@ let ProjectSettingList = class ProjectSettingList extends ScopedElementsMixin(Pa
         var _a, _b;
         const response = await client.query({
             query: gql `
-        query Projects($filters: [Filter!], $sortings: [Sorting!]) {
-          projects(filters: $filters, sortings: $sortings) {
+        query Projects($filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {
+          projects(filters: $filters, sortings: $sortings, pagination: $pagination) {
             items {
               id
               name
@@ -158,7 +171,8 @@ let ProjectSettingList = class ProjectSettingList extends ScopedElementsMixin(Pa
                         }
                     ]
                     : [],
-                sortings: [{ name: 'createdAt', desc: true }]
+                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) || [];
@@ -175,10 +189,21 @@ let ProjectSettingList = class ProjectSettingList extends ScopedElementsMixin(Pa
     _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();
         }
     }
@@ -395,6 +420,10 @@ __decorate([
     state(),
     __metadata("design:type", Number)
 ], ProjectSettingList.prototype, "projectCount", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], ProjectSettingList.prototype, "currentPage", void 0);
 ProjectSettingList = __decorate([
     customElement('project-setting-list')
 ], ProjectSettingList);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"project-setting-list.js","sourceRoot":"","sources":["../../../client/pages/project/project-setting-list.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,yCAAyC,CAAA;AAChD,OAAO,2CAA2C,CAAA;AAClD,OAAO,8CAA8C,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,8BAA8B,CAAA;AAI9B,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,mBAAmB,CAAC,QAAQ,CAAC;IAA9D;;QAgNY,gBAAW,GAAW,EAAE,CAAA;QACxB,gBAAW,GAAc,EAAE,CAAA;QAC3B,iBAAY,GAAW,CAAC,CAAA;IAqK3C,CAAC;IA7KC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,SAAS;SACjB,CAAA;IACH,CAAC;IAMD,MAAM;;QACJ,OAAO,IAAI,CAAA;;;sBAGO,IAAI,CAAC,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAgC/B,IAAI,CAAC,WAAW;mBAChB,IAAI,CAAC,cAAc;sBAChB,IAAI,CAAC,WAAW;;;;;oBAKlB,IAAI,CAAC,YAAY;;;;UAI3B,MAAA,IAAI,CAAC,WAAW,0CAAE,GAAG,CAAC,CAAC,OAAgB,EAAE,EAAE;;YAC3C,MAAM,UAAU,GAAG,IAAI,CAAA,8BAA8B,CAAA;YACrD,MAAM,aAAa,GAAG,IAAI,CAAA,iCAAiC,CAAA;YAE3D,MAAM,kBAAkB,GAAG,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAA;YACvF,MAAM,sBAAsB,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAA;YAChE,MAAM,eAAe,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAA;YAE1D,OAAO,IAAI,CAAA;;;4BAGO,CAAC,CAAA,MAAA,OAAO,CAAC,SAAS,0CAAE,QAAQ,CAAA;;sBAElC,CAAA,MAAA,OAAO,CAAC,SAAS,0CAAE,QAAQ,KAAI,6BAA6B;;;;4BAItD,OAAO,CAAC,IAAI;+BACT,OAAO,CAAC,eAAe,CAAC,OAAO;mCAC3B,CAAA,MAAA,MAAA,OAAO,CAAC,eAAe,0CAAE,IAAI,0CAAE,cAAc,EAAE,KAAI,EAAE;sCAClD,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,OAAO;4CAC9B,OAAO,CAAC,eAAe,CAAC,aAAa;;;;;qEAKZ,OAAO,CAAC,aAAa,IAAI,CAAC;0BACrE,OAAO,CAAC,aAAa,IAAI,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;0BAC3C,OAAO,CAAC,aAAa,IAAI,CAAC;;;iCAGnB,kBAAkB;iCAClB,sBAAsB;6BAC1B,eAAe;;;6DAGiB,OAAO,CAAC,EAAE;sEACD,OAAO,CAAC,EAAE;sEACV,OAAO,CAAC,EAAE;;;;WAIrE,CAAA;QACH,CAAC,CAAC;;KAEL,CAAA;IACH,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAc;QAC5C,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,cAAc;;QAClB,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;OAqBT;YACD,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI,CAAC,WAAW;oBACvB,CAAC,CAAC;wBACE;4BACE,IAAI,EAAE,MAAM;4BACZ,QAAQ,EAAE,QAAQ;4BAClB,KAAK,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG;yBAC/B;qBACF;oBACH,CAAC,CAAC,EAAE;gBACN,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;aAC9C;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,WAAW,GAAG,CAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,0CAAE,KAAK,KAAI,EAAE,CAAA;QACtD,IAAI,CAAC,YAAY,GAAG,CAAA,MAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,0CAAE,KAAK,KAAI,CAAC,CAAA;IACxD,CAAC;IAEO,uBAAuB;QAC7B,SAAS,CAAC,IAAI,CAAA,oCAAoC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,0BAA0B,EAAE;YAC1G,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,YAAY;SACpB,CAAC,CAAA;IACJ,CAAC;IAED,gCAAgC;IACxB,cAAc,CAAC,KAAiB;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAA;IAClC,CAAC;IAED,iBAAiB;IACT,WAAW,CAAC,KAAoB;QACtC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;IACH,CAAC;;AArXM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqMF;CACF,AAvMY,CAuMZ;AAQgB;IAAhB,KAAK,EAAE;;uDAAiC;AACxB;IAAhB,KAAK,EAAE;;uDAAoC;AAC3B;IAAhB,KAAK,EAAE;;wDAAiC;AAlN9B,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAuX9B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@material/web/progress/linear-progress.js'\nimport '@material/web/textfield/filled-text-field.js'\n\nimport { PageView } from '@operato/shell'\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 { openPopup } from '@operato/layout'\n\nimport gql from 'graphql-tag'\nimport './popup/popup-project-create'\nimport { Project } from './project-list'\n\n@customElement('project-setting-list')\nexport class ProjectSettingList extends ScopedElementsMixin(PageView) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n width: 100%;\n height: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div[management-header-container] {\n display: flex;\n margin: var(--spacing-large, 12px);\n margin-bottom: 0;\n gap: var(--spacing-medium, 8px);\n overflow-x: auto;\n\n a {\n flex: 1;\n text-align: center;\n padding: var(--spacing-medium, 8px);\n background-color: var(--md-sys-color-on-primary);\n color: var(--md-sys-color-tertiary);\n font-weight: 700;\n border-radius: var(--md-sys-shape-corner-small, 5px);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-small, 4px);\n border: solid 1px #0000004d;\n text-decoration: none;\n cursor: pointer;\n\n md-icon {\n font-size: 35px;\n width: auto;\n height: auto;\n }\n div[label] {\n font-size: 14px;\n line-height: 1.3;\n }\n }\n\n a[green] {\n background-color: #24be7b;\n color: var(--md-sys-color-on-primary);\n }\n }\n\n div[header] {\n display: flex;\n align-items: center;\n background-color: #2ea4df1a;\n border: 1px solid #2ea4df33;\n margin: var(--spacing-large, 12px);\n margin-bottom: var(--spacing-small, 5px);\n padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n border-radius: var(--md-sys-shape-corner-small, 5px);\n\n md-filled-text-field[type='search'] {\n --md-filled-text-field-container-shape: 0px;\n --md-filled-text-field-container-color: transparent;\n --md-filled-text-field-label-text-color: #999999;\n --md-filled-text-field-input-text-color: #4e5055;\n }\n strong {\n flex: 1;\n padding-right: var(--spacing-medium, 8px);\n text-align: right;\n }\n\n md-elevated-button[add-project] {\n font-weight: bold;\n font-size: 16px;\n margin-left: 17px;\n padding: 13px 20px;\n\n --md-elevated-button-container-color: #24be7b;\n --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n\n --md-elevated-button-container-shape: 7px;\n }\n }\n\n div[body] {\n div[project-container] {\n display: flex;\n flex-direction: row;\n min-height: 130px;\n margin: var(--spacing-large, 12px);\n background-color: var(--md-sys-color-on-primary);\n border: 1px solid #cccccc80;\n border-radius: var(--md-sys-shape-corner-small, 5px);\n align-items: center;\n gap: var(--spacing-medium, 8px);\n overflow: hidden;\n\n img[project-img] {\n width: 240px;\n height: 130px;\n aspect-ratio: 2;\n background-color: #cccccc80;\n }\n img[project-img][no-image] {\n object-fit: contain;\n opacity: 0.5;\n }\n\n span[project-info] {\n flex: 0.5;\n padding: var(--spacing-small, 4px);\n font-size: 14px;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n div[name] {\n color: #2e79be;\n font-weight: bold;\n font-size: 18px;\n }\n }\n\n span[project-state] {\n flex: 0.5;\n padding: var(--spacing-medium, 8px);\n min-width: 340px;\n\n & > div {\n margin-bottom: var(--spacing-small, 4px);\n }\n\n div[progress] {\n position: relative;\n\n md-linear-progress {\n margin: var(--spacing-tiny, 2px) 0;\n --md-linear-progress-track-height: 18px;\n --md-linear-progress-active-indicator-height: 18px;\n --md-linear-progress-track-shape: 5px;\n --md-linear-progress-active-indicator-color: #0595e526;\n --md-linear-progress-track-color: #0595e52a;\n }\n\n span {\n position: absolute;\n top: 0;\n left: var(--spacing-large, 12px);\n font-size: 12px;\n font-weight: bold;\n color: #2e79be;\n\n &:last-child {\n left: unset;\n right: var(--spacing-large, 12px);\n }\n }\n }\n\n div[filled] div {\n margin-right: var(--spacing-large, 12px);\n display: inline-block;\n }\n\n strong[filled] {\n color: #1bb401;\n }\n strong[not-filled] {\n color: #ff4444;\n }\n\n md-outlined-button {\n min-height: 33px;\n padding: 0 var(--spacing-large, 12px);\n margin-right: var(--spacing-tiny, 2px);\n box-shadow: 1px 1px 1px 1px #0000001a;\n --md-outlined-button-label-text-color: #586878;\n --md-outlined-button-label-text-weight: bold;\n --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title: '프로젝트 설정'\n }\n }\n\n @state() private projectName: string = ''\n @state() private projectList: Project[] = []\n @state() private projectCount: number = 0\n\n render() {\n return html`\n <div management-header>\n <div management-header-container>\n <a @click=${this._openCreateProjectPopup} green>\n <md-icon slot=\"leading-icon\">add</md-icon>\n <div label>신규 프로젝트 생성</div>\n </a>\n <a href=\"employee-list\">\n <md-icon slot=\"leading-icon\">badge</md-icon>\n <div label>인력 관리</div>\n </a>\n <a href=\"construction-type-management\">\n <md-icon slot=\"leading-icon\">construction</md-icon>\n <div label>공종 관리</div>\n </a>\n <a href=\"inspection-drawing-type-management\">\n <md-icon slot=\"leading-icon\">stacks</md-icon>\n <div label>도면타입/검측부위<br />관리</div>\n </a>\n <a href=\"checklist-type-management\">\n <md-icon slot=\"leading-icon\">rule</md-icon>\n <div label>체크리스트 구분 관리</div>\n </a>\n <a href=\"checklist-template-list\">\n <md-icon slot=\"leading-icon\">fact_check</md-icon>\n <div label>체크리스트 템플릿<br />관리</div>\n </a>\n </div>\n </div>\n\n <div header>\n <md-filled-text-field\n name=\"projectName\"\n type=\"search\"\n label=\"프로젝트 이름\"\n .value=${this.projectName}\n @input=${this._onInputChange}\n @keypress=${this._onKeypress}\n >\n <md-icon slot=\"leading-icon\">search</md-icon>\n </md-filled-text-field>\n\n <strong>총 ${this.projectCount}개</strong>\n </div>\n\n <div body>\n ${this.projectList?.map((project: Project) => {\n const filledText = html`<strong filled>등록완료</strong>`\n const nonFilledText = html`<strong not-filled>미등록</strong>`\n\n const projectFilledState = project.buildingComplex.address ? filledText : nonFilledText\n const supervisoryFilledState = true ? filledText : nonFilledText\n const taskFilledState = false ? filledText : nonFilledText\n\n return html`\n <div project-container>\n <img\n ?no-image=${!project.mainPhoto?.fullpath}\n project-img\n src=${project.mainPhoto?.fullpath \|\| '/assets/images/no-image.png'}\n />\n\n <span project-info>\n <div name>${project.name}</div>\n <div content>${project.buildingComplex.address}</div>\n <div content>면적: ${project.buildingComplex?.area?.toLocaleString() \|\| ''}㎡</div>\n <div content>착공~준공: ${project.startDate}~${project.endDate}</div>\n <div content>발주처: <strong>${project.buildingComplex.clientCompany}</strong></div>\n </span>\n\n <span project-state>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.totalProgress \|\| 0}> </md-linear-progress>\n <span>${project.totalProgress == 100 ? '완료' : '진행중'}</span>\n <span>${project.totalProgress \|\| 0}%</span>\n </div>\n <div filled>\n <div>프로젝트 정보 ${projectFilledState}</div>\n <div>시공감리 자료 ${supervisoryFilledState}</div>\n <div>공정표 ${taskFilledState}</div>\n </div>\n <div>\n <md-outlined-button href=\"project-update/${project.id}\">프로젝트 정보 수정</md-outlined-button>\n <md-outlined-button href=\"project-plan-management/${project.id}\">도면 관리</md-outlined-button>\n <md-outlined-button href=\"project-task-management/${project.id}\">공정표 관리</md-outlined-button>\n </div>\n </span>\n </div>\n `\n })}\n </div>\n `\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n this.getProjectList()\n }\n }\n\n async getProjectList() {\n const response = await client.query({\n query: gql`\n query Projects($filters: [Filter!], $sortings: [Sorting!]) {\n projects(filters: $filters, sortings: $sortings) {\n items {\n id\n name\n mainPhoto {\n fullpath\n }\n startDate\n endDate\n totalProgress\n buildingComplex {\n address\n area\n clientCompany\n }\n }\n total\n }\n }\n `,\n variables: {\n filters: this.projectName\n ? [\n {\n name: 'name',\n operator: 'search',\n value: `%${this.projectName}%`\n }\n ]\n : [],\n sortings: [{ name: 'createdAt', desc: true }]\n }\n })\n\n this.projectList = response.data.projects?.items \|\| []\n this.projectCount = response.data.projects?.total \|\| 0\n }\n\n private _openCreateProjectPopup() {\n openPopup(html`<popup-project-create .refreshFn=${this.getProjectList.bind(this)}></popup-project-create>`, {\n backdrop: true,\n size: 'small',\n title: '신규 프로젝트 생성'\n })\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent) {\n const target = event.target as HTMLInputElement\n this[target.name] = target.value\n }\n\n // 검색창에서 엔터입력시 검색\n private _onKeypress(event: KeyboardEvent) {\n if (event.code === 'Enter') {\n this.getProjectList()\n }\n }\n}\n"]}
1	+ {"version":3,"file":"project-setting-list.js","sourceRoot":"","sources":["../../../client/pages/project/project-setting-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@material/web/progress/linear-progress.js'\nimport '@material/web/textfield/filled-text-field.js'\n\nimport { PageView } from '@operato/shell'\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 { openPopup } from '@operato/layout'\n\nimport gql from 'graphql-tag'\nimport './popup/popup-project-create'\nimport { Project } from './project-list'\nimport './component/pagenation'\n\n@customElement('project-setting-list')\nexport class ProjectSettingList extends ScopedElementsMixin(PageView) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n width: 100%;\n height: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div[management-header-container] {\n display: flex;\n margin: var(--spacing-large, 12px);\n margin-bottom: 0;\n gap: var(--spacing-medium, 8px);\n overflow-x: auto;\n\n a {\n flex: 1;\n text-align: center;\n padding: var(--spacing-medium, 8px);\n background-color: var(--md-sys-color-on-primary);\n color: var(--md-sys-color-tertiary);\n font-weight: 700;\n border-radius: var(--md-sys-shape-corner-small, 5px);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-small, 4px);\n border: solid 1px #0000004d;\n text-decoration: none;\n cursor: pointer;\n\n md-icon {\n font-size: 35px;\n width: auto;\n height: auto;\n }\n div[label] {\n font-size: 14px;\n line-height: 1.3;\n }\n }\n\n a[green] {\n background-color: #24be7b;\n color: var(--md-sys-color-on-primary);\n }\n }\n\n div[header] {\n display: flex;\n align-items: center;\n background-color: #2ea4df1a;\n border: 1px solid #2ea4df33;\n margin: var(--spacing-large, 12px);\n margin-bottom: var(--spacing-small, 5px);\n padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n border-radius: var(--md-sys-shape-corner-small, 5px);\n\n md-filled-text-field[type='search'] {\n --md-filled-text-field-container-shape: 0px;\n --md-filled-text-field-container-color: transparent;\n --md-filled-text-field-label-text-color: #999999;\n --md-filled-text-field-input-text-color: #4e5055;\n }\n strong {\n flex: 1;\n padding-right: var(--spacing-medium, 8px);\n text-align: right;\n }\n\n md-elevated-button[add-project] {\n font-weight: bold;\n font-size: 16px;\n margin-left: 17px;\n padding: 13px 20px;\n\n --md-elevated-button-container-color: #24be7b;\n --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n\n --md-elevated-button-container-shape: 7px;\n }\n }\n\n div[body] {\n div[project-container] {\n display: flex;\n flex-direction: row;\n min-height: 130px;\n margin: var(--spacing-large, 12px);\n background-color: var(--md-sys-color-on-primary);\n border: 1px solid #cccccc80;\n border-radius: var(--md-sys-shape-corner-small, 5px);\n align-items: center;\n gap: var(--spacing-medium, 8px);\n overflow: hidden;\n\n img[project-img] {\n width: 240px;\n height: 130px;\n aspect-ratio: 2;\n background-color: #cccccc80;\n }\n img[project-img][no-image] {\n object-fit: contain;\n opacity: 0.5;\n }\n\n span[project-info] {\n flex: 0.5;\n padding: var(--spacing-small, 4px);\n font-size: 14px;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n div[name] {\n color: #2e79be;\n font-weight: bold;\n font-size: 18px;\n }\n }\n\n span[project-state] {\n flex: 0.5;\n padding: var(--spacing-medium, 8px);\n min-width: 340px;\n\n & > div {\n margin-bottom: var(--spacing-small, 4px);\n }\n\n div[progress] {\n position: relative;\n\n md-linear-progress {\n margin: var(--spacing-tiny, 2px) 0;\n --md-linear-progress-track-height: 18px;\n --md-linear-progress-active-indicator-height: 18px;\n --md-linear-progress-track-shape: 5px;\n --md-linear-progress-active-indicator-color: #0595e526;\n --md-linear-progress-track-color: #0595e52a;\n }\n\n span {\n position: absolute;\n top: 0;\n left: var(--spacing-large, 12px);\n font-size: 12px;\n font-weight: bold;\n color: #2e79be;\n\n &:last-child {\n left: unset;\n right: var(--spacing-large, 12px);\n }\n }\n }\n\n div[filled] div {\n margin-right: var(--spacing-large, 12px);\n display: inline-block;\n }\n\n strong[filled] {\n color: #1bb401;\n }\n strong[not-filled] {\n color: #ff4444;\n }\n\n md-outlined-button {\n min-height: 33px;\n padding: 0 var(--spacing-large, 12px);\n margin-right: var(--spacing-tiny, 2px);\n box-shadow: 1px 1px 1px 1px #0000001a;\n --md-outlined-button-label-text-color: #586878;\n --md-outlined-button-label-text-weight: bold;\n --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title: '프로젝트 설정'\n }\n }\n\n @state() private projectName: string = ''\n @state() private projectList: Project[] = []\n @state() private projectCount: number = 0\n @state() private currentPage: number = 1\n\n private readonly pageLimit: number = 20\n\n get totalPages(): number {\n return Math.max(1, Math.ceil((this.projectCount \|\| 0) / this.pageLimit))\n }\n\n render() {\n return html`\n <div management-header>\n <div management-header-container>\n <a @click=${this._openCreateProjectPopup} green>\n <md-icon slot=\"leading-icon\">add</md-icon>\n <div label>신규 프로젝트 생성</div>\n </a>\n <a href=\"employee-list\">\n <md-icon slot=\"leading-icon\">badge</md-icon>\n <div label>인력 관리</div>\n </a>\n <a href=\"construction-type-management\">\n <md-icon slot=\"leading-icon\">construction</md-icon>\n <div label>공종 관리</div>\n </a>\n <a href=\"inspection-drawing-type-management\">\n <md-icon slot=\"leading-icon\">stacks</md-icon>\n <div label>도면타입/검측부위<br />관리</div>\n </a>\n <a href=\"checklist-type-management\">\n <md-icon slot=\"leading-icon\">rule</md-icon>\n <div label>체크리스트 구분 관리</div>\n </a>\n <a href=\"checklist-template-list\">\n <md-icon slot=\"leading-icon\">fact_check</md-icon>\n <div label>체크리스트 템플릿<br />관리</div>\n </a>\n </div>\n </div>\n\n <div header>\n <md-filled-text-field\n name=\"projectName\"\n type=\"search\"\n label=\"프로젝트 이름\"\n .value=${this.projectName}\n @input=${this._onInputChange}\n @keypress=${this._onKeypress}\n >\n <md-icon slot=\"leading-icon\">search</md-icon>\n </md-filled-text-field>\n\n <strong>총 ${this.projectCount}개</strong>\n </div>\n\n <div body>\n ${this.projectList?.map((project: Project) => {\n const filledText = html`<strong filled>등록완료</strong>`\n const nonFilledText = html`<strong not-filled>미등록</strong>`\n\n const projectFilledState = project.buildingComplex.address ? filledText : nonFilledText\n const supervisoryFilledState = true ? filledText : nonFilledText\n const taskFilledState = false ? filledText : nonFilledText\n\n return html`\n <div project-container>\n <img\n ?no-image=${!project.mainPhoto?.fullpath}\n project-img\n src=${project.mainPhoto?.fullpath \|\| '/assets/images/no-image.png'}\n />\n\n <span project-info>\n <div name>${project.name}</div>\n <div content>${project.buildingComplex.address}</div>\n <div content>면적: ${project.buildingComplex?.area?.toLocaleString() \|\| ''}㎡</div>\n <div content>착공~준공: ${project.startDate}~${project.endDate}</div>\n <div content>발주처: <strong>${project.buildingComplex.clientCompany}</strong></div>\n </span>\n\n <span project-state>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.totalProgress \|\| 0}> </md-linear-progress>\n <span>${project.totalProgress == 100 ? '완료' : '진행중'}</span>\n <span>${project.totalProgress \|\| 0}%</span>\n </div>\n <div filled>\n <div>프로젝트 정보 ${projectFilledState}</div>\n <div>시공감리 자료 ${supervisoryFilledState}</div>\n <div>공정표 ${taskFilledState}</div>\n </div>\n <div>\n <md-outlined-button href=\"project-update/${project.id}\">프로젝트 정보 수정</md-outlined-button>\n <md-outlined-button href=\"project-plan-management/${project.id}\">도면 관리</md-outlined-button>\n <md-outlined-button href=\"project-task-management/${project.id}\">공정표 관리</md-outlined-button>\n </div>\n </span>\n </div>\n `\n })}\n </div>\n\n <pagenation-control\n .currentPage=${this.currentPage}\n .totalItems=${this.projectCount}\n .pageLimit=${this.pageLimit}\n @page-change=${(e: CustomEvent) => this._changePage(e.detail.page)}\n ></pagenation-control>\n `\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n this.getProjectList()\n }\n }\n\n async getProjectList() {\n const response = await client.query({\n query: gql`\n query Projects($filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {\n projects(filters: $filters, sortings: $sortings, pagination: $pagination) {\n items {\n id\n name\n mainPhoto {\n fullpath\n }\n startDate\n endDate\n totalProgress\n buildingComplex {\n address\n area\n clientCompany\n }\n }\n total\n }\n }\n `,\n variables: {\n filters: this.projectName\n ? [\n {\n name: 'name',\n operator: 'search',\n value: `%${this.projectName}%`\n }\n ]\n : [],\n sortings: [{ name: 'createdAt', desc: true }],\n pagination: { page: this.currentPage, limit: this.pageLimit }\n }\n })\n\n this.projectList = response.data.projects?.items \|\| []\n this.projectCount = response.data.projects?.total \|\| 0\n }\n\n private _openCreateProjectPopup() {\n openPopup(html`<popup-project-create .refreshFn=${this.getProjectList.bind(this)}></popup-project-create>`, {\n backdrop: true,\n size: 'small',\n title: '신규 프로젝트 생성'\n })\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent) {\n const target = event.target as HTMLInputElement\n this[target.name] = target.value\n if (target.name === 'projectName') {\n this.currentPage = 1\n }\n }\n\n // 검색창에서 엔터입력시 검색\n private _onKeypress(event: KeyboardEvent) {\n if (event.code === 'Enter') {\n this.currentPage = 1\n this.getProjectList()\n }\n }\n\n private _changePage(page: number) {\n const nextPage = Math.min(Math.max(1, page), this.totalPages)\n if (nextPage !== this.currentPage) {\n this.currentPage = nextPage\n this.getProjectList()\n }\n }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import '@material/web/icon/icon.js';
 import { PageView } from '@operato/shell';
-declare const ProjectScheduleListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
-export declare class ProjectScheduleListPage extends ProjectScheduleListPage_base {
+declare const ProjectTaskListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class ProjectTaskListPage extends ProjectTaskListPage_base {
     static styles: import("lit").CSSResult[];
     get context(): {
         title: string;

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

@@ -6,7 +6,7 @@ import { customElement, state } from 'lit/decorators.js';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { client } from '@operato/graphql';
 import gql from 'graphql-tag';
-let ProjectScheduleListPage = class ProjectScheduleListPage extends ScopedElementsMixin(PageView) {
+let ProjectTaskListPage = class ProjectTaskListPage extends ScopedElementsMixin(PageView) {
     constructor() {
         super(...arguments);
         this.projectName = '';
@@ -42,7 +42,7 @@ let ProjectScheduleListPage = class ProjectScheduleListPage extends ScopedElemen
             var _a, _b, _c, _d;
             return html `
             <div project-container>
-              <a href=${`project-schedule/${project.id}`}>
+              <a href=${`project-task/${project.id}`}>
                 <img
                   ?no-image=${!((_a = project.mainPhoto) === null || _a === void 0 ? void 0 : _a.fullpath)}
                   project-img
@@ -158,7 +158,7 @@ let ProjectScheduleListPage = class ProjectScheduleListPage extends ScopedElemen
         }
     }
 };
-ProjectScheduleListPage.styles = [
+ProjectTaskListPage.styles = [
     css `
       :host {
         display: flex;
@@ -290,17 +290,17 @@ ProjectScheduleListPage.styles = [
 __decorate([
     state(),
     __metadata("design:type", String)
-], ProjectScheduleListPage.prototype, "projectName", void 0);
+], ProjectTaskListPage.prototype, "projectName", void 0);
 __decorate([
     state(),
     __metadata("design:type", Array)
-], ProjectScheduleListPage.prototype, "projectList", void 0);
+], ProjectTaskListPage.prototype, "projectList", void 0);
 __decorate([
     state(),
     __metadata("design:type", Number)
-], ProjectScheduleListPage.prototype, "projectCount", void 0);
-ProjectScheduleListPage = __decorate([
-    customElement('project-schedule-list')
-], ProjectScheduleListPage);
-export { ProjectScheduleListPage };
-//# sourceMappingURL=project-schedule-list.js.map
+], ProjectTaskListPage.prototype, "projectCount", void 0);
+ProjectTaskListPage = __decorate([
+    customElement('project-task-list')
+], ProjectTaskListPage);
+export { ProjectTaskListPage };
+//# sourceMappingURL=project-task-list.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"project-task-list.js","sourceRoot":"","sources":["../../../client/pages/project/project-task-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { PageView } from '@operato/shell'\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 gql from 'graphql-tag'\nimport { Project } from './project-list'\n\n@customElement('project-task-list')\nexport class ProjectTaskListPage extends ScopedElementsMixin(PageView) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n\n width: 100%;\n height: 100%;\n background-color: #f7f7f7;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n div[header] {\n display: flex;\n height: 100px;\n align-items: center;\n background-color: #2ea4df1a;\n border: 1px solid #2ea4df33;\n margin: 15px 23px;\n font-size: 18px;\n padding: 7px;\n border-radius: 5px;\n\n md-filled-text-field[type='search'] {\n margin-left: 5px;\n margin-right: 26px;\n\n --md-filled-text-field-container-shape: 0px;\n --md-sys-color-primary: #006a6a;\n --md-sys-color-surface-container-highest: transparent;\n --md-filled-text-field-label-text-color: #999999;\n --md-filled-text-field-input-text-color: #4e5055;\n }\n\n md-elevated-button[add-project] {\n font-weight: bold;\n font-size: 16px;\n margin-left: 17px;\n padding: 13px 20px;\n\n --md-sys-color-surface-container-low: #24be7b;\n --md-sys-color-primary: #ffffff;\n --md-elevated-button-container-shape: 7px;\n }\n }\n\n div[body] {\n div[project-container] {\n height: 140px;\n margin: 17px 23px;\n background-color: #ffffff;\n border: 1px solid #cccccc80;\n border-radius: 5px;\n\n & > a {\n display: flex;\n width: 100%;\n height: 100%;\n text-decoration: none;\n color: #000;\n }\n\n img[project-img] {\n width: 285px;\n background-color: #cccccc80;\n }\n img[project-img][no-image] {\n object-fit: contain;\n opacity: 0.5;\n }\n\n span[project-info] {\n flex: 0.45;\n padding: 6px 15px;\n font-size: 16px;\n\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n div[name] {\n color: #2e79be;\n font-weight: bold;\n font-size: 19px;\n margin-bottom: 2px;\n }\n }\n\n span[project-state] {\n flex: 0.55;\n padding: 10px 20px;\n\n & > div {\n margin-bottom: 3px;\n }\n\n div[progress] {\n position: relative;\n\n md-linear-progress {\n --md-linear-progress-track-height: 18px;\n --md-linear-progress-active-indicator-height: 18px;\n --md-linear-progress-track-shape: 5px;\n --md-sys-color-primary: #0595e51a;\n --md-sys-color-surface-container-highest: #0595e533;\n }\n\n span {\n position: absolute;\n top: 0;\n left: 12px;\n font-size: 12px;\n font-weight: bold;\n color: #2e79be;\n\n &:last-child {\n left: unset;\n right: 12px;\n }\n }\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title: '진행중 프로젝트'\n }\n }\n\n @state() private projectName: string = ''\n @state() private projectList: Project[] = []\n @state() private projectCount: number = 0\n\n render() {\n return html`\n <div header>\n <label>프로젝트 이름</label>\n <md-filled-text-field\n name=\"projectName\"\n type=\"search\"\n label=\"프로젝트 이름\"\n .value=${this.projectName}\n @input=${this._onInputChange}\n @keypress=${this._onKeypress}\n >\n <md-icon slot=\"leading-icon\">search</md-icon>\n </md-filled-text-field>\n\n <strong>총 ${this.projectCount}개</strong>\n </div>\n\n <div body>\n ${this.projectList?.map((project: Project) => {\n return html`\n <div project-container>\n <a href=${`project-task/${project.id}`}>\n <img\n ?no-image=${!project.mainPhoto?.fullpath}\n project-img\n src=${project.mainPhoto?.fullpath || '/assets/images/no-image.png'}\n />\n\n <span project-info>\n <div name>${project.name}</div>\n <div content>${project.buildingComplex.address}</div>\n <div content>면적: ${project.buildingComplex?.area?.toLocaleString() || ''}㎡</div>\n <div content>착공~준공: ${project.startDate}~${project.endDate}</div>\n <div content>발주처: <strong>${project.buildingComplex.clientCompany}</strong></div>\n </span>\n\n <span project-state>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.totalProgress || 0}> </md-linear-progress>\n <span>전체</span>\n <span>${project.totalProgress || 0}%</span>\n </div>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.weeklyProgress || 0}> </md-linear-progress>\n <span>주간</span>\n <span>${project.weeklyProgress || 0}%</span>\n </div>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.kpi || 0}> </md-linear-progress>\n <span>KPI</span>\n <span>${project.kpi || 0}%</span>\n </div>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.inspPassRate || 0}> </md-linear-progress>\n <span>Inspection Passing Rate</span>\n <span>${project.inspPassRate || 0}%</span>\n </div>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.robotProgressRate || 0}> </md-linear-progress>\n <span>Robot Progress</span>\n <span>${project.robotProgressRate || 0}%</span>\n </div>\n <div progress>\n <md-linear-progress buffer=\"100\" max=\"100\" value=${project.structuralSafetyRate || 0}> </md-linear-progress>\n <span>Structural safety</span>\n <span>${project.structuralSafetyRate || 0}%</span>\n </div>\n </span>\n </a>\n </div>\n `\n })}\n </div>\n `\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n this.getProjectList()\n }\n }\n\n async getProjectList() {\n const response = await client.query({\n query: gql`\n query Projects($filters: [Filter!]) {\n projects(filters: $filters) {\n items {\n id\n name\n startDate\n endDate\n mainPhoto {\n fullpath\n }\n totalProgress\n weeklyProgress\n kpi\n inspPassRate\n robotProgressRate\n structuralSafetyRate\n buildingComplex {\n address\n area\n clientCompany\n }\n }\n total\n }\n }\n `,\n variables: {\n filters: this.projectName\n ? [\n {\n name: 'name',\n operator: 'search',\n value: `%${this.projectName}%`\n }\n ]\n : []\n }\n })\n\n this.projectList = response.data.projects?.items || []\n this.projectCount = response.data.projects?.total || 0\n }\n\n // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n private _onInputChange(event: InputEvent) {\n const target = event.target as HTMLInputElement\n this[target.name] = target.value\n }\n\n // 검색창에서 엔터입력시 검색\n private _onKeypress(event: KeyboardEvent) {\n if (event.code === 'Enter') {\n this.getProjectList()\n }\n }\n}\n"]}

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

@@ -7,9 +7,11 @@ import { PageView } from '@operato/shell';
 import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
 import { Project } from './project-list';
 import '@operato/gantt/ox-gantt.js';
-import './popup/popup-schedule-upload';
-declare const ProjectSchedule_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
-export declare class ProjectSchedule extends ProjectSchedule_base {
+import './popup/popup-task-upload';
+import './popup/checklist/task-checklist-create-popup';
+import './popup/checklist/task-checklist-view';
+declare const ProjectTask_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class ProjectTask extends ProjectTask_base {
     static styles: import("lit").CSSResult[];
     get context(): {
         title: string;
@@ -20,8 +22,12 @@ export declare class ProjectSchedule extends ProjectSchedule_base {
     selectedBuildingIdx: number;
     tasks: any;
     constructionTypeList: never[];
+    selectedChecklist: any;
+    selectedConstructionTypeId: string;
     private fromDate;
     private toDate;
+    private selectedFromDate;
+    private selectedToDate;
     inputStartDate: HTMLInputElement;
     inputEndDate: HTMLInputElement;
     private timeScale;
@@ -32,7 +38,14 @@ export declare class ProjectSchedule extends ProjectSchedule_base {
     pageUpdated(changes: any, lifecycle: PageLifecycle): Promise<void>;
     initProject(projectId?: string): Promise<void>;
     onChangePeriodRange(): void;
-    onRangeSelected(e: CustomEvent): void;
+    onRangeSelected(event: CustomEvent | null): void;
     private _openUploadSchedulePopup;
+    private onClickTaskChecklist;
+    private _openCreateChecklistPopup;
+    _openUpdateTaskChecklistPopup(constructionType: any): void;
+    private _onClickModifyChecklist;
+    private validateChecklist;
+    private _getIconHtmlByStatus;
+    private _getTaskChecklistBindingById;
 }
 export {};