@dssp/project 0.0.27 → 0.0.28

package/dist-client/pages/project/project-schedule.js

@@ -10,8 +10,11 @@ import { customElement, query, state } from 'lit/decorators.js';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { client } from '@operato/graphql';
 import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
 import gql from 'graphql-tag';
+import { ScrollbarStyles } from '@operato/styles';
 import '@operato/gantt/ox-gantt.js';
+import './popup/popup-schedule-upload';
 const TaskFragment = gql `
   fragment TaskFragment on Task {
     type
@@ -47,6 +50,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
         this.projectId = '';
         this.project = Object.assign({}, this.defaultProject);
         this.selectedBuildingIdx = 0;
+        this.constructionTypeList = [];
         this.fromDate = '2024-01-01';
         this.toDate = '2024-12-31';
         this.timeScale = 'week-day';
@@ -84,17 +88,12 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
         };
     }
     render() {
+        var _a;
         return html `
       <div header>
         <h2>${this.project.name}</h2>
         <div button-container>
-          <md-elevated-button href=${`project-update/${this.project.id}`}>
-            <md-icon slot="icon">assignment</md-icon>프로젝트 정보 수정
-          </md-elevated-button>
-          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>
-            <md-icon slot="icon">description</md-icon>도면 관리
-          </md-elevated-button>
-          <md-elevated-button href=${`project-task-update/${this.project.id}`}>
+          <md-elevated-button @click=${this._openUploadSchedulePopup}>
             <md-icon slot="icon">event_note</md-icon>공정표 관리
           </md-elevated-button>
         </div>
@@ -106,9 +105,7 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
           to-date=${new Date(this.toDate).toISOString().split('T')[0]}
           .timeScale=${this.timeScale}
           .tasks=${this.tasks}
-          @date-range-selected=${(e) => {
-            console.log('date-range-selected', e.detail);
-        }}
+          @date-range-selected=${this.onRangeSelected}
           @task-clicked=${(e) => {
             console.log('task-clicked', e.detail);
         }}
@@ -128,7 +125,9 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
               <input type="date" name="endDate" project .value=${this.project.endDate || ''} max="9999-12-31" />
             </div>
           </div>
-          <div button></div>
+          <div construction-list-container>
+            ${(_a = this.constructionTypeList) === null || _a === void 0 ? void 0 : _a.map((constructionType) => html ` <md-outlined-button id=${constructionType.id}>${constructionType.title}</md-outlined-button>`)}
+          </div>
         </div>
       </div>
     `;
@@ -159,6 +158,10 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
                 }
               }
             }
+            scheduleTable {
+              id
+              name
+            }
             buildingComplex {
               id
               planXScale
@@ -202,8 +205,30 @@ let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView
         this.fromDate = this.inputStartDate.value;
         this.toDate = this.inputEndDate.value;
     }
+    onRangeSelected(e) {
+        const selectedFromDate = new Date(e.detail.start + 'T00:00:00.000Z');
+        const selectedToDate = new Date(e.detail.end + 'T23:59:59.000Z');
+        this.constructionTypeList = this.tasks.filter(constuction => {
+            const constuctionStartDate = new Date(constuction.startDate);
+            const constuctionEndDate = new Date(constuction.endDate);
+            return constuctionStartDate <= selectedToDate && constuctionEndDate >= selectedFromDate;
+        });
+    }
+    _openUploadSchedulePopup() {
+        var _a;
+        openPopup(html `<popup-schedule-upload
+        .projectId=${this.projectId}
+        .scheduleTable=${(_a = this.project) === null || _a === void 0 ? void 0 : _a.scheduleTable}
+        @uploaded=${() => this.initProject(this.projectId)}
+      ></popup-schedule-upload>`, {
+            backdrop: true,
+            size: 'medium',
+            title: `공정표 업로드`
+        });
+    }
 };
 ProjectSchedule.styles = [
+    ScrollbarStyles,
     css `
       :host {
         display: flex;
@@ -305,11 +330,25 @@ ProjectSchedule.styles = [
             }
           }
 
-          div[button] {
+          div[construction-list-container] {
             flex: 1;
+            display: flex;
             border-radius: 5px;
             border: 1px solid #cccccc80;
             background-color: #fff;
+            padding: 8px 10px;
+            gap: 10px;
+            overflow-x: auto;
+
+            md-outlined-button {
+              --md-outlined-button-container-height: 30px;
+              --md-outlined-button-trailing-space: 15px;
+              --md-outlined-button-leading-space: 15px;
+              --md-outlined-button-label-text-color: #586878;
+              box-shadow: 1px 1px 1px #0000001a;
+              padding: 8px 16px;
+              font-weight: 700;
+            }
           }
         }
       }
@@ -331,6 +370,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], ProjectSchedule.prototype, "tasks", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ProjectSchedule.prototype, "constructionTypeList", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/dist-client/pages/project/project-schedule.js.map

@@ -1 +1 @@
-{"version":3,"file":"project-schedule.js","sourceRoot":"","sources":["../../../client/pages/project/project-schedule.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,gDAAgD,CAAA;AACvD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,yCAAyC,CAAA;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,4BAA4B,CAAA;AAEnC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAevB,CAAA;AAGM,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,mBAAmB,CAAC,QAAQ,CAAC;IAA3D;;QAwHG,mBAAc,GAAG;YACvB,IAAI,EAAE,EAAE;YACR,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;gBACX,IAAI,EAAE,CAAC;gBACP,mBAAmB,EAAE,EAAE;gBACvB,aAAa,EAAE,EAAE;gBACjB,kBAAkB,EAAE,EAAE;gBACtB,aAAa,EAAE,EAAE;gBACjB,gBAAgB,EAAE,EAAE;gBACpB,SAAS,EAAE,EAAE;aACd;SACF,CAAA;QACQ,cAAS,GAAW,EAAE,CAAA;QACtB,YAAO,qBAAiB,IAAI,CAAC,cAAc,EAAE;QAC7C,wBAAmB,GAAW,CAAC,CAAA;QAGvB,aAAQ,GAAG,YAAY,CAAA;QACvB,WAAM,GAAG,YAAY,CAAA;QAK9B,cAAS,GAAG,UAAU,CAAA;QACtB,oBAAe,GAAG,KAAK,CAAA;QAEvB,yBAAoB,GAAG;YAC7B,OAAO;gBACL,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,IAAI,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC7G;oBACE,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,IAAI,YAAY;oBAC/D,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,CAAC;iBACT;gBACD;oBACE,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,IAAI,WAAW;oBAC7D,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,CAAC;iBACT;gBACD;oBACE,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,IAAI,UAAU;oBAC3D,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,EAAE;oBACT,KAAK,EAAE,CAAC;iBACT;aACF,CAAA;QACH,CAAC,CAAA;IA+HH,CAAC;IAzLC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,KAAK;SACb,CAAA;IACH,CAAC;IAwDD,MAAM;QACJ,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,OAAO,CAAC,IAAI;;qCAEM,kBAAkB,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;;;qCAGnC,2BAA2B,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;;;qCAG5C,uBAAuB,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE;;;;;;;;sBAQvD,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACrD,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;uBAC9C,IAAI,CAAC,SAAS;mBAClB,IAAI,CAAC,KAAK;iCACI,CAAC,CAAc,EAAE,EAAE;YACxC,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;QAC9C,CAAC;0BACe,CAAC,CAAc,EAAE,EAAE;YACjC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;QACvC,CAAC;+BACoB,IAAI,CAAC,eAAe;kCACjB,IAAI,CAAC,oBAAoB;2BAChC,IAAI,CAAC,EAAE;YACtB,OAAO,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;QAClD,CAAC;;;;;;2BAMgB,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;mEACQ,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE;;iEAE9B,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE;;;;;;KAMtF,CAAA;IACH,CAAC;IAED,KAAK,CAAC,eAAe,CAAC,SAAwB,IAAG,CAAC;IAElD,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAwB;QACtD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,UAAU,IAAI,EAAE,CAAA;YAC3C,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;SACvC;IACH,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,YAAoB,EAAE;;QACtC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAwCN,YAAY;OACf;YACD,SAAS,EAAE;gBACT,EAAE,EAAE,SAAS;gBACb,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;aAClC;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAA;QACrC,IAAI,CAAC,KAAK,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAC,SAAS,CAAA;QAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,YAAY,CAAA,CAAC,+CAA+C;YACtG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,CAAA,CAAC,6CAA6C;SACjG;QAED,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAC9C,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAA;QACzC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAA;IACvC,CAAC;;AAzSM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6GF;CACF,CAAA;AAqBD;IAAC,KAAK,EAAE;;kDAAuB;AAC/B;IAAC,KAAK,EAAE;;gDAA8C;AACtD;IAAC,KAAK,EAAE;;4DAAgC;AACxC;IAAC,KAAK,EAAE;;8CAAM;AAEd;IAAC,KAAK,EAAE;;iDAAgC;AACxC;IAAC,KAAK,EAAE;;+CAA8B;AAEtC;IAAC,KAAK,CAAC,yBAAyB,CAAC;8BAAkB,gBAAgB;uDAAA;AACnE;IAAC,KAAK,CAAC,uBAAuB,CAAC;8BAAgB,gBAAgB;qDAAA;AA9IpD,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CA2S3B;SA3SY,eAAe","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, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\n\nimport gql from 'graphql-tag'\nimport { Project } from './project-list'\nimport '@operato/gantt/ox-gantt.js'\n\nconst TaskFragment = gql`\n  fragment TaskFragment on Task {\n    type\n    title: name\n    id: code\n    duration\n    startDate\n    endDate\n    dependsOn\n    progress\n    resources {\n      type\n      allocated\n    }\n  }\n`\n\n@customElement('project-schedule')\nexport class ProjectSchedule extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n          }\n        }\n      }\n\n      div[body] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        margin: 0px 25px 25px 25px;\n        gap: 15px;\n        overflow: hidden;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n        }\n\n        & > div {\n          display: flex;\n          border-radius: 5px;\n        }\n\n        ox-gantt {\n          flex: 1;\n          box-sizing: border-box;\n          overflow: hidden;\n\n          background-color: var(--md-sys-color-primary-container);\n          color: var(--md-sys-color-on-primary-container);\n        }\n\n        div[select-container] {\n          gap: 15px;\n\n          div[date] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #2ea4df1a;\n            border: 1px solid #2ea4df33;\n            border-radius: 5px;\n            gap: 12px;\n            padding: 12px 36px 12px 15px;\n\n            span[name] {\n              font-size: 16px;\n              font-weight: bold;\n            }\n          }\n\n          div[button] {\n            flex: 1;\n            border-radius: 5px;\n            border: 1px solid #cccccc80;\n            background-color: #fff;\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  @state() tasks\n\n  @state() private fromDate = '2024-01-01'\n  @state() private toDate = '2024-12-31'\n\n  @query('input[name=\"startDate\"]') inputStartDate!: HTMLInputElement\n  @query('input[name=\"endDate\"]') inputEndDate!: HTMLInputElement\n\n  private timeScale = 'week-day'\n  private extendGridLines = false\n\n  private columnConfigProvider = function () {\n    return [\n      { name: 'title', label: i18next.t('label.gantt-task-title') || 'title', visible: true, width: 150, order: 1 },\n      {\n        name: 'startDate',\n        label: i18next.t('label.gantt-task-start-date') || 'start date',\n        visible: true,\n        width: 100,\n        order: 2\n      },\n      {\n        name: 'resources',\n        label: i18next.t('label.gantt-task-resources') || 'resources',\n        visible: true,\n        width: 100,\n        order: 3\n      },\n      {\n        name: 'duration',\n        label: i18next.t('label.gantt-task-duration') || 'duration',\n        visible: true,\n        width: 30,\n        order: 4\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name}</h2>\n        <div button-container>\n          <md-elevated-button href=${`project-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n          </md-elevated-button>\n          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n            <md-icon slot=\"icon\">description</md-icon>도면 관리\n          </md-elevated-button>\n          <md-elevated-button href=${`project-task-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div body>\n        <ox-gantt\n          from-date=${new Date(this.fromDate).toISOString().split('T')[0]}\n          to-date=${new Date(this.toDate).toISOString().split('T')[0]}\n          .timeScale=${this.timeScale}\n          .tasks=${this.tasks}\n          @date-range-selected=${(e: CustomEvent) => {\n            console.log('date-range-selected', e.detail)\n          }}\n          @task-clicked=${(e: CustomEvent) => {\n            console.log('task-clicked', e.detail)\n          }}\n          ?extend-grid-lines=${this.extendGridLines}\n          .columnConfigProvider=${this.columnConfigProvider}\n          .colorProvider=${task => {\n            return task.type == 'group' ? 'green' : 'orange'\n          }}\n        >\n        </ox-gantt>\n        <div select-container>\n          <div date>\n            <span name>기간선택</span>\n            <div @change=${() => this.onChangePeriodRange()}>\n              <input type=\"date\" name=\"startDate\" project .value=${this.project.startDate || ''} max=\"9999-12-31\" />\n              ~\n              <input type=\"date\" name=\"endDate\" project .value=${this.project.endDate || ''} max=\"9999-12-31\" />\n            </div>\n          </div>\n          <div button></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!, $sortings: [Sorting!]) {\n          project(id: $id) {\n            id\n            name\n            startDate\n            endDate\n            rootTasks {\n              ...TaskFragment\n              children(sortings: $sortings) {\n                ...TaskFragment\n                children(sortings: $sortings) {\n                  ...TaskFragment\n                }\n              }\n            }\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                }\n              }\n            }\n          }\n        }\n\n        ${TaskFragment}\n      `,\n      variables: {\n        id: projectId,\n        sortings: [{ name: 'startDate' }]\n      }\n    })\n\n    this.project = response.data?.project\n    this.tasks = response.data?.project.rootTasks\n\n    if (this.project) {\n      this.fromDate = this.project.startDate || '2024-01-01' /* TODO default: start date of this year - 3 */\n      this.toDate = this.project.endDate || '2024-12-31' /* TODO defaule: end date of this year + 3 */\n    }\n\n    console.log('init project : ', this.project)\n  }\n\n  onChangePeriodRange() {\n    this.fromDate = this.inputStartDate.value\n    this.toDate = this.inputEndDate.value\n  }\n}\n"]}
+{"version":3,"file":"project-schedule.js","sourceRoot":"","sources":["../../../client/pages/project/project-schedule.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, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { Project } from './project-list'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport '@operato/gantt/ox-gantt.js'\nimport './popup/popup-schedule-upload'\n\nconst TaskFragment = gql`\n  fragment TaskFragment on Task {\n    type\n    title: name\n    id: code\n    duration\n    startDate\n    endDate\n    dependsOn\n    progress\n    resources {\n      type\n      allocated\n    }\n  }\n`\n\n@customElement('project-schedule')\nexport class ProjectSchedule extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n          }\n        }\n      }\n\n      div[body] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        margin: 0px 25px 25px 25px;\n        gap: 15px;\n        overflow: hidden;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n        }\n\n        & > div {\n          display: flex;\n          border-radius: 5px;\n        }\n\n        ox-gantt {\n          flex: 1;\n          box-sizing: border-box;\n          overflow: hidden;\n\n          background-color: var(--md-sys-color-primary-container);\n          color: var(--md-sys-color-on-primary-container);\n        }\n\n        div[select-container] {\n          gap: 15px;\n\n          div[date] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            background-color: #2ea4df1a;\n            border: 1px solid #2ea4df33;\n            border-radius: 5px;\n            gap: 12px;\n            padding: 12px 36px 12px 15px;\n\n            span[name] {\n              font-size: 16px;\n              font-weight: bold;\n            }\n          }\n\n          div[construction-list-container] {\n            flex: 1;\n            display: flex;\n            border-radius: 5px;\n            border: 1px solid #cccccc80;\n            background-color: #fff;\n            padding: 8px 10px;\n            gap: 10px;\n            overflow-x: auto;\n\n            md-outlined-button {\n              --md-outlined-button-container-height: 30px;\n              --md-outlined-button-trailing-space: 15px;\n              --md-outlined-button-leading-space: 15px;\n              --md-outlined-button-label-text-color: #586878;\n              box-shadow: 1px 1px 1px #0000001a;\n              padding: 8px 16px;\n              font-weight: 700;\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  @state() tasks\n  @state() constructionTypeList = []\n\n  @state() private fromDate = '2024-01-01'\n  @state() private toDate = '2024-12-31'\n\n  @query('input[name=\"startDate\"]') inputStartDate!: HTMLInputElement\n  @query('input[name=\"endDate\"]') inputEndDate!: HTMLInputElement\n\n  private timeScale = 'week-day'\n  private extendGridLines = false\n\n  private columnConfigProvider = function () {\n    return [\n      { name: 'title', label: i18next.t('label.gantt-task-title') || 'title', visible: true, width: 150, order: 1 },\n      {\n        name: 'startDate',\n        label: i18next.t('label.gantt-task-start-date') || 'start date',\n        visible: true,\n        width: 100,\n        order: 2\n      },\n      {\n        name: 'resources',\n        label: i18next.t('label.gantt-task-resources') || 'resources',\n        visible: true,\n        width: 100,\n        order: 3\n      },\n      {\n        name: 'duration',\n        label: i18next.t('label.gantt-task-duration') || 'duration',\n        visible: true,\n        width: 30,\n        order: 4\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name}</h2>\n        <div button-container>\n          <md-elevated-button @click=${this._openUploadSchedulePopup}>\n            <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div body>\n        <ox-gantt\n          from-date=${new Date(this.fromDate).toISOString().split('T')[0]}\n          to-date=${new Date(this.toDate).toISOString().split('T')[0]}\n          .timeScale=${this.timeScale}\n          .tasks=${this.tasks}\n          @date-range-selected=${this.onRangeSelected}\n          @task-clicked=${(e: CustomEvent) => {\n            console.log('task-clicked', e.detail)\n          }}\n          ?extend-grid-lines=${this.extendGridLines}\n          .columnConfigProvider=${this.columnConfigProvider}\n          .colorProvider=${task => {\n            return task.type == 'group' ? 'green' : 'orange'\n          }}\n        >\n        </ox-gantt>\n        <div select-container>\n          <div date>\n            <span name>기간선택</span>\n            <div @change=${() => this.onChangePeriodRange()}>\n              <input type=\"date\" name=\"startDate\" project .value=${this.project.startDate || ''} max=\"9999-12-31\" />\n              ~\n              <input type=\"date\" name=\"endDate\" project .value=${this.project.endDate || ''} max=\"9999-12-31\" />\n            </div>\n          </div>\n          <div construction-list-container>\n            ${this.constructionTypeList?.map(\n              (constructionType: any) =>\n                html` <md-outlined-button id=${constructionType.id}>${constructionType.title}</md-outlined-button>`\n            )}\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!, $sortings: [Sorting!]) {\n          project(id: $id) {\n            id\n            name\n            startDate\n            endDate\n            rootTasks {\n              ...TaskFragment\n              children(sortings: $sortings) {\n                ...TaskFragment\n                children(sortings: $sortings) {\n                  ...TaskFragment\n                }\n              }\n            }\n            scheduleTable {\n              id\n              name\n            }\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                }\n              }\n            }\n          }\n        }\n\n        ${TaskFragment}\n      `,\n      variables: {\n        id: projectId,\n        sortings: [{ name: 'startDate' }]\n      }\n    })\n\n    this.project = response.data?.project\n    this.tasks = response.data?.project.rootTasks\n\n    if (this.project) {\n      this.fromDate = this.project.startDate || '2024-01-01' /* TODO default: start date of this year - 3 */\n      this.toDate = this.project.endDate || '2024-12-31' /* TODO defaule: end date of this year + 3 */\n    }\n\n    console.log('init project : ', this.project)\n  }\n\n  onChangePeriodRange() {\n    this.fromDate = this.inputStartDate.value\n    this.toDate = this.inputEndDate.value\n  }\n\n  onRangeSelected(e: CustomEvent) {\n    const selectedFromDate = new Date(e.detail.start + 'T00:00:00.000Z')\n    const selectedToDate = new Date(e.detail.end + 'T23:59:59.000Z')\n\n    this.constructionTypeList = this.tasks.filter(constuction => {\n      const constuctionStartDate = new Date(constuction.startDate)\n      const constuctionEndDate = new Date(constuction.endDate)\n\n      return constuctionStartDate <= selectedToDate && constuctionEndDate >= selectedFromDate\n    })\n  }\n\n  private _openUploadSchedulePopup() {\n    openPopup(\n      html`<popup-schedule-upload\n        .projectId=${this.projectId}\n        .scheduleTable=${this.project?.scheduleTable}\n        @uploaded=${() => this.initProject(this.projectId)}\n      ></popup-schedule-upload>`,\n      {\n        backdrop: true,\n        size: 'medium',\n        title: `공정표 업로드`\n      }\n    )\n  }\n}\n"]}

package/dist-client/pages/project/project-update.d.ts

@@ -5,6 +5,7 @@ import { PageView } from '@operato/shell';
 import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
 import { Project } from './project-list';
 import '../lib/select2-component';
+import './component/project-update-header';
 declare const ProjectUpdate_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class ProjectUpdate extends ProjectUpdate_base {
     static styles: import("lit").CSSResult[];

package/dist-client/pages/project/project-update.js

@@ -10,6 +10,7 @@ import { client } from '@operato/graphql';
 import { notify } from '@operato/layout';
 import gql from 'graphql-tag';
 import '../lib/select2-component';
+import './component/project-update-header';
 let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
     constructor() {
         super(...arguments);
@@ -42,20 +43,9 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30;
         return html `
-      <div header>
-        <h2>프로젝트 정보 관리</h2>
-        <div button-container>
-          <md-elevated-button green @click=${this._saveProject}>
-            <md-icon slot="icon">save</md-icon>정보 저장
-          </md-elevated-button>
-          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>
-            <md-icon slot="icon">description</md-icon>도면 관리
-          </md-elevated-button>
-          <md-elevated-button href=${`project-task-update/${this.project.id}`}>
-            <md-icon slot="icon">event_note</md-icon>공정표 관리
-          </md-elevated-button>
-        </div>
-      </div>
+      <project-update-header .projectId=${this.project.id || ''} title="프로젝트 정보 관리" @custom-click=${this._saveProject}>
+      </project-update-header>
+
       <div body>
         <div project-info>
           <h3>기본 정보</h3>
@@ -701,44 +691,6 @@ ProjectUpdate.styles = [
         padding: 0;
       }
 
-      div[header] {
-        display: flex;
-        margin: 0px 20px;
-
-        h2 {
-          flex: 0.5;
-          color: #3f71a0;
-        }
-
-        div[button-container] {
-          display: flex;
-          align-items: center;
-          justify-content: end;
-          flex: 0.5;
-
-          md-elevated-button {
-            margin: 0px 3px;
-
-            --md-elevated-button-container-height: 35px;
-            --md-elevated-button-label-text-size: 16px;
-            --md-elevated-button-container-color: #0595e5;
-
-            --md-elevated-button-label-text-color: #fff;
-            --md-elevated-button-hover-label-text-color: #fff;
-            --md-elevated-button-pressed-label-text-color: #fff;
-            --md-elevated-button-focus-label-text-color: #fff;
-            --md-elevated-button-icon-color: #fff;
-            --md-elevated-button-hover-icon-color: #fff;
-            --md-elevated-button-pressed-icon-color: #fff;
-            --md-elevated-button-focus-icon-color: #fff;
-
-            &[green] {
-              --md-elevated-button-container-color: #42b382;
-            }
-          }
-        }
-      }
-
       div[body] {
         display: flex;
         margin: 0px 25px 25px 25px;

package/dist-client/pages/project/project-update.js.map

@@ -1 +1 @@
-{"version":3,"file":"project-update.js","sourceRoot":"","sources":["../../../client/pages/project/project-update.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'\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 gql from 'graphql-tag'\nimport { Project } from './project-list'\nimport '../lib/select2-component'\n\n@customElement('project-update')\nexport class ProjectUpdate extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\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-sys-color-primary: #586878;\n        --md-outlined-text-field-input-text-size: 14px;\n        --md-outlined-field-bottom-space: 4px;\n        --md-outlined-field-top-space: 4px;\n      }\n      md-outlined-text-field[type='textarea'] {\n        width: 100%;\n        height: 130px;\n        resize: none;\n      }\n\n      ox-input-image {\n        width: 100px;\n        height: 100px;\n      }\n      ox-input-file {\n        width: 100px;\n        height: 100px;\n        padding: 0;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n\n            &[green] {\n              --md-elevated-button-container-color: #42b382;\n            }\n          }\n        }\n      }\n\n      div[body] {\n        display: flex;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n\n        & > div {\n          display: flex;\n          height: fit-content;\n          flex-direction: column;\n          padding: 15px;\n          background-color: #ffffff;\n          border: 1px solid #cccccc80;\n          border-radius: 5px;\n          gap: 10px;\n\n          h3 {\n            color: #2e79be;\n            font-size: 18px;\n            margin: 0px;\n          }\n\n          div[row] {\n            display: flex;\n            align-items: center;\n\n            span:first-child {\n              flex: 0.3;\n              text-align: right;\n            }\n\n            span:last-child {\n              flex: 0.7;\n              display: flex;\n              gap: 10px;\n              margin-left: 12px;\n              align-items: center;\n\n              &[align-end] {\n                align-items: end;\n              }\n            }\n          }\n        }\n\n        div[project-info] {\n          flex: 0.55;\n        }\n\n        div[detail-info] {\n          flex: 0.45;\n          padding: 0px;\n          gap: 10px;\n          background-color: transparent;\n          border: none;\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            border: 1px solid #cccccc80;\n            border-radius: 5px;\n            padding: 15px;\n            background-color: #fff;\n\n            md-outlined-text-field[type='text'] {\n              width: 60%;\n            }\n\n            md-elevated-button {\n              --md-elevated-button-container-height: 30px;\n              --md-elevated-button-container-color: #fff;\n              --md-elevated-button-label-text-size: 16px;\n            }\n            hr {\n              border: 1px #cccccc dashed;\n              width: 100%;\n              margin-bottom: 2px;\n            }\n            div[warn] {\n              font-size: 12px;\n              color: red;\n              margin-left: 5px;\n              margin-bottom: 5px;\n            }\n\n            div[row] {\n              span:first-child {\n                flex: 0.2;\n              }\n              span:last-child {\n                flex: 0.8;\n              }\n            }\n\n            div[separate-container] {\n              display: grid;\n              grid-template-columns: repeat(2, 1fr);\n              gap: 10px;\n\n              md-outlined-text-field {\n                width: 70px;\n              }\n\n              & > div {\n                display: flex;\n\n                span[floor-title] {\n                  min-width: 33px;\n                  margin-right: 5px;\n                }\n                span:first-child {\n                  flex: 0.4;\n                  justify-content: end;\n                  display: flex;\n                }\n                span:last-child {\n                  flex: 0.6;\n                  display: flex;\n                  align-items: center;\n                  padding-left: 17px;\n                }\n              }\n            }\n\n            &[project] {\n              div[separate-container] {\n                & > div {\n                  span:first-child {\n                    flex: 0.6;\n                    min-width: 100px;\n                  }\n                  span:last-child {\n                    flex: 0.4;\n                    margin-left: 0;\n                  }\n                }\n              }\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() selectedValues: string[] = []\n  @state() overallConstructorList: Array<{ name: string; value: string }> = []\n  @state() taskConstructorList: Array<{ name: string; value: string }> = []\n  @state() taskSupervisoryList: Array<{ name: string; value: string }> = []\n  @state() overallSupervisoryList: Array<{ name: string; value: string }> = []\n\n  render() {\n    return html`\n      <div header>\n        <h2>프로젝트 정보 관리</h2>\n        <div button-container>\n          <md-elevated-button green @click=${this._saveProject}>\n            <md-icon slot=\"icon\">save</md-icon>정보 저장\n          </md-elevated-button>\n          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n            <md-icon slot=\"icon\">description</md-icon>도면 관리\n          </md-elevated-button>\n          <md-elevated-button href=${`project-task-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n          </md-elevated-button>\n        </div>\n      </div>\n      <div body>\n        <div project-info>\n          <h3>기본 정보</h3>\n          <div row>\n            <span>프로젝트명</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"name\"\n                project\n                .value=${this.project.name || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>프로젝트 주소</span>\n            <span>\n              <md-outlined-text-field\n                type=\"text\"\n                name=\"address\"\n                building-complex\n                .value=${this.project?.buildingComplex?.address || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>위도</span>\n            <span>\n              <md-outlined-text-field\n                type=\"text\"\n                name=\"latitude\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.latitude?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>경도</span>\n            <span>\n              <md-outlined-text-field\n                type=\"text\"\n                name=\"longitude\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.longitude?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>면적</span>\n            <span align-end\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"area\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.area?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n              ㎡</span\n            >\n          </div>\n          <div row>\n            <span>착공일정 ~ 준공일정</span>\n            <span\n              ><input\n                type=\"date\"\n                name=\"startDate\"\n                project\n                .value=${this.project.startDate || ''}\n                @input=${this._onInputChange}\n                max=\"9999-12-31\"\n              />\n              ~\n              <input\n                type=\"date\"\n                name=\"endDate\"\n                project\n                .value=${this.project.endDate || ''}\n                @input=${this._onInputChange}\n                max=\"9999-12-31\"\n              />\n            </span>\n          </div>\n          <div row>\n            <span>발주처</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"clientCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.clientCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>건설사</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"constructionCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.constructionCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>설계사</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"designCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.designCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>감리사</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"supervisoryCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.supervisoryCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>건설구분</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"constructionType\"\n                building-complex\n                .value=${this.project?.buildingComplex?.constructionType || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>대표사진 업로드</span>\n            <span>\n              <ox-input-image\n                name=\"mainPhoto\"\n                value=${this.project?.mainPhoto?.fullpath || ''}\n                @change=${this.onCreateAttachment.bind(this)}\n              ></ox-input-image>\n            </span>\n          </div>\n          <div row>\n            <span>단지 BIM</span>\n            <span>\n              <ox-input-file\n                name=\"drawing\"\n                label=\" \"\n                description=\"IFC 업로드\"\n                .value=${this.project?.buildingComplex?.drawing || ''}\n                @change=${this.onCreateAttachment.bind(this)}\n              ></ox-input-file>\n            </span>\n          </div>\n          <div row>\n            <span>공사금액</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"constructionCost\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.constructionCost?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>기타사항</span>\n            <span>\n              <md-outlined-text-field\n                type=\"textarea\"\n                name=\"etc\"\n                building-complex\n                .value=${this.project?.buildingComplex?.etc || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>총괄 시공 관리자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"총괄 시공 관리자 리스트\"\n                name=\"overallConstructorEmails\"\n                .options=${this.overallConstructorList}\n                .selectedValues=${this.project?.buildingComplex?.overallConstructorEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component>\n            </span>\n          </div>\n          <div row>\n            <span>공종별 시공 관리자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"공종별 시공 관리자 리스트\"\n                name=\"taskConstructorEmails\"\n                .options=${this.taskConstructorList}\n                .selectedValues=${this.project?.buildingComplex?.taskConstructorEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component>\n            </span>\n          </div>\n          <div row>\n            <span>총괄 감리 책임자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"총괄 감리 책임자 리스트\"\n                name=\"overallSupervisoryEmails\"\n                .options=${this.overallSupervisoryList}\n                .selectedValues=${this.project?.buildingComplex?.overallSupervisoryEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component>\n            </span>\n          </div>\n          <div row>\n            <span>공종별 감리 책임자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"공종별 감리 책임자 리스트\"\n                name=\"taskSupervisoryEmails\"\n                .options=${this.taskSupervisoryList}\n                .selectedValues=${this.project?.buildingComplex?.taskSupervisoryEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component\n            ></span>\n          </div>\n        </div>\n\n        <div detail-info>\n          <div>\n            <h3>건설구분 상세 정보</h3>\n            <div row>\n              <span>세대수</span>\n              <span\n                ><md-outlined-text-field\n                  type=\"text\"\n                  numeric\n                  building-complex\n                  name=\"householdCount\"\n                  .value=${this.project?.buildingComplex?.householdCount?.toString() || ''}\n                  @input=${this._onInputChange}\n                ></md-outlined-text-field>\n              </span>\n            </div>\n            <div row>\n              <span>동수</span>\n              <span\n                ><md-outlined-text-field\n                  type=\"text\"\n                  numeric\n                  building-complex\n                  name=\"buildingCount\"\n                  value=${this.project?.buildingComplex?.buildingCount?.toString() || ''}\n                  @input=${this._onInputChange}\n                ></md-outlined-text-field>\n                <md-elevated-button @click=${this._setBuilding}>적용</md-elevated-button>\n              </span>\n            </div>\n            <hr />\n            <div warn>* 동/층의 정보를 수정하면 기존의 동/층 정보는 모두 제거됩니다.</div>\n            <div separate-container>\n              ${this.project?.buildingComplex?.buildings?.map(\n                (building, idx) => html`\n                  <div>\n                    <span>\n                      <md-outlined-text-field\n                        type=\"text\"\n                        building\n                        name=\"name\"\n                        .value=${building?.name || ''}\n                        @input=${e => this._onInputChange(e, idx)}\n                        placeholder=\"ooo동\"\n                      ></md-outlined-text-field>\n                    </span>\n                    <span>\n                      <span floor-title>층수</span>\n                      <md-outlined-text-field\n                        type=\"text\"\n                        numeric\n                        building\n                        name=\"floorCount\"\n                        .value=${building?.floorCount?.toString() || ''}\n                        @input=${e => this._onInputChange(e, idx)}\n                        placeholder=\"oo\"\n                      ></md-outlined-text-field>\n                    </span>\n                  </div>\n                `\n              )}\n            </div>\n          </div>\n\n          <div project>\n            <h3>프로젝트 현황</h3>\n            <div row separate-container>\n              <div>\n                <span>전체 진행현황</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"totalProgress\"\n                    .value=${this.project.totalProgress?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n              <div>\n                <span>검측/통과비율</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"inspPassRate\"\n                    .value=${this.project.inspPassRate?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n            </div>\n            <div row separate-container>\n              <div>\n                <span>주간 진행현황</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"weeklyProgress\"\n                    .value=${this.project.weeklyProgress?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n              <div>\n                <span>로봇작업진행율</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"robotProgressRate\"\n                    .value=${this.project.robotProgressRate?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n            </div>\n            <div row separate-container>\n              <div>\n                <span>KPI</span>\n                <span\n                  ><md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"kpi\"\n                    .value=${this.project.kpi?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n              <div>\n                <span>구조안전도</span>\n                <span\n                  ><md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"structuralSafetyRate\"\n                    .value=${this.project.structuralSafetyRate?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div>\n            <h3>공지사항</h3>\n            <div>\n              <span></span>\n              <span>\n                <md-outlined-text-field\n                  type=\"textarea\"\n                  name=\"notice\"\n                  building-complex\n                  .value=${this.project?.buildingComplex?.notice || ''}\n                  @input=${this._onInputChange}\n                ></md-outlined-text-field>\n              </span>\n            </div>\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!, $filters: [Filter!]) {\n          project(id: $id) {\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              id\n              address\n              latitude\n              longitude\n              area\n              clientCompany\n              constructionCompany\n              supervisoryCompany\n              designCompany\n              drawing {\n                id\n                name\n              }\n              constructionType\n              constructionCost\n              etc\n              notice\n              householdCount\n              buildingCount\n              overallConstructorEmails\n              taskConstructorEmails\n              overallSupervisoryEmails\n              taskSupervisoryEmails\n              buildings {\n                id\n                name\n                floorCount\n              }\n            }\n          }\n\n          employees(filters: $filters) {\n            items {\n              id\n              name\n              jobResponsibility\n              active\n              user {\n                id\n                name\n                email\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        id: projectId,\n        filters: [\n          {\n            name: 'active',\n            operator: 'eq',\n            value: true\n          },\n          {\n            name: 'userId',\n            operator: 'is_not_null',\n            value: ''\n          }\n        ]\n      }\n    })\n\n    this.project = response.data?.project\n\n    const items = response.data?.employees?.items || []\n    this.overallConstructorList = this._filterUserByPermission(items, 'OVERALL_CONSTRUCTOR')\n    this.taskConstructorList = this._filterUserByPermission(items, 'TASK_CONSTRUCTOR')\n    this.overallSupervisoryList = this._filterUserByPermission(items, 'OVERALL_SUPERVISORY')\n    this.taskSupervisoryList = this._filterUserByPermission(items, 'TASK_SUPERVISORY')\n  }\n\n  private _filterUserByPermission(userList, permission: string) {\n    return userList\n      .filter(v => v.jobResponsibility == permission || v.jobResponsibility == 'ADMIN')\n      .map(v => ({ name: v.name, value: v.user.email }))\n  }\n\n  private async _saveProject() {\n    // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)\n    delete this.project.mainPhoto\n    delete this.project.buildingComplex.drawing\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateProject($project: ProjectPatch!) {\n          updateProject(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\n  // 동 적용 버튼을 누르면 입력한 수 만큼 해당 단지에 동 데이터 생성\n  private _setBuilding() {\n    const buildingCount: number = this.project?.buildingComplex?.buildingCount || 0\n    const buildingInitData = { name: undefined, floorCount: undefined }\n\n    // 빌딩 데이터가 없으면 빈 배열 넣어줌\n    if (!this.project?.buildingComplex?.buildings?.length) {\n      this.project.buildingComplex.buildings = []\n    }\n\n    if (this.project.buildingComplex.buildings.length >= buildingCount) {\n      // 동 수가 더 작게 들어오면 기존 배열을 필요한 크기만큼 잘라내기\n      this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings!.slice(0, buildingCount)]\n    } else {\n      // 동수가 더 크게 들어오면 기존 배열 + 빈 값을 채움\n      const additionalCount = buildingCount - this.project.buildingComplex.buildings.length\n      const additionalBuildings = Array.from({ length: additionalCount }, () => ({ ...buildingInitData }))\n      this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings, ...additionalBuildings]\n    }\n\n    // 리렌더링\n    this.project = { ...this.project }\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\n    // 숫자 타입은 다른 문자 입력 제거\n    if (target.hasAttribute('numeric')) {\n      inputVal = Number(inputVal.replace(/[^\\d.]/g, ''))\n    }\n\n    if (target.hasAttribute('project')) {\n      this.project[target.name] = inputVal\n    } else if (target.hasAttribute('building-complex')) {\n      this.project.buildingComplex![target.name] = inputVal\n    } else if (target.hasAttribute('building')) {\n      this.project.buildingComplex.buildings![idx][target.name] = inputVal\n    }\n  }\n\n  // 이미지 업로드\n  async onCreateAttachment(e: CustomEvent) {\n    const target = e.target as HTMLInputElement\n    const file = (target.name === 'mainPhoto' ? e.detail : e.detail[0]) || null\n\n    if (target.name === 'mainPhoto') {\n      this.project.mainPhotoUpload = file\n    } else {\n      this.project.buildingComplex.drawingUpload = file\n    }\n  }\n\n  private _handleSelectionChange(e) {\n    const name = e.target.getAttribute('name')\n    const selectedValues = e.detail.selectedValues\n\n    this.project.buildingComplex[name] = selectedValues\n  }\n}\n"]}
+{"version":3,"file":"project-update.js","sourceRoot":"","sources":["../../../client/pages/project/project-update.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,gDAAgD,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,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,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,OAAO,0BAA0B,CAAA;AACjC,OAAO,mCAAmC,CAAA;AAGnC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,mBAAmB,CAAC,QAAQ,CAAC;IAAzD;;QA+LG,mBAAc,GAAG;YACvB,IAAI,EAAE,EAAE;YACR,eAAe,EAAE;gBACf,OAAO,EAAE,EAAE;gBACX,IAAI,EAAE,CAAC;gBACP,mBAAmB,EAAE,EAAE;gBACvB,aAAa,EAAE,EAAE;gBACjB,kBAAkB,EAAE,EAAE;gBACtB,aAAa,EAAE,EAAE;gBACjB,gBAAgB,EAAE,EAAE;gBACpB,SAAS,EAAE,EAAE;aACd;SACF,CAAA;QACQ,cAAS,GAAW,EAAE,CAAA;QACtB,YAAO,qBAAiB,IAAI,CAAC,cAAc,EAAE;QAC7C,mBAAc,GAAa,EAAE,CAAA;QAC7B,2BAAsB,GAA2C,EAAE,CAAA;QACnE,wBAAmB,GAA2C,EAAE,CAAA;QAChE,wBAAmB,GAA2C,EAAE,CAAA;QAChE,2BAAsB,GAA2C,EAAE,CAAA;IAgnB9E,CAAC;IAzoBC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,YAAY;SACpB,CAAA;IACH,CAAC;IAuBD,MAAM;;QACJ,OAAO,IAAI,CAAA;0CAC2B,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,qCAAqC,IAAI,CAAC,YAAY;;;;;;;;;;;;;yBAa5F,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE;yBACvB,IAAI,CAAC,cAAc;;;;;;;;;;;yBAWnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,OAAO,KAAI,EAAE;yBAC5C,IAAI,CAAC,cAAc;;;;;;;;;;;;yBAYnB,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,QAAQ,0CAAE,QAAQ,EAAE,KAAI,EAAE;yBACzD,IAAI,CAAC,cAAc;;;;;;;;;;;;yBAYnB,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,SAAS,0CAAE,QAAQ,EAAE,KAAI,EAAE;yBAC1D,IAAI,CAAC,cAAc;;;;;;;;;;;;yBAYnB,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,IAAI,0CAAE,QAAQ,EAAE,KAAI,EAAE;yBACrD,IAAI,CAAC,cAAc;;;;;;;;;;;;yBAYnB,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,EAAE;yBAC5B,IAAI,CAAC,cAAc;;;;;;;;yBAQnB,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE;yBAC1B,IAAI,CAAC,cAAc;;;;;;;;;;;;yBAYnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,aAAa,KAAI,EAAE;yBAClD,IAAI,CAAC,cAAc;;;;;;;;;;;yBAWnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,mBAAmB,KAAI,EAAE;yBACxD,IAAI,CAAC,cAAc;;;;;;;;;;;yBAWnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,aAAa,KAAI,EAAE;yBAClD,IAAI,CAAC,cAAc;;;;;;;;;;;yBAWnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,kBAAkB,KAAI,EAAE;yBACvD,IAAI,CAAC,cAAc;;;;;;;;;;;yBAWnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,gBAAgB,KAAI,EAAE;yBACrD,IAAI,CAAC,cAAc;;;;;;;;;wBASpB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,SAAS,0CAAE,QAAQ,KAAI,EAAE;0BACrC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;yBAWnC,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,OAAO,KAAI,EAAE;0BAC3C,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;yBAYnC,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,gBAAgB,0CAAE,QAAQ,EAAE,KAAI,EAAE;yBACjE,IAAI,CAAC,cAAc;;;;;;;;;;;yBAWnB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,GAAG,KAAI,EAAE;yBACxC,IAAI,CAAC,cAAc;;;;;;;;;;2BAUjB,IAAI,CAAC,sBAAsB;kCACpB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,wBAAwB,KAAI,EAAE;qCAC1D,IAAI,CAAC,sBAAsB;;;;;;;;;;2BAUrC,IAAI,CAAC,mBAAmB;kCACjB,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,qBAAqB,KAAI,EAAE;qCACvD,IAAI,CAAC,sBAAsB;;;;;;;;;;2BAUrC,IAAI,CAAC,sBAAsB;kCACpB,CAAA,OAAA,OAAA,IAAI,CAAC,OAAO,4CAAE,eAAe,4CAAE,wBAAwB,KAAI,EAAE;qCAC1D,IAAI,CAAC,sBAAsB;;;;;;;;;;2BAUrC,IAAI,CAAC,mBAAmB;kCACjB,CAAA,OAAA,OAAA,IAAI,CAAC,OAAO,4CAAE,eAAe,4CAAE,qBAAqB,KAAI,EAAE;qCACvD,IAAI,CAAC,sBAAsB;;;;;;;;;;;;;;;;;2BAiBrC,CAAA,OAAA,OAAA,OAAA,IAAI,CAAC,OAAO,4CAAE,eAAe,4CAAE,cAAc,4CAAE,QAAQ,EAAE,KAAI,EAAE;2BAC/D,IAAI,CAAC,cAAc;;;;;;;;;;;;0BAYpB,CAAA,OAAA,OAAA,OAAA,IAAI,CAAC,OAAO,4CAAE,eAAe,4CAAE,aAAa,4CAAE,QAAQ,EAAE,KAAI,EAAE;2BAC7D,IAAI,CAAC,cAAc;;6CAED,IAAI,CAAC,YAAY;;;;;;gBAM9C,OAAA,OAAA,OAAA,IAAI,CAAC,OAAO,4CAAE,eAAe,4CAAE,SAAS,4CAAE,GAAG,CAC7C,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;;YAAC,OAAA,IAAI,CAAA;;;;;;;iCAON,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;iCACpB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC;;;;;;;;;;;iCAWhC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,0CAAE,QAAQ,EAAE,KAAI,EAAE;iCACtC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC;;;;;iBAKhD,CAAA;SAAA,CACF;;;;;;;;;;;;;;;6BAec,CAAA,OAAA,IAAI,CAAC,OAAO,CAAC,aAAa,4CAAE,QAAQ,EAAE,KAAI,EAAE;6BAC5C,IAAI,CAAC,cAAc;;;;;;;;;;;;;6BAanB,CAAA,OAAA,IAAI,CAAC,OAAO,CAAC,YAAY,4CAAE,QAAQ,EAAE,KAAI,EAAE;6BAC3C,IAAI,CAAC,cAAc;;;;;;;;;;;;;;;6BAenB,CAAA,OAAA,IAAI,CAAC,OAAO,CAAC,cAAc,4CAAE,QAAQ,EAAE,KAAI,EAAE;6BAC7C,IAAI,CAAC,cAAc;;;;;;;;;;;;;6BAanB,CAAA,OAAA,IAAI,CAAC,OAAO,CAAC,iBAAiB,4CAAE,QAAQ,EAAE,KAAI,EAAE;6BAChD,IAAI,CAAC,cAAc;;;;;;;;;;;;;;;6BAenB,CAAA,OAAA,IAAI,CAAC,OAAO,CAAC,GAAG,4CAAE,QAAQ,EAAE,KAAI,EAAE;6BAClC,IAAI,CAAC,cAAc;;;;;;;;;;;;;6BAanB,CAAA,OAAA,IAAI,CAAC,OAAO,CAAC,oBAAoB,4CAAE,QAAQ,EAAE,KAAI,EAAE;6BACnD,IAAI,CAAC,cAAc;;;;;;;;;;;;;;;;;2BAiBrB,CAAA,OAAA,OAAA,IAAI,CAAC,OAAO,4CAAE,eAAe,4CAAE,MAAM,KAAI,EAAE;2BAC3C,IAAI,CAAC,cAAc;;;;;;;KAOzC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,eAAe,CAAC,SAAwB,IAAG,CAAC;IAElD,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAwB;QACtD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,UAAU,IAAI,EAAE,CAAA;YAC3C,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;SACvC;IACH,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,YAAoB,EAAE;;QACtC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8DT;YACD,SAAS,EAAE;gBACT,EAAE,EAAE,SAAS;gBACb,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,IAAI;wBACd,KAAK,EAAE,IAAI;qBACZ;oBACD;wBACE,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,aAAa;wBACvB,KAAK,EAAE,EAAE;qBACV;iBACF;aACF;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,OAAO,GAAG,MAAA,QAAQ,CAAC,IAAI,0CAAE,OAAO,CAAA;QAErC,MAAM,KAAK,GAAG,CAAA,MAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,SAAS,0CAAE,KAAK,KAAI,EAAE,CAAA;QACnD,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAA;QACxF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QAClF,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAA;QACxF,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;IACpF,CAAC;IAEO,uBAAuB,CAAC,QAAQ,EAAE,UAAkB;QAC1D,OAAO,QAAQ;aACZ,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,IAAI,UAAU,IAAI,CAAC,CAAC,iBAAiB,IAAI,OAAO,CAAC;aAChF,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IACtD,CAAC;IAEO,KAAK,CAAC,YAAY;QACxB,6CAA6C;QAC7C,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAA;QAE3C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;OAMZ;YACD,SAAS,EAAE;gBACT,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,IAAI;aAChB;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACpB,MAAM,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAA;SACpC;IACH,CAAC;IAED,wCAAwC;IAChC,YAAY;;QAClB,MAAM,aAAa,GAAW,CAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,aAAa,KAAI,CAAC,CAAA;QAC/E,MAAM,gBAAgB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA;QAEnE,uBAAuB;QACvB,IAAI,CAAC,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,eAAe,0CAAE,SAAS,0CAAE,MAAM,CAAA,EAAE;YACrD,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,GAAG,EAAE,CAAA;SAC5C;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,IAAI,aAAa,EAAE;YAClE,sCAAsC;YACtC,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAU,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAA;SAC9G;aAAM;YACL,gCAAgC;YAChC,MAAM,eAAe,GAAG,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAA;YACrF,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,GAAG,EAAE,CAAC,mBAAM,gBAAgB,EAAG,CAAC,CAAA;YACpG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAS,EAAE,GAAG,mBAAmB,CAAC,CAAA;SAC7G;QAED,OAAO;QACP,IAAI,CAAC,OAAO,qBAAQ,IAAI,CAAC,OAAO,CAAE,CAAA;IACpC,CAAC;IAED,gCAAgC;IACxB,cAAc,CAAC,KAAiB,EAAE,GAAW;QACnD,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAI,QAAQ,GAAQ,MAAM,CAAC,KAAK,CAAA;QAEhC,qBAAqB;QACrB,IAAI,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YAClC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAA;SACnD;QAED,IAAI,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YAClC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA;SACrC;aAAM,IAAI,MAAM,CAAC,YAAY,CAAC,kBAAkB,CAAC,EAAE;YAClD,IAAI,CAAC,OAAO,CAAC,eAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA;SACtD;aAAM,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YAC1C,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,SAAU,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAA;SACrE;IACH,CAAC;IAED,UAAU;IACV,KAAK,CAAC,kBAAkB,CAAC,CAAc;QACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC3C,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAA;QAE3E,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE;YAC/B,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,IAAI,CAAA;SACpC;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,aAAa,GAAG,IAAI,CAAA;SAClD;IACH,CAAC;IAEO,sBAAsB,CAAC,CAAC;QAC9B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,cAAc,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,CAAA;QAE9C,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,cAAc,CAAA;IACrD,CAAC;;AAh0BM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoLF;CACF,CAAA;AAqBD;IAAC,KAAK,EAAE;;gDAAuB;AAC/B;IAAC,KAAK,EAAE;;8CAA8C;AACtD;IAAC,KAAK,EAAE;;qDAA8B;AACtC;IAAC,KAAK,EAAE;8BAAyB,KAAK;6DAAsC;AAC5E;IAAC,KAAK,EAAE;8BAAsB,KAAK;0DAAsC;AACzE;IAAC,KAAK,EAAE;8BAAsB,KAAK;0DAAsC;AACzE;IAAC,KAAK,EAAE;8BAAyB,KAAK;6DAAsC;AAlNjE,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAk0BzB;SAl0BY,aAAa","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.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 gql from 'graphql-tag'\nimport { Project } from './project-list'\nimport '../lib/select2-component'\nimport './component/project-update-header'\n\n@customElement('project-update')\nexport class ProjectUpdate extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\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-sys-color-primary: #586878;\n        --md-outlined-text-field-input-text-size: 14px;\n        --md-outlined-field-bottom-space: 4px;\n        --md-outlined-field-top-space: 4px;\n      }\n      md-outlined-text-field[type='textarea'] {\n        width: 100%;\n        height: 130px;\n        resize: none;\n      }\n\n      ox-input-image {\n        width: 100px;\n        height: 100px;\n      }\n      ox-input-file {\n        width: 100px;\n        height: 100px;\n        padding: 0;\n      }\n\n      div[body] {\n        display: flex;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n\n        & > div {\n          display: flex;\n          height: fit-content;\n          flex-direction: column;\n          padding: 15px;\n          background-color: #ffffff;\n          border: 1px solid #cccccc80;\n          border-radius: 5px;\n          gap: 10px;\n\n          h3 {\n            color: #2e79be;\n            font-size: 18px;\n            margin: 0px;\n          }\n\n          div[row] {\n            display: flex;\n            align-items: center;\n\n            span:first-child {\n              flex: 0.3;\n              text-align: right;\n            }\n\n            span:last-child {\n              flex: 0.7;\n              display: flex;\n              gap: 10px;\n              margin-left: 12px;\n              align-items: center;\n\n              &[align-end] {\n                align-items: end;\n              }\n            }\n          }\n        }\n\n        div[project-info] {\n          flex: 0.55;\n        }\n\n        div[detail-info] {\n          flex: 0.45;\n          padding: 0px;\n          gap: 10px;\n          background-color: transparent;\n          border: none;\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            border: 1px solid #cccccc80;\n            border-radius: 5px;\n            padding: 15px;\n            background-color: #fff;\n\n            md-outlined-text-field[type='text'] {\n              width: 60%;\n            }\n\n            md-elevated-button {\n              --md-elevated-button-container-height: 30px;\n              --md-elevated-button-container-color: #fff;\n              --md-elevated-button-label-text-size: 16px;\n            }\n            hr {\n              border: 1px #cccccc dashed;\n              width: 100%;\n              margin-bottom: 2px;\n            }\n            div[warn] {\n              font-size: 12px;\n              color: red;\n              margin-left: 5px;\n              margin-bottom: 5px;\n            }\n\n            div[row] {\n              span:first-child {\n                flex: 0.2;\n              }\n              span:last-child {\n                flex: 0.8;\n              }\n            }\n\n            div[separate-container] {\n              display: grid;\n              grid-template-columns: repeat(2, 1fr);\n              gap: 10px;\n\n              md-outlined-text-field {\n                width: 70px;\n              }\n\n              & > div {\n                display: flex;\n\n                span[floor-title] {\n                  min-width: 33px;\n                  margin-right: 5px;\n                }\n                span:first-child {\n                  flex: 0.4;\n                  justify-content: end;\n                  display: flex;\n                }\n                span:last-child {\n                  flex: 0.6;\n                  display: flex;\n                  align-items: center;\n                  padding-left: 17px;\n                }\n              }\n            }\n\n            &[project] {\n              div[separate-container] {\n                & > div {\n                  span:first-child {\n                    flex: 0.6;\n                    min-width: 100px;\n                  }\n                  span:last-child {\n                    flex: 0.4;\n                    margin-left: 0;\n                  }\n                }\n              }\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() selectedValues: string[] = []\n  @state() overallConstructorList: Array<{ name: string; value: string }> = []\n  @state() taskConstructorList: Array<{ name: string; value: string }> = []\n  @state() taskSupervisoryList: Array<{ name: string; value: string }> = []\n  @state() overallSupervisoryList: Array<{ name: string; value: string }> = []\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 project-info>\n          <h3>기본 정보</h3>\n          <div row>\n            <span>프로젝트명</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"name\"\n                project\n                .value=${this.project.name || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>프로젝트 주소</span>\n            <span>\n              <md-outlined-text-field\n                type=\"text\"\n                name=\"address\"\n                building-complex\n                .value=${this.project?.buildingComplex?.address || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>위도</span>\n            <span>\n              <md-outlined-text-field\n                type=\"text\"\n                name=\"latitude\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.latitude?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>경도</span>\n            <span>\n              <md-outlined-text-field\n                type=\"text\"\n                name=\"longitude\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.longitude?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>면적</span>\n            <span align-end\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"area\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.area?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n              ㎡</span\n            >\n          </div>\n          <div row>\n            <span>착공일정 ~ 준공일정</span>\n            <span\n              ><input\n                type=\"date\"\n                name=\"startDate\"\n                project\n                .value=${this.project.startDate || ''}\n                @input=${this._onInputChange}\n                max=\"9999-12-31\"\n              />\n              ~\n              <input\n                type=\"date\"\n                name=\"endDate\"\n                project\n                .value=${this.project.endDate || ''}\n                @input=${this._onInputChange}\n                max=\"9999-12-31\"\n              />\n            </span>\n          </div>\n          <div row>\n            <span>발주처</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"clientCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.clientCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>건설사</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"constructionCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.constructionCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>설계사</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"designCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.designCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>감리사</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"supervisoryCompany\"\n                building-complex\n                .value=${this.project?.buildingComplex?.supervisoryCompany || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>건설구분</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"constructionType\"\n                building-complex\n                .value=${this.project?.buildingComplex?.constructionType || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>대표사진 업로드</span>\n            <span>\n              <ox-input-image\n                name=\"mainPhoto\"\n                value=${this.project?.mainPhoto?.fullpath || ''}\n                @change=${this.onCreateAttachment.bind(this)}\n              ></ox-input-image>\n            </span>\n          </div>\n          <div row>\n            <span>단지 BIM</span>\n            <span>\n              <ox-input-file\n                name=\"drawing\"\n                label=\" \"\n                description=\"IFC 업로드\"\n                .value=${this.project?.buildingComplex?.drawing || ''}\n                @change=${this.onCreateAttachment.bind(this)}\n              ></ox-input-file>\n            </span>\n          </div>\n          <div row>\n            <span>공사금액</span>\n            <span\n              ><md-outlined-text-field\n                type=\"text\"\n                name=\"constructionCost\"\n                numeric\n                building-complex\n                .value=${this.project?.buildingComplex?.constructionCost?.toString() || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>기타사항</span>\n            <span>\n              <md-outlined-text-field\n                type=\"textarea\"\n                name=\"etc\"\n                building-complex\n                .value=${this.project?.buildingComplex?.etc || ''}\n                @input=${this._onInputChange}\n              ></md-outlined-text-field>\n            </span>\n          </div>\n          <div row>\n            <span>총괄 시공 관리자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"총괄 시공 관리자 리스트\"\n                name=\"overallConstructorEmails\"\n                .options=${this.overallConstructorList}\n                .selectedValues=${this.project?.buildingComplex?.overallConstructorEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component>\n            </span>\n          </div>\n          <div row>\n            <span>공종별 시공 관리자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"공종별 시공 관리자 리스트\"\n                name=\"taskConstructorEmails\"\n                .options=${this.taskConstructorList}\n                .selectedValues=${this.project?.buildingComplex?.taskConstructorEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component>\n            </span>\n          </div>\n          <div row>\n            <span>총괄 감리 책임자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"총괄 감리 책임자 리스트\"\n                name=\"overallSupervisoryEmails\"\n                .options=${this.overallSupervisoryList}\n                .selectedValues=${this.project?.buildingComplex?.overallSupervisoryEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component>\n            </span>\n          </div>\n          <div row>\n            <span>공종별 감리 책임자 리스트</span>\n            <span>\n              <select2-component\n                placeholder=\"공종별 감리 책임자 리스트\"\n                name=\"taskSupervisoryEmails\"\n                .options=${this.taskSupervisoryList}\n                .selectedValues=${this.project?.buildingComplex?.taskSupervisoryEmails || []}\n                @selection-changed=${this._handleSelectionChange}\n              ></select2-component\n            ></span>\n          </div>\n        </div>\n\n        <div detail-info>\n          <div>\n            <h3>건설구분 상세 정보</h3>\n            <div row>\n              <span>세대수</span>\n              <span\n                ><md-outlined-text-field\n                  type=\"text\"\n                  numeric\n                  building-complex\n                  name=\"householdCount\"\n                  .value=${this.project?.buildingComplex?.householdCount?.toString() || ''}\n                  @input=${this._onInputChange}\n                ></md-outlined-text-field>\n              </span>\n            </div>\n            <div row>\n              <span>동수</span>\n              <span\n                ><md-outlined-text-field\n                  type=\"text\"\n                  numeric\n                  building-complex\n                  name=\"buildingCount\"\n                  value=${this.project?.buildingComplex?.buildingCount?.toString() || ''}\n                  @input=${this._onInputChange}\n                ></md-outlined-text-field>\n                <md-elevated-button @click=${this._setBuilding}>적용</md-elevated-button>\n              </span>\n            </div>\n            <hr />\n            <div warn>* 동/층의 정보를 수정하면 기존의 동/층 정보는 모두 제거됩니다.</div>\n            <div separate-container>\n              ${this.project?.buildingComplex?.buildings?.map(\n                (building, idx) => html`\n                  <div>\n                    <span>\n                      <md-outlined-text-field\n                        type=\"text\"\n                        building\n                        name=\"name\"\n                        .value=${building?.name || ''}\n                        @input=${e => this._onInputChange(e, idx)}\n                        placeholder=\"ooo동\"\n                      ></md-outlined-text-field>\n                    </span>\n                    <span>\n                      <span floor-title>층수</span>\n                      <md-outlined-text-field\n                        type=\"text\"\n                        numeric\n                        building\n                        name=\"floorCount\"\n                        .value=${building?.floorCount?.toString() || ''}\n                        @input=${e => this._onInputChange(e, idx)}\n                        placeholder=\"oo\"\n                      ></md-outlined-text-field>\n                    </span>\n                  </div>\n                `\n              )}\n            </div>\n          </div>\n\n          <div project>\n            <h3>프로젝트 현황</h3>\n            <div row separate-container>\n              <div>\n                <span>전체 진행현황</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"totalProgress\"\n                    .value=${this.project.totalProgress?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n              <div>\n                <span>검측/통과비율</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"inspPassRate\"\n                    .value=${this.project.inspPassRate?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n            </div>\n            <div row separate-container>\n              <div>\n                <span>주간 진행현황</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"weeklyProgress\"\n                    .value=${this.project.weeklyProgress?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n              <div>\n                <span>로봇작업진행율</span>\n                <span>\n                  <md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"robotProgressRate\"\n                    .value=${this.project.robotProgressRate?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n            </div>\n            <div row separate-container>\n              <div>\n                <span>KPI</span>\n                <span\n                  ><md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"kpi\"\n                    .value=${this.project.kpi?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n              <div>\n                <span>구조안전도</span>\n                <span\n                  ><md-outlined-text-field\n                    type=\"text\"\n                    numeric\n                    project\n                    name=\"structuralSafetyRate\"\n                    .value=${this.project.structuralSafetyRate?.toString() || ''}\n                    @input=${this._onInputChange}\n                    suffix-text=\"%\"\n                  ></md-outlined-text-field>\n                </span>\n              </div>\n            </div>\n          </div>\n\n          <div>\n            <h3>공지사항</h3>\n            <div>\n              <span></span>\n              <span>\n                <md-outlined-text-field\n                  type=\"textarea\"\n                  name=\"notice\"\n                  building-complex\n                  .value=${this.project?.buildingComplex?.notice || ''}\n                  @input=${this._onInputChange}\n                ></md-outlined-text-field>\n              </span>\n            </div>\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!, $filters: [Filter!]) {\n          project(id: $id) {\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              id\n              address\n              latitude\n              longitude\n              area\n              clientCompany\n              constructionCompany\n              supervisoryCompany\n              designCompany\n              drawing {\n                id\n                name\n              }\n              constructionType\n              constructionCost\n              etc\n              notice\n              householdCount\n              buildingCount\n              overallConstructorEmails\n              taskConstructorEmails\n              overallSupervisoryEmails\n              taskSupervisoryEmails\n              buildings {\n                id\n                name\n                floorCount\n              }\n            }\n          }\n\n          employees(filters: $filters) {\n            items {\n              id\n              name\n              jobResponsibility\n              active\n              user {\n                id\n                name\n                email\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        id: projectId,\n        filters: [\n          {\n            name: 'active',\n            operator: 'eq',\n            value: true\n          },\n          {\n            name: 'userId',\n            operator: 'is_not_null',\n            value: ''\n          }\n        ]\n      }\n    })\n\n    this.project = response.data?.project\n\n    const items = response.data?.employees?.items || []\n    this.overallConstructorList = this._filterUserByPermission(items, 'OVERALL_CONSTRUCTOR')\n    this.taskConstructorList = this._filterUserByPermission(items, 'TASK_CONSTRUCTOR')\n    this.overallSupervisoryList = this._filterUserByPermission(items, 'OVERALL_SUPERVISORY')\n    this.taskSupervisoryList = this._filterUserByPermission(items, 'TASK_SUPERVISORY')\n  }\n\n  private _filterUserByPermission(userList, permission: string) {\n    return userList\n      .filter(v => v.jobResponsibility == permission || v.jobResponsibility == 'ADMIN')\n      .map(v => ({ name: v.name, value: v.user.email }))\n  }\n\n  private async _saveProject() {\n    // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)\n    delete this.project.mainPhoto\n    delete this.project.buildingComplex.drawing\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateProject($project: ProjectPatch!) {\n          updateProject(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\n  // 동 적용 버튼을 누르면 입력한 수 만큼 해당 단지에 동 데이터 생성\n  private _setBuilding() {\n    const buildingCount: number = this.project?.buildingComplex?.buildingCount || 0\n    const buildingInitData = { name: undefined, floorCount: undefined }\n\n    // 빌딩 데이터가 없으면 빈 배열 넣어줌\n    if (!this.project?.buildingComplex?.buildings?.length) {\n      this.project.buildingComplex.buildings = []\n    }\n\n    if (this.project.buildingComplex.buildings.length >= buildingCount) {\n      // 동 수가 더 작게 들어오면 기존 배열을 필요한 크기만큼 잘라내기\n      this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings!.slice(0, buildingCount)]\n    } else {\n      // 동수가 더 크게 들어오면 기존 배열 + 빈 값을 채움\n      const additionalCount = buildingCount - this.project.buildingComplex.buildings.length\n      const additionalBuildings = Array.from({ length: additionalCount }, () => ({ ...buildingInitData }))\n      this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings, ...additionalBuildings]\n    }\n\n    // 리렌더링\n    this.project = { ...this.project }\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\n    // 숫자 타입은 다른 문자 입력 제거\n    if (target.hasAttribute('numeric')) {\n      inputVal = Number(inputVal.replace(/[^\\d.]/g, ''))\n    }\n\n    if (target.hasAttribute('project')) {\n      this.project[target.name] = inputVal\n    } else if (target.hasAttribute('building-complex')) {\n      this.project.buildingComplex![target.name] = inputVal\n    } else if (target.hasAttribute('building')) {\n      this.project.buildingComplex.buildings![idx][target.name] = inputVal\n    }\n  }\n\n  // 이미지 업로드\n  async onCreateAttachment(e: CustomEvent) {\n    const target = e.target as HTMLInputElement\n    const file = (target.name === 'mainPhoto' ? e.detail : e.detail[0]) || null\n\n    if (target.name === 'mainPhoto') {\n      this.project.mainPhotoUpload = file\n    } else {\n      this.project.buildingComplex.drawingUpload = file\n    }\n  }\n\n  private _handleSelectionChange(e) {\n    const name = e.target.getAttribute('name')\n    const selectedValues = e.detail.selectedValues\n\n    this.project.buildingComplex[name] = selectedValues\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -1 +1 @@
-export default function route(page: string): "project-list" | "project-detail" | "project-completed-list" | "project-schedule-list" | "project-schedule" | "project-setting-list" | "project-update" | "project-plan-management" | "worker-type-management" | "construction-type-management" | "inspection-drawing-type-management" | "resource-list" | "task-resource-list" | undefined;
+export default function route(page: string): "project-schedule" | "project-list" | "project-detail" | "project-completed-list" | "project-schedule-list" | "project-setting-list" | "project-update" | "project-plan-management" | "worker-type-management" | "construction-type-management" | "inspection-drawing-type-management" | "resource-list" | "task-resource-list" | undefined;