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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dssp/project",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.50",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -27,17 +27,20 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
-    "@dssp/building-complex": "^1.0.0-alpha.5",
-    "@operato/graphql": "^9.0.0-beta",
-    "@operato/shell": "^9.0.0-beta",
-    "@things-factory/auth-base": "^9.0.0-beta",
-    "@things-factory/contact": "^9.0.0-beta",
-    "@things-factory/env": "^9.0.0-beta",
-    "@things-factory/integration-headless": "^9.0.0-beta",
-    "@things-factory/integration-ui": "^9.0.0-beta",
-    "@things-factory/organization": "^9.0.0-beta",
-    "@things-factory/shell": "^9.0.0-beta",
+    "@dssp/building-complex": "^1.0.0-alpha.50",
+    "@dssp/supervision": "^1.0.0-alpha.50",
+    "@operato/graphql": "^9.0.0",
+    "@operato/shell": "^9.0.0",
+    "@things-factory/auth-base": "^9.0.0",
+    "@things-factory/contact": "^9.0.0",
+    "@things-factory/env": "^9.0.0",
+    "@things-factory/integration-headless": "^9.0.0",
+    "@things-factory/integration-ui": "^9.0.0",
+    "@things-factory/kpi": "^9.0.0",
+    "@things-factory/organization": "^9.0.0",
+    "@things-factory/shell": "^9.0.0",
+    "archiver": "5.3.2",
     "exceljs": "^4.4.0"
   },
-  "gitHead": "c5c29d58379f1172673819c24a79f0e667d94ce6"
+  "gitHead": "e6e113336b9962432626cd572d2071904fb17f78"
 }

package/things-factory.config.js

@@ -6,14 +6,14 @@ export default {
     'project-list', // 진행중 리스트
     'project-detail', // 진행중 프로젝트 상세 정보
     'project-completed-list', // 완료 리스트
-    'project-schedule-list', // 스케줄(공정표) 리스트
-    'project-schedule', // 스케줄(공정표)
+    'project-task-list', // 스케줄(공정표) 리스트
+    'project-task', // 스케줄(공정표)
     'project-setting-list', // 셋팅 리스트
     'project-update', // 프로젝트 정보 관리
     'project-plan-management', // 프로젝트 도면 관리
     'worker-type-management', // 인력 관리
     'construction-type-management', // 공종 관리
-    'inspection-drawing-type-management', // 도면 타입 및 검측 부위 관리
+    'inspection-drawing-type-management' // 도면 타입 및 검측 부위 관리
   ].map(page => {
     return {
       page,

package/translations/en.json

@@ -1,15 +1,16 @@
 {
-  "label.gantt-task-id": "아이디",
-  "label.gantt-task-section": "섹션",
-  "label.gantt-task-title": "제목",
-  "label.gantt-task-type": "유형",
+  "button.project_create": "프로젝트 생성",
+  "field.start-date": "시작 날짜",
+  "field.end-date": "종료 날짜",
+  "label.gantt-task-title": "작업명",
   "label.gantt-task-start-date": "시작 날짜",
-  "label.gantt-task-end-date": "종료 날짜",
-  "label.gantt-task-tags": "태그",
-  "label.gantt-task-progress": "진행 상황",
-  "label.gantt-task-previous": "이전",
   "label.gantt-task-resources": "자원",
   "label.gantt-task-duration": "기간",
   "label.gantt-resource-type": "유형",
-  "label.gantt-resource-allocated": "할당"
+  "label.gantt-resource-allocated": "할당",
+  "label.project_name": "프로젝트 이름",
+  "title.lookup project": "프로젝트 조회",
+  "title.project_create": "프로젝트 생성",
+  "title.project_update": "프로젝트 수정",
+  "title.project_setting_list": "프로젝트 설정 리스트"
 }

package/translations/ja.json

@@ -1 +1,15 @@
-{}
+{
+  "button.project_create": "프로젝트 생성",
+  "field.start-date": "시작 날짜",
+  "field.end-date": "종료 날짜",
+  "label.gantt-task-title": "작업명",
+  "label.gantt-task-start-date": "시작 날짜",
+  "label.gantt-task-resources": "자원",
+  "label.gantt-task-duration": "기간",
+  "label.gantt-resource-type": "유형",
+  "label.gantt-resource-allocated": "할당",
+  "label.project_name": "프로젝트 이름",
+  "title.project_create": "프로젝트 생성",
+  "title.project_update": "프로젝트 수정",
+  "title.project_setting_list": "프로젝트 설정 리스트"
+}

package/translations/ko.json

@@ -1,5 +1,7 @@
 {
   "button.project_create": "프로젝트 생성",
+  "field.start-date": "시작 날짜",
+  "field.end-date": "종료 날짜",
   "label.gantt-task-title": "작업명",
   "label.gantt-task-start-date": "시작 날짜",
   "label.gantt-task-resources": "자원",
@@ -7,6 +9,7 @@
   "label.gantt-resource-type": "유형",
   "label.gantt-resource-allocated": "할당",
   "label.project_name": "프로젝트 이름",
+  "title.lookup project": "프로젝트 조회",
   "title.project_create": "프로젝트 생성",
   "title.project_update": "프로젝트 수정",
   "title.project_setting_list": "프로젝트 설정 리스트"

package/translations/ms.json

@@ -1 +1,15 @@
-{}
+{
+  "button.project_create": "프로젝트 생성",
+  "field.start-date": "시작 날짜",
+  "field.end-date": "종료 날짜",
+  "label.gantt-task-title": "작업명",
+  "label.gantt-task-start-date": "시작 날짜",
+  "label.gantt-task-resources": "자원",
+  "label.gantt-task-duration": "기간",
+  "label.gantt-resource-type": "유형",
+  "label.gantt-resource-allocated": "할당",
+  "label.project_name": "프로젝트 이름",
+  "title.project_create": "프로젝트 생성",
+  "title.project_update": "프로젝트 수정",
+  "title.project_setting_list": "프로젝트 설정 리스트"
+}

package/translations/zh.json

@@ -1 +1,15 @@
-{}
+{
+  "button.project_create": "프로젝트 생성",
+  "field.start-date": "시작 날짜",
+  "field.end-date": "종료 날짜",
+  "label.gantt-task-title": "작업명",
+  "label.gantt-task-start-date": "시작 날짜",
+  "label.gantt-task-resources": "자원",
+  "label.gantt-task-duration": "기간",
+  "label.gantt-resource-type": "유형",
+  "label.gantt-resource-allocated": "할당",
+  "label.project_name": "프로젝트 이름",
+  "title.project_create": "프로젝트 생성",
+  "title.project_update": "프로젝트 수정",
+  "title.project_setting_list": "프로젝트 설정 리스트"
+}

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

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

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

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

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

@@ -1,407 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@material/web/button/elevated-button.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '@material/web/button/filled-button.js';
-import '@material/web/button/outlined-button.js';
-import { PageView } from '@operato/shell';
-import { css, html } from 'lit';
-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
-    title: name
-    id: code
-    duration
-    startDate
-    endDate
-    dependsOn
-    progress
-    style
-    resources {
-      type
-      allocated
-    }
-  }
-`;
-let ProjectSchedule = class ProjectSchedule extends ScopedElementsMixin(PageView) {
-    constructor() {
-        super(...arguments);
-        this.defaultProject = {
-            name: '',
-            buildingComplex: {
-                address: '',
-                area: 0,
-                constructionCompany: '',
-                clientCompany: '',
-                supervisoryCompany: '',
-                designCompany: '',
-                constructionType: '',
-                buildings: []
-            }
-        };
-        this.projectId = '';
-        this.project = Object.assign({}, this.defaultProject);
-        this.selectedBuildingIdx = 0;
-        this.constructionTypeList = [];
-        this.fromDate = '2024-01-01';
-        this.toDate = '2026-12-31';
-        this.timeScale = 'week-day';
-        this.extendGridLines = false;
-        this.columnConfigProvider = function () {
-            return [
-                { name: 'title', label: i18next.t('label.gantt-task-title') || 'title', visible: true, width: 150, order: 1 },
-                {
-                    name: 'startDate',
-                    label: i18next.t('label.gantt-task-start-date') || 'start date',
-                    visible: true,
-                    width: 100,
-                    order: 2
-                },
-                {
-                    name: 'resources',
-                    label: i18next.t('label.gantt-task-resources') || 'resources',
-                    visible: true,
-                    width: 100,
-                    order: 3
-                },
-                {
-                    name: 'duration',
-                    label: i18next.t('label.gantt-task-duration') || 'duration',
-                    visible: true,
-                    width: 30,
-                    order: 4
-                }
-            ];
-        };
-    }
-    get context() {
-        return {
-            title: '공정표'
-        };
-    }
-    render() {
-        var _a;
-        return html `
-      <div header>
-        <h2>${this.project.name}</h2>
-        <div button-container>
-          <md-elevated-button @click=${this._openUploadSchedulePopup}>
-            <md-icon slot="icon">event_note</md-icon>공정표 관리
-          </md-elevated-button>
-        </div>
-      </div>
-
-      <div body>
-        <ox-gantt
-          from-date=${new Date(this.fromDate).toISOString().split('T')[0]}
-          to-date=${new Date(this.toDate).toISOString().split('T')[0]}
-          .timeScale=${this.timeScale}
-          .tasks=${this.tasks}
-          @date-range-selected=${this.onRangeSelected}
-          @task-clicked=${(e) => {
-            console.log('task-clicked', e.detail);
-        }}
-          ?extend-grid-lines=${this.extendGridLines}
-          .columnConfigProvider=${this.columnConfigProvider}
-          .colorProvider=${task => {
-            return task.style || 'gray';
-        }}
-        >
-        </ox-gantt>
-        <div select-container>
-          <div date>
-            <span name>기간선택</span>
-            <div @change=${() => this.onChangePeriodRange()}>
-              <input type="date" name="startDate" project .value=${this.project.startDate || ''} max="9999-12-31" />
-              ~
-              <input type="date" name="endDate" project .value=${this.project.endDate || ''} max="9999-12-31" />
-            </div>
-          </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>
-    `;
-    }
-    async pageInitialized(lifecycle) { }
-    async pageUpdated(changes, lifecycle) {
-        if (this.active) {
-            this.projectId = lifecycle.resourceId || '';
-            await this.initProject(this.projectId);
-        }
-    }
-    async initProject(projectId = '') {
-        var _a, _b;
-        const response = await client.query({
-            query: gql `
-        query Project($id: String!, $sortings: [Sorting!]) {
-          project(id: $id) {
-            id
-            name
-            startDate
-            endDate
-            rootTasks {
-              ...TaskFragment
-              children(sortings: $sortings) {
-                ...TaskFragment
-                children(sortings: $sortings) {
-                  ...TaskFragment
-                }
-              }
-            }
-            scheduleTable {
-              id
-              name
-            }
-            buildingComplex {
-              id
-              planXScale
-              planYScale
-              buildings {
-                id
-                name
-                drawing {
-                  id
-                  name
-                }
-                buildingLevels {
-                  id
-                  floor
-                  mainDrawing {
-                    id
-                    name
-                  }
-                }
-              }
-            }
-          }
-        }
-
-        ${TaskFragment}
-      `,
-            variables: {
-                id: projectId,
-                sortings: [{ name: 'startDate' }]
-            }
-        });
-        this.project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.project;
-        this.tasks = (_b = response.data) === null || _b === void 0 ? void 0 : _b.project.rootTasks;
-        if (this.project) {
-            this.fromDate = this.project.startDate || '2024-01-01'; /* TODO default: start date of this year - 3 */
-            this.toDate = this.project.endDate || '2026-12-31'; /* TODO defaule: end date of this year + 3 */
-        }
-        console.log('init project : ', this.project);
-    }
-    onChangePeriodRange() {
-        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;
-        flex-direction: column;
-
-        color: #4e5055;
-
-        width: 100%;
-        background-color: var(--md-sys-color-background, #f6f6f6);
-        overflow-y: auto;
-
-        --grid-record-emphasized-background-color: red;
-        --grid-record-emphasized-color: yellow;
-      }
-
-      *[bold] {
-        font-weight: bold;
-      }
-
-      div[header] {
-        display: flex;
-        margin: 0px var(--spacing-large, 12px);
-
-        h2 {
-          flex: 0.5;
-          color: #3f71a0;
-          font-size:18px;
-        }
-
-        div[button-container] {
-          display: flex;
-          align-items: center;
-          justify-content: end;
-          flex: 0.5;
-
-          md-elevated-button {
-            margin: 0px margin-left: var(--spacing-small, 4px);
-
-            --md-elevated-button-container-height: 32px;
-            --md-elevated-button-label-text-size: 16px;
-            --md-elevated-button-container-color: #0595e5;
-
-            --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-icon-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
-            --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
-          }
-        }
-      }
-
-      div[body] {
-        flex: 1;
-
-        display: flex;
-        flex-direction: column;
-        margin: var(--spacing-large, 12px);
-        margin-top:0;
-        gap: var(--spacing-medium, 8px);
-        overflow: hidden;
-
-        h3 {
-          color: #2e79be;
-          font-size: 16px;
-          margin: 0px;
-        }
-
-        & > div {
-          display: flex;
-          border-radius: 5px;
-        }
-
-        ox-gantt {
-          flex: 1;
-          box-sizing: border-box;
-          overflow: hidden;
-
-          background-color: var(--md-sys-color-primary-container);
-          color: var(--md-sys-color-on-primary-container);
-        }
-
-        div[select-container] {
-          gap: var(--spacing-medium, 8px);
-
-          div[date] {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            background-color: #2ea4df1a;
-            border: 1px solid #2ea4df33;
-            border-radius: 5px;
-            gap: var(--spacing-medium, 8px);
-            padding: 12px 36px 12px 15px;
-
-            span[name] {
-              font-size: 16px;
-              font-weight: bold;
-            }
-
-            input[type="date"] {
-              border:1px solid rgba(51,51,51,.20);
-              padding:var(--spacing-small, 4px) var(--spacing-medium, 8px);
-              border-radius: 5px;
-            }
-          }
-
-          div[construction-list-container] {
-            flex: 1;
-            display: flex;
-            border-radius: 5px;
-            border: 1px solid #cccccc80;
-            background-color: #fff;
-            padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-            gap: var(--spacing-medium, 8px);
-            overflow-x: auto;
-
-            md-outlined-button {
-              --md-outlined-button-container-height: 30px;
-              --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
-              --md-outlined-button-leading-space: var(--spacing-medium, 8px);
-              --md-outlined-button-label-text-color: #586878;
-              --md-sys-color-outline: rgba(51,51,51,.20);
-              box-shadow: 1px 1px 1px #0000001a;
-              padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
-              font-weight: 700;
-            }
-          }
-        }
-      }
-    `
-];
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], ProjectSchedule.prototype, "projectId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ProjectSchedule.prototype, "project", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Number)
-], ProjectSchedule.prototype, "selectedBuildingIdx", void 0);
-__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)
-], ProjectSchedule.prototype, "fromDate", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ProjectSchedule.prototype, "toDate", void 0);
-__decorate([
-    query('input[name="startDate"]'),
-    __metadata("design:type", HTMLInputElement)
-], ProjectSchedule.prototype, "inputStartDate", void 0);
-__decorate([
-    query('input[name="endDate"]'),
-    __metadata("design:type", HTMLInputElement)
-], ProjectSchedule.prototype, "inputEndDate", void 0);
-ProjectSchedule = __decorate([
-    customElement('project-schedule')
-], ProjectSchedule);
-export { ProjectSchedule };
-//# sourceMappingURL=project-schedule.js.map

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

@@ -1 +0,0 @@
-{"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    style\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: var(--md-sys-color-background, #f6f6f6);\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 var(--spacing-large, 12px);\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n          font-size:18px;\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 margin-left: var(--spacing-small, 4px);\n\n            --md-elevated-button-container-height: 32px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n            --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n          }\n        }\n      }\n\n      div[body] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top:0;\n        gap: var(--spacing-medium, 8px);\n        overflow: hidden;\n\n        h3 {\n          color: #2e79be;\n          font-size: 16px;\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: var(--spacing-medium, 8px);\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: var(--spacing-medium, 8px);\n            padding: 12px 36px 12px 15px;\n\n            span[name] {\n              font-size: 16px;\n              font-weight: bold;\n            }\n\n            input[type=\"date\"] {\n              border:1px solid rgba(51,51,51,.20);\n              padding:var(--spacing-small, 4px) var(--spacing-medium, 8px);\n              border-radius: 5px;\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: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n            gap: var(--spacing-medium, 8px);\n            overflow-x: auto;\n\n            md-outlined-button {\n              --md-outlined-button-container-height: 30px;\n              --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n              --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n              --md-outlined-button-label-text-color: #586878;\n              --md-sys-color-outline: rgba(51,51,51,.20);\n              box-shadow: 1px 1px 1px #0000001a;\n              padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\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 = '2026-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.style || 'gray'\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 || '2026-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"]}