@dssp/project 1.0.0-y.0 → 1.0.0

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

@@ -1,1197 +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 { PageView } from '@operato/shell';
-import { css, html } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { ScopedElementsMixin } from '@open-wc/scoped-elements';
-import { client } from '@operato/graphql';
-import { notify } from '@operato/layout';
-import gql from 'graphql-tag';
-import { SITE_TYPE_DISPLAY } from './project-list';
-import '../lib/select2-component';
-import './component/project-update-header';
-let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
-    constructor() {
-        super(...arguments);
-        this.defaultProject = {
-            name: '',
-            documentNaming: '',
-            buildingComplex: {
-                address: '',
-                area: 0,
-                constructionCompany: '',
-                clientCompany: '',
-                supervisoryCompany: '',
-                designCompany: '',
-                constructionType: '',
-                buildings: []
-            }
-        };
-        this.projectId = '';
-        this.project = Object.assign({}, this.defaultProject);
-        this.selectedValues = [];
-        this.overallConstructorList = [];
-        this.taskConstructorList = [];
-        this.taskSupervisoryList = [];
-        this.overallSupervisoryList = [];
-    }
-    get context() {
-        return {
-            title: '프로젝트 정보 관리'
-        };
-    }
-    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, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50;
-        return html `
-      <project-update-header .projectId=${this.project.id || ''} title="프로젝트 정보 관리" @custom-click=${this._saveProject}>
-      </project-update-header>
-
-      <div body>
-        <div project-info>
-          <h3>기본 정보</h3>
-          <div row>
-            <span>프로젝트명</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="name"
-                project
-                .value=${this.project.name || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>프로젝트 문서 네이밍</span>
-            <span>
-              <md-outlined-text-field
-                type="text"
-                name="documentNaming"
-                project
-                .value=${this.project.documentNaming || ''}
-                @input=${this._onInputChange}
-                placeholder="프로젝트 문서 네이밍"
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span></span>
-            <span>
-              <div document-preview>📄 문서 생성 예시: <br />${this.project.documentNaming} 검측 제01-00001호</div>
-            </span>
-          </div>
-          <div row>
-            <span>프로젝트 주소</span>
-            <span>
-              <md-outlined-text-field
-                type="text"
-                name="address"
-                building-complex
-                .value=${((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.address) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>위도</span>
-            <span>
-              <md-outlined-text-field
-                type="text"
-                name="latitude"
-                numeric
-                building-complex
-                .value=${((_e = (_d = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.latitude) === null || _e === void 0 ? void 0 : _e.toString()) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>경도</span>
-            <span>
-              <md-outlined-text-field
-                type="text"
-                name="longitude"
-                numeric
-                building-complex
-                .value=${((_h = (_g = (_f = this.project) === null || _f === void 0 ? void 0 : _f.buildingComplex) === null || _g === void 0 ? void 0 : _g.longitude) === null || _h === void 0 ? void 0 : _h.toString()) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>연 면적</span>
-            <span align-end
-              ><md-outlined-text-field
-                type="text"
-                name="area"
-                numeric
-                building-complex
-                .value=${((_l = (_k = (_j = this.project) === null || _j === void 0 ? void 0 : _j.buildingComplex) === null || _k === void 0 ? void 0 : _k.area) === null || _l === void 0 ? void 0 : _l.toString()) || ''}
-                @input=${this._onInputChange}
-                suffix-text="㎡"
-              ></md-outlined-text-field>
-            </span>
-          </div>
-
-          <div row>
-            <span>건폐율</span>
-            <span align-end>
-              <md-outlined-text-field
-                type="text"
-                name="coverageRatio"
-                numeric
-                building-complex
-                .value=${((_p = (_o = (_m = this.project) === null || _m === void 0 ? void 0 : _m.buildingComplex) === null || _o === void 0 ? void 0 : _o.coverageRatio) === null || _p === void 0 ? void 0 : _p.toString()) || ''}
-                @input=${this._onInputChange}
-                suffix-text="%"
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>용적률</span>
-            <span align-end>
-              <md-outlined-text-field
-                type="text"
-                name="floorAreaRatio"
-                numeric
-                building-complex
-                .value=${((_s = (_r = (_q = this.project) === null || _q === void 0 ? void 0 : _q.buildingComplex) === null || _r === void 0 ? void 0 : _r.floorAreaRatio) === null || _s === void 0 ? void 0 : _s.toString()) || ''}
-                @input=${this._onInputChange}
-                suffix-text="%"
-              ></md-outlined-text-field>
-            </span>
-          </div>
-
-          <div row>
-            <span>현장유형</span>
-            <span
-              ><md-filled-select name="siteType" building-complex @change=${this._onInputChange}>
-                ${Object.entries(SITE_TYPE_DISPLAY).map(([key, display]) => {
-            var _a, _b;
-            return html `
-                    <md-select-option ?selected=${((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.siteType) === key} .value=${key}>
-                      <div slot="headline">${display}</div>
-                    </md-select-option>
-                  `;
-        })}
-              </md-filled-select>
-            </span>
-          </div>
-
-          <div row>
-            <span>착공일정 ~ 준공일정</span>
-            <span
-              ><input
-                type="date"
-                name="startDate"
-                project
-                .value=${this.project.startDate || ''}
-                @input=${this._onInputChange}
-                max="9999-12-31"
-              />
-              ~
-              <input
-                type="date"
-                name="endDate"
-                project
-                .value=${this.project.endDate || ''}
-                @input=${this._onInputChange}
-                max="9999-12-31"
-              />
-            </span>
-          </div>
-          <div row>
-            <span>발주처</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="clientCompany"
-                building-complex
-                .value=${((_u = (_t = this.project) === null || _t === void 0 ? void 0 : _t.buildingComplex) === null || _u === void 0 ? void 0 : _u.clientCompany) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>건설사</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="constructionCompany"
-                building-complex
-                .value=${((_w = (_v = this.project) === null || _v === void 0 ? void 0 : _v.buildingComplex) === null || _w === void 0 ? void 0 : _w.constructionCompany) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>설계사</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="designCompany"
-                building-complex
-                .value=${((_y = (_x = this.project) === null || _x === void 0 ? void 0 : _x.buildingComplex) === null || _y === void 0 ? void 0 : _y.designCompany) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>감리사</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="supervisoryCompany"
-                building-complex
-                .value=${((_0 = (_z = this.project) === null || _z === void 0 ? void 0 : _z.buildingComplex) === null || _0 === void 0 ? void 0 : _0.supervisoryCompany) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>건설구분</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="constructionType"
-                building-complex
-                .value=${((_2 = (_1 = this.project) === null || _1 === void 0 ? void 0 : _1.buildingComplex) === null || _2 === void 0 ? void 0 : _2.constructionType) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>구조 유형</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="structureType"
-                building-complex
-                .value=${((_4 = (_3 = this.project) === null || _3 === void 0 ? void 0 : _3.buildingComplex) === null || _4 === void 0 ? void 0 : _4.structureType) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-
-          <div row>
-            <span>대표사진 업로드</span>
-            <span>
-              <ox-input-image
-                name="mainPhoto"
-                value=${((_6 = (_5 = this.project) === null || _5 === void 0 ? void 0 : _5.mainPhoto) === null || _6 === void 0 ? void 0 : _6.fullpath) || ''}
-                @change=${this.onCreateAttachment.bind(this)}
-              ></ox-input-image>
-            </span>
-          </div>
-          <div row>
-            <span>단지 BIM</span>
-            <span>
-              <ox-input-file
-                name="drawing"
-                label=" "
-                description="IFC 업로드"
-                .value=${((_8 = (_7 = this.project) === null || _7 === void 0 ? void 0 : _7.buildingComplex) === null || _8 === void 0 ? void 0 : _8.drawing) || ''}
-                @change=${this.onCreateAttachment.bind(this)}
-              ></ox-input-file>
-            </span>
-          </div>
-          <div row>
-            <span>공사금액</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="constructionCost"
-                numeric
-                building-complex
-                .value=${((_11 = (_10 = (_9 = this.project) === null || _9 === void 0 ? void 0 : _9.buildingComplex) === null || _10 === void 0 ? void 0 : _10.constructionCost) === null || _11 === void 0 ? void 0 : _11.toString()) || ''}
-                @input=${this._onInputChange}
-                suffix-text="원"
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>투입 인력</span>
-            <span
-              ><md-outlined-text-field
-                type="text"
-                name="workerCount"
-                numeric
-                building-complex
-                .value=${((_14 = (_13 = (_12 = this.project) === null || _12 === void 0 ? void 0 : _12.buildingComplex) === null || _13 === void 0 ? void 0 : _13.workerCount) === null || _14 === void 0 ? void 0 : _14.toString()) || ''}
-                @input=${this._onInputChange}
-                suffix-text="명"
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>기타사항</span>
-            <span>
-              <md-outlined-text-field
-                type="textarea"
-                name="etc"
-                building-complex
-                .value=${((_16 = (_15 = this.project) === null || _15 === void 0 ? void 0 : _15.buildingComplex) === null || _16 === void 0 ? void 0 : _16.etc) || ''}
-                @input=${this._onInputChange}
-              ></md-outlined-text-field>
-            </span>
-          </div>
-          <div row>
-            <span>총괄 시공 관리자 리스트</span>
-            <span>
-              <select2-component
-                placeholder="총괄 시공 관리자 리스트"
-                name="overallConstructorEmails"
-                .options=${this.overallConstructorList}
-                .selectedValues=${((_18 = (_17 = this.project) === null || _17 === void 0 ? void 0 : _17.buildingComplex) === null || _18 === void 0 ? void 0 : _18.overallConstructorEmails) || []}
-                @selection-changed=${this._handleSelectionChange}
-              ></select2-component>
-            </span>
-          </div>
-          <div row>
-            <span>공종별 시공 관리자 리스트</span>
-            <span>
-              <select2-component
-                placeholder="공종별 시공 관리자 리스트"
-                name="taskConstructorEmails"
-                .options=${this.taskConstructorList}
-                .selectedValues=${((_20 = (_19 = this.project) === null || _19 === void 0 ? void 0 : _19.buildingComplex) === null || _20 === void 0 ? void 0 : _20.taskConstructorEmails) || []}
-                @selection-changed=${this._handleSelectionChange}
-              ></select2-component>
-            </span>
-          </div>
-          <div row>
-            <span>총괄 감리 책임자 리스트</span>
-            <span>
-              <select2-component
-                placeholder="총괄 감리 책임자 리스트"
-                name="overallSupervisoryEmails"
-                .options=${this.overallSupervisoryList}
-                .selectedValues=${((_22 = (_21 = this.project) === null || _21 === void 0 ? void 0 : _21.buildingComplex) === null || _22 === void 0 ? void 0 : _22.overallSupervisoryEmails) || []}
-                @selection-changed=${this._handleSelectionChange}
-              ></select2-component>
-            </span>
-          </div>
-          <div row>
-            <span>공종별 감리 책임자 리스트</span>
-            <span>
-              <select2-component
-                placeholder="공종별 감리 책임자 리스트"
-                name="taskSupervisoryEmails"
-                .options=${this.taskSupervisoryList}
-                .selectedValues=${((_24 = (_23 = this.project) === null || _23 === void 0 ? void 0 : _23.buildingComplex) === null || _24 === void 0 ? void 0 : _24.taskSupervisoryEmails) || []}
-                @selection-changed=${this._handleSelectionChange}
-              ></select2-component
-            ></span>
-          </div>
-        </div>
-
-        <div detail-info>
-          <div>
-            <h3>건설구분 상세 정보</h3>
-            <div row>
-              <span>세대수</span>
-              <span
-                ><md-outlined-text-field
-                  type="text"
-                  numeric
-                  building-complex
-                  name="householdCount"
-                  .value=${((_27 = (_26 = (_25 = this.project) === null || _25 === void 0 ? void 0 : _25.buildingComplex) === null || _26 === void 0 ? void 0 : _26.householdCount) === null || _27 === void 0 ? void 0 : _27.toString()) || ''}
-                  @input=${this._onInputChange}
-                ></md-outlined-text-field>
-              </span>
-            </div>
-            <div row>
-              <span>동수</span>
-              <span
-                ><md-outlined-text-field
-                  type="text"
-                  numeric
-                  building-complex
-                  name="buildingCount"
-                  value=${((_30 = (_29 = (_28 = this.project) === null || _28 === void 0 ? void 0 : _28.buildingComplex) === null || _29 === void 0 ? void 0 : _29.buildingCount) === null || _30 === void 0 ? void 0 : _30.toString()) || ''}
-                  @input=${this._onInputChange}
-                ></md-outlined-text-field>
-                <md-outlined-button @click=${this._setBuilding}>적용</md-outlined-button>
-              </span>
-            </div>
-            <hr />
-            <div warn>* 동/층의 정보를 수정하면 기존의 동/층 정보는 모두 제거됩니다.</div>
-            <div separate-container>
-              ${(_33 = (_32 = (_31 = this.project) === null || _31 === void 0 ? void 0 : _31.buildingComplex) === null || _32 === void 0 ? void 0 : _32.buildings) === null || _33 === void 0 ? void 0 : _33.map((building, idx) => {
-            var _a, _b;
-            return html `
-                  <div>
-                    <span>
-                      <md-outlined-text-field
-                        type="text"
-                        building
-                        name="name"
-                        .value=${(building === null || building === void 0 ? void 0 : building.name) || ''}
-                        @input=${e => this._onInputChange(e, idx)}
-                        placeholder="ooo동"
-                      ></md-outlined-text-field>
-                    </span>
-                    <span floor-row>
-                      <span floor-title>층수</span>
-                      <md-outlined-text-field
-                        type="text"
-                        numeric
-                        building
-                        name="floorCount"
-                        .value=${((_a = building === null || building === void 0 ? void 0 : building.floorCount) === null || _a === void 0 ? void 0 : _a.toString()) || ''}
-                        @input=${e => this._onInputChange(e, idx)}
-                        placeholder="oo"
-                      ></md-outlined-text-field>
-                    </span>
-
-                    <div basement-container>
-                      <div
-                        basement-checkbox
-                        name="hasBasement"
-                        ?checked=${(building === null || building === void 0 ? void 0 : building.hasBasement) || false}
-                        @click=${() => this._toggleBasement(idx)}
-                      >
-                        <md-icon>format_bold</md-icon>
-                      </div>
-                      ${(building === null || building === void 0 ? void 0 : building.hasBasement)
-                ? html `
-                            <md-outlined-text-field
-                              basement-floor
-                              type="text"
-                              numeric
-                              building
-                              name="basementFloorCount"
-                              .value=${((_b = building === null || building === void 0 ? void 0 : building.basementFloorCount) === null || _b === void 0 ? void 0 : _b.toString()) || ''}
-                              @input=${e => this._onInputChange(e, idx)}
-                              placeholder="지하층수"
-                            ></md-outlined-text-field>
-                          `
-                : ''}
-                    </div>
-                  </div>
-                `;
-        })}
-            </div>
-          </div>
-
-          <div project>
-            <h3>프로젝트 현황</h3>
-            <div row separate-container>
-              <div>
-                <span>전체 진행현황</span>
-                <span>
-                  <md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="totalProgress"
-                    .value=${((_34 = this.project.totalProgress) === null || _34 === void 0 ? void 0 : _34.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-              <div>
-                <span>검측/통과비율</span>
-                <span>
-                  <md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="inspPassRate"
-                    .value=${((_35 = this.project.inspPassRate) === null || _35 === void 0 ? void 0 : _35.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-            </div>
-            <div row separate-container>
-              <div>
-                <span>주간 진행현황</span>
-                <span>
-                  <md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="weeklyProgress"
-                    .value=${((_36 = this.project.weeklyProgress) === null || _36 === void 0 ? void 0 : _36.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-              <div>
-                <span>로봇작업진행율</span>
-                <span>
-                  <md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="robotProgressRate"
-                    .value=${((_37 = this.project.robotProgressRate) === null || _37 === void 0 ? void 0 : _37.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-            </div>
-            <div row separate-container>
-              <div>
-                <span>KPI</span>
-                <span
-                  ><md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="kpi"
-                    .value=${((_38 = this.project.kpi) === null || _38 === void 0 ? void 0 : _38.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-              <div>
-                <span>구조안전도</span>
-                <span
-                  ><md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="structuralSafetyRate"
-                    .value=${((_39 = this.project.structuralSafetyRate) === null || _39 === void 0 ? void 0 : _39.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-            </div>
-
-            <div row separate-container>
-              <div>
-                <span>로봇 작업 대수</span>
-                <span
-                  ><md-outlined-text-field
-                    type="text"
-                    numeric
-                    project
-                    name="robotCount"
-                    .value=${((_40 = this.project.robotCount) === null || _40 === void 0 ? void 0 : _40.toString()) || ''}
-                    @input=${this._onInputChange}
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-            </div>
-
-            <hr />
-
-            <div row separate-container>
-              <div>
-                <span>설계 변경 횟수</span>
-                <span
-                  ><md-outlined-text-field
-                    type="text"
-                    numeric
-                    building-complex
-                    name="designChangeCount"
-                    .value=${((_42 = (_41 = this.project.buildingComplex) === null || _41 === void 0 ? void 0 : _41.designChangeCount) === null || _42 === void 0 ? void 0 : _42.toString()) || ''}
-                    @input=${this._onInputChange}
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-              <div>
-                <span>계획 공정률</span>
-                <span
-                  ><md-outlined-text-field
-                    type="text"
-                    numeric
-                    building-complex
-                    name="plannedProgress"
-                    .value=${((_44 = (_43 = this.project.buildingComplex) === null || _43 === void 0 ? void 0 : _43.plannedProgress) === null || _44 === void 0 ? void 0 : _44.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-            </div>
-
-            <div row separate-container>
-              <div>
-                <span>실제 공정률</span>
-                <span
-                  ><md-outlined-text-field
-                    type="text"
-                    numeric
-                    building-complex
-                    name="actualProgress"
-                    .value=${((_46 = (_45 = this.project.buildingComplex) === null || _45 === void 0 ? void 0 : _45.actualProgress) === null || _46 === void 0 ? void 0 : _46.toString()) || ''}
-                    @input=${this._onInputChange}
-                    suffix-text="%"
-                  ></md-outlined-text-field>
-                </span>
-              </div>
-            </div>
-          </div>
-
-          <div>
-            <h3>공지사항</h3>
-            <div>
-              <span></span>
-              <span>
-                <md-outlined-text-field
-                  type="textarea"
-                  name="notice"
-                  building-complex
-                  .value=${((_48 = (_47 = this.project) === null || _47 === void 0 ? void 0 : _47.buildingComplex) === null || _48 === void 0 ? void 0 : _48.notice) || ''}
-                  @input=${this._onInputChange}
-                ></md-outlined-text-field>
-              </span>
-            </div>
-          </div>
-
-          <div>
-            <h3>Virtual Tour Link</h3>
-            <div>
-              <span></span>
-              <span>
-                <md-outlined-text-field
-                  type="text"
-                  name="virtualTourLink"
-                  building-complex
-                  .value=${((_50 = (_49 = this.project) === null || _49 === void 0 ? void 0 : _49.buildingComplex) === null || _50 === void 0 ? void 0 : _50.virtualTourLink) || ''}
-                  @input=${this._onInputChange}
-                ></md-outlined-text-field>
-              </span>
-            </div>
-          </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, _c;
-        const response = await client.query({
-            query: gql `
-        query Project($id: String!, $filters: [Filter!]) {
-          project(id: $id) {
-            id
-            name
-            documentNaming
-            startDate
-            endDate
-            mainPhoto {
-              fullpath
-            }
-            totalProgress
-            weeklyProgress
-            kpi
-            inspPassRate
-            robotProgressRate
-            structuralSafetyRate
-            robotCount
-            buildingComplex {
-              id
-              address
-              siteType
-              latitude
-              longitude
-              area
-              coverageRatio
-              floorAreaRatio
-              structureType
-              workerCount
-              designChangeCount
-              plannedProgress
-              actualProgress
-              clientCompany
-              constructionCompany
-              supervisoryCompany
-              designCompany
-              drawing {
-                id
-                name
-              }
-              constructionType
-              constructionCost
-              etc
-              notice
-              householdCount
-              buildingCount
-              overallConstructorEmails
-              taskConstructorEmails
-              overallSupervisoryEmails
-              taskSupervisoryEmails
-              virtualTourLink
-              buildings {
-                id
-                name
-                floorCount
-                hasBasement
-                basementFloorCount
-              }
-            }
-          }
-
-          employees(filters: $filters) {
-            items {
-              id
-              name
-              jobResponsibility
-              active
-              user {
-                id
-                name
-                email
-              }
-            }
-          }
-        }
-      `,
-            variables: {
-                id: projectId,
-                filters: [
-                    {
-                        name: 'active',
-                        operator: 'eq',
-                        value: true
-                    },
-                    {
-                        name: 'userId',
-                        operator: 'is_not_null',
-                        value: ''
-                    }
-                ]
-            }
-        });
-        this.project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.project;
-        const items = ((_c = (_b = response.data) === null || _b === void 0 ? void 0 : _b.employees) === null || _c === void 0 ? void 0 : _c.items) || [];
-        this.overallConstructorList = this._filterUserByPermission(items, 'OVERALL_CONSTRUCTOR');
-        this.taskConstructorList = this._filterUserByPermission(items, 'TASK_CONSTRUCTOR');
-        this.overallSupervisoryList = this._filterUserByPermission(items, 'OVERALL_SUPERVISORY');
-        this.taskSupervisoryList = this._filterUserByPermission(items, 'TASK_SUPERVISORY');
-    }
-    _filterUserByPermission(userList, permission) {
-        return userList
-            .filter(v => v.jobResponsibility == permission || v.jobResponsibility == 'ADMIN')
-            .map(v => ({ name: v.name, value: v.user.email }));
-    }
-    async _saveProject() {
-        // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)
-        delete this.project.mainPhoto;
-        delete this.project.buildingComplex.drawing;
-        const response = await client.mutate({
-            mutation: gql `
-        mutation UpdateProject($project: ProjectPatch!) {
-          updateProject(project: $project) {
-            id
-          }
-        }
-      `,
-            variables: {
-                project: this.project
-            },
-            context: {
-                hasUpload: true
-            }
-        });
-        if (!response.errors) {
-            notify({ message: '저장에 성공하였습니다.' });
-        }
-    }
-    // 동 적용 버튼을 누르면 입력한 수 만큼 해당 단지에 동 데이터 생성
-    _setBuilding() {
-        var _a, _b, _c, _d, _e;
-        const buildingCount = ((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.buildingCount) || 0;
-        const buildingInitData = { name: undefined, floorCount: undefined };
-        // 빌딩 데이터가 없으면 빈 배열 넣어줌
-        if (!((_e = (_d = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.buildings) === null || _e === void 0 ? void 0 : _e.length)) {
-            this.project.buildingComplex.buildings = [];
-        }
-        if (this.project.buildingComplex.buildings.length >= buildingCount) {
-            // 동 수가 더 작게 들어오면 기존 배열을 필요한 크기만큼 잘라내기
-            this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings.slice(0, buildingCount)];
-        }
-        else {
-            // 동수가 더 크게 들어오면 기존 배열 + 빈 값을 채움
-            const additionalCount = buildingCount - this.project.buildingComplex.buildings.length;
-            const additionalBuildings = Array.from({ length: additionalCount }, () => (Object.assign({}, buildingInitData)));
-            this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings, ...additionalBuildings];
-        }
-        // 리렌더링
-        this.project = Object.assign({}, this.project);
-    }
-    // Input 요소의 값이 변경될 때 호출되는 콜백 함수
-    _onInputChange(event, idx) {
-        const target = event.target;
-        let inputVal = target.value;
-        // 숫자 타입은 다른 문자 입력 제거
-        if (target.hasAttribute('numeric')) {
-            inputVal = Number(inputVal.replace(/[^\d.]/g, ''));
-        }
-        if (target.hasAttribute('project')) {
-            this.project[target.name] = inputVal;
-            // documentNaming 필드가 변경되면 실시간으로 미리보기 업데이트
-            if (target.name === 'documentNaming') {
-                this.requestUpdate();
-            }
-        }
-        else if (target.hasAttribute('building-complex')) {
-            this.project.buildingComplex[target.name] = inputVal;
-        }
-        else if (target.hasAttribute('building')) {
-            this.project.buildingComplex.buildings[idx][target.name] = inputVal;
-        }
-    }
-    // 이미지 업로드
-    async onCreateAttachment(e) {
-        const target = e.target;
-        const file = (target.name === 'mainPhoto' ? e.detail : e.detail[0]) || null;
-        if (target.name === 'mainPhoto') {
-            this.project.mainPhotoUpload = file;
-        }
-        else {
-            this.project.buildingComplex.drawingUpload = file;
-        }
-    }
-    _handleSelectionChange(e) {
-        const name = e.target.getAttribute('name');
-        const selectedValues = e.detail.selectedValues;
-        this.project.buildingComplex[name] = selectedValues;
-    }
-    _toggleBasement(idx) {
-        const building = this.project.buildingComplex.buildings[idx];
-        building.hasBasement = !building.hasBasement;
-        // 층 수가 0이거나 체크 해제시 지하층수 초기화 (플레이스 홀더 나오게 하기 위함)
-        if (building.basementFloorCount == 0 || !building.hasBasement) {
-            building.basementFloorCount = undefined;
-        }
-        this.project.buildingComplex.buildings[idx]['hasBasement'] = building.hasBasement;
-        this.requestUpdate();
-    }
-};
-ProjectUpdate.styles = [
-    css `
-      :host {
-        display: grid;
-        grid-template-rows: 55px auto;
-        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;
-      }
-
-      md-outlined-text-field {
-        width: 100%;
-
-        --md-outlined-text-field-container-shape: 5px;
-        --md-outlined-text-field-outline-color: rgba(51, 51, 51, 0.2);
-        --md-outlined-text-field-focus-outline-color: #1f7fd9;
-        --md-outlined-text-field-focus-outline-width: 1px;
-        --md-sys-color-primary: #586878;
-        --md-outlined-text-field-input-text-size: 14px;
-        --md-outlined-field-bottom-space: 3px;
-        --md-outlined-field-top-space: 3px;
-        --md-outlined-field-leading-space: var(--spacing-medium, 8px);
-        --md-outlined-field-trailing-space: var(--spacing-medium, 8px);
-      }
-      select2-component {
-        width: 100%;
-      }
-      md-filled-select {
-        width: 100%;
-        --md-filled-select-text-field-container-color: transparent;
-        --md-filled-select-text-field-active-indicator-color: #999;
-        --md-filled-select-text-field-input-text-size: 14px;
-        --md-filled-select-text-field-input-text-line-height: 6px;
-      }
-      input[type='date'] {
-        border: 1px solid rgba(51, 51, 51, 0.2);
-        padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);
-        border-radius: 5px;
-      }
-      md-outlined-text-field[type='textarea'] {
-        width: 100%;
-        height: 120px;
-        resize: none;
-      }
-
-      ox-input-image {
-        width: 120px;
-        height: 90px;
-      }
-      ox-input-file {
-        width: 120px;
-        height: 90px;
-        padding: 0;
-      }
-
-      div[body] {
-        display: flex;
-        margin: var(--spacing-large, 12px);
-        margin-top: 0;
-        gap: var(--spacing-medium, 8px);
-
-        & > div {
-          display: flex;
-          height: fit-content;
-          flex-direction: column;
-          padding: var(--spacing-large, 12px);
-          background-color: var(--md-sys-color-on-primary);
-          border: 1px solid #cccccc80;
-          border-radius: 5px;
-          gap: var(--spacing-medium, 8px);
-
-          h3 {
-            color: #2e79be;
-            font-size: 16px;
-            margin: 0px;
-          }
-
-          div[row] {
-            display: flex;
-            align-items: center;
-
-            span:first-child {
-              flex: 0.3;
-              text-align: right;
-              font-size: 14px;
-            }
-
-            span:last-child {
-              flex: 0.7;
-              display: flex;
-              gap: var(--spacing-medium, 8px);
-              margin-left: var(--spacing-medium, 8px);
-              align-items: center;
-
-              &[align-end] {
-                align-items: end;
-              }
-            }
-          }
-        }
-
-        div[project-info] {
-          flex: 0.55;
-        }
-
-        div[document-preview] {
-          width: 100%;
-          font-size: 12px;
-          color: #2e79be;
-          font-weight: 500;
-          background-color: #f8f9fa;
-          padding: 8px 12px;
-          border-radius: 4px;
-          border-left: 3px solid #2e79be;
-          margin-top: 4px;
-        }
-
-        div[detail-info] {
-          flex: 0.45;
-          padding: 0px;
-          gap: 10px;
-          background-color: transparent;
-          border: none;
-
-          & > div {
-            display: flex;
-            flex-direction: column;
-            gap: var(--spacing-medium, 8px);
-            border: 1px solid #cccccc80;
-            border-radius: 5px;
-            padding: var(--spacing-large, 12px);
-            background-color: var(--md-sys-color-on-primary);
-
-            md-outlined-text-field[type='text'] {
-              width: 60%;
-            }
-
-            md-elevated-button {
-              --md-elevated-button-container-height: 30px;
-              --md-elevated-button-container-color: var(--md-sys-color-on-primary);
-              --md-elevated-button-label-text-size: 16px;
-            }
-            hr {
-              border: 1px rgba(51, 51, 51, 0.1) dashed;
-              width: 100%;
-              margin-bottom: var(--spacing-tiny, 2px);
-            }
-            div[warn] {
-              font-size: 12px;
-              color: red;
-              margin-left: var(--spacing-small, 4px);
-              margin-bottom: var(--spacing-small, 4px);
-            }
-
-            md-outlined-button {
-              min-height: 30px;
-              padding: 0 var(--spacing-large, 12px);
-              box-shadow: 1px 1px 1px #0000001a;
-              --md-outlined-button-label-text-color: #586878;
-              --md-outlined-button-label-text-weight: bold;
-              --md-sys-color-outline: rgba(51, 51, 51, 0.2);
-            }
-
-            div[row] {
-              span:first-child {
-                flex: 0.2;
-              }
-              span:last-child {
-                flex: 0.8;
-              }
-            }
-
-            div[separate-container] {
-              display: grid;
-              grid-template-columns: repeat(2, 1fr);
-              gap: 8px 30px;
-              margin-left: 15px;
-
-              md-outlined-text-field {
-                width: 80px;
-              }
-
-              & > div {
-                display: flex;
-                gap: 15px;
-
-                span[floor-row] {
-                  display: inline-flex;
-                  align-items: center;
-                  margin-left: 5px;
-                }
-
-                span[floor-title] {
-                  min-width: 33px;
-                  margin-right: var(--spacing-small, 4px);
-                }
-                span:first-child {
-                  flex: 0.4;
-                  justify-content: flex-start;
-                  display: flex;
-                }
-                span:last-child {
-                  flex: 0.6;
-                  display: flex;
-                  align-items: center;
-                  padding-left: var(--spacing-medium, 8px);
-                }
-              }
-
-              div[basement-container] {
-                display: flex;
-                align-items: center;
-                gap: 4px;
-
-                div[basement-checkbox] {
-                  display: flex;
-                  align-items: center;
-                  cursor: pointer;
-
-                  md-icon {
-                    --md-icon-size: 25px;
-                    color: #808080;
-                    transition: opacity 0.2s ease;
-                  }
-
-                  &[disabled] {
-                    cursor: not-allowed;
-                    opacity: 0.4;
-
-                    md-icon {
-                      color: #cccccc;
-                    }
-                  }
-
-                  &[checked] md-icon {
-                    background-color: #2e79be;
-                    color: white;
-                    border-radius: 3px;
-                  }
-                }
-
-                md-outlined-text-field[basement-floor] {
-                  width: 70px;
-                  margin-left: var(--spacing-small, 4px);
-                  opacity: 1;
-                  transition: opacity 0.2s ease;
-
-                  &[disabled] {
-                    opacity: 0.4;
-                    pointer-events: none;
-                  }
-                }
-              }
-            }
-
-            &[project] {
-              div[separate-container] {
-                margin-left: 15px;
-
-                & > div {
-                  align-items: center;
-
-                  span:first-child {
-                    flex: 0.4;
-                    min-width: 100px;
-                  }
-                  span:last-child {
-                    flex: 0.4;
-                    margin-left: 0;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    `
-];
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], ProjectUpdate.prototype, "projectId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ProjectUpdate.prototype, "project", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ProjectUpdate.prototype, "selectedValues", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ProjectUpdate.prototype, "overallConstructorList", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ProjectUpdate.prototype, "taskConstructorList", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ProjectUpdate.prototype, "taskSupervisoryList", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], ProjectUpdate.prototype, "overallSupervisoryList", void 0);
-ProjectUpdate = __decorate([
-    customElement('project-update')
-], ProjectUpdate);
-export { ProjectUpdate };
-//# sourceMappingURL=project-update.js.map