@dssp/project 1.0.0 → 1.0.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-plan-upload.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-plan-upload.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { BuildingLevel } from '../project-list'\nimport { openPopup } from '@operato/layout'\nimport './popup-plan-export'\n\n@customElement('popup-plan-upload')\nexport class PopupPlanUpload 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[etc-drawing-container] {\n          display: flex;\n          align-items: center;\n          margin-top: 15px;\n          padding: 10px;\n          gap: 25px;\n          background-color: #f7f7f7;\n          overflow-y: auto;\n\n          ox-input-file {\n            height: 120px;\n            width: 100px;\n            min-width: 100px;\n            line-height: 100%;\n          }\n\n          div[file-box] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            height: 120px;\n            width: 100px;\n            min-width: 100px;\n            background-color: #fff;\n            border: 2px solid #aaa;\n            border-radius: 8px;\n            position: relative;\n\n            span[file-name] {\n              font-size: 12px;\n              text-align: center;\n              padding: 5px;\n              word-break: break-all;\n              max-width: 90px;\n              color: #333;\n            }\n\n            button[delete-btn] {\n              position: absolute;\n              top: -8px;\n              right: -8px;\n              width: 20px;\n              height: 20px;\n              border-radius: 50%;\n              background-color: #ff4444;\n              color: white;\n              border: none;\n              cursor: pointer;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              font-size: 12px;\n              font-weight: bold;\n\n              &:hover {\n                background-color: #cc0000;\n              }\n            }\n          }\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          gap: 10px;\n          margin-top: 20px;\n        }\n\n        md-icon[outline] {\n          --md-icon-size: 35px;\n          font-variation-settings:\n            'FILL' 0,\n            'wght' 400,\n            'GRAD' 0,\n            'opsz' 24;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) private buildingLevel: BuildingLevel = {}\n  @property({ type: Number }) private selectedIdx: number | undefined\n\n  render() {\n    const noUploadStyle = '--file-uploader-icon-size: 0; --file-uploader-label-padding; 0;'\n\n    // 메인 도면 스타일\n    const { mainDrawing, mainDrawingThumbnail } = this.buildingLevel\n    const mainDrawingIcon = mainDrawing ? '' : 'upload'\n    const mainDrawingStyle = mainDrawing ? noUploadStyle : ''\n    const mainDrawingLabel = mainDrawingThumbnail ? ' ' : '업로드'\n    const mainDrawingDesc = mainDrawingThumbnail ? ' ' : '평면 파일'\n    const mainDrawingThumbnailStyle = mainDrawingThumbnail ? this._getThumbnailStyle(mainDrawingThumbnail) : ''\n\n    // 입면 도면 스타일\n    const { elevationDrawing, elevationDrawingThumbnail } = this.buildingLevel\n    const elevationDrawingIcon = elevationDrawing ? '' : 'upload'\n    const elevationDrawingLabel = elevationDrawingThumbnail ? ' ' : '업로드'\n    const elevationDrawingDesc = elevationDrawingThumbnail ? ' ' : '입면 파일'\n    const elevationDrawingStyle = elevationDrawing ? noUploadStyle : ''\n    const elevationDrawingThumbnailStyle = elevationDrawingThumbnail ? this._getThumbnailStyle(elevationDrawingThumbnail) : ''\n\n    // 철근배근도 도면 스타일\n    const { rebarDistributionDrawing, rebarDistributionDrawingThumbnail } = this.buildingLevel\n    const rebarDistributionDrawingIcon = rebarDistributionDrawing ? '' : 'upload'\n    const rebarDistributionDrawingStyle = rebarDistributionDrawing ? noUploadStyle : ''\n    const rebarDistributionDrawingLabel = rebarDistributionDrawingThumbnail ? ' ' : '업로드'\n    const rebarDistributionDrawingDesc = rebarDistributionDrawingThumbnail ? ' ' : '철근배근도 파일'\n    const rebarDistributionDrawingThumbnailStyle = rebarDistributionDrawingThumbnail\n      ? this._getThumbnailStyle(rebarDistributionDrawingThumbnail)\n      : ''\n\n    // 기타 도면 스타일\n    const { etcDrawings } = this.buildingLevel\n\n    return html`\n      <div body>\n        <div input-container>\n          <ox-input-file\n            name=\"mainDrawing\"\n            .value=${mainDrawing || undefined}\n            icon=${mainDrawingIcon}\n            label=${mainDrawingLabel}\n            description=${mainDrawingDesc}\n            @change=${this._onChangeAttachment.bind(this)}\n            style=\"${mainDrawingStyle + mainDrawingThumbnailStyle}\"\n          ></ox-input-file>\n\n          <ox-input-file\n            name=\"elevationDrawing\"\n            .value=${elevationDrawing || undefined}\n            icon=${elevationDrawingIcon}\n            label=${elevationDrawingLabel}\n            description=${elevationDrawingDesc}\n            @change=${this._onChangeAttachment.bind(this)}\n            style=\"${elevationDrawingStyle + elevationDrawingThumbnailStyle}\"\n          ></ox-input-file>\n\n          <ox-input-file\n            name=\"rebarDistributionDrawing\"\n            .value=${rebarDistributionDrawing || undefined}\n            icon=${rebarDistributionDrawingIcon}\n            label=${rebarDistributionDrawingLabel}\n            description=${rebarDistributionDrawingDesc}\n            @change=${this._onChangeAttachment.bind(this)}\n            style=\"${rebarDistributionDrawingStyle + rebarDistributionDrawingThumbnailStyle}\"\n          ></ox-input-file>\n        </div>\n\n        <div etc-drawing-container>\n          <ox-input-file\n            name=\"etcDrawings\"\n            accept=\"*/*\"\n            multiple=\"true\"\n            hide-filelist\n            icon=\"upload\"\n            label=\"업로드\"\n            description=\"기타 파일\"\n            @change=${this._onChangeAttachment.bind(this)}\n          ></ox-input-file>\n\n          ${etcDrawings?.map(\n            (drawing, index) => html`\n              <div file-box>\n                <md-icon slot=\"icon\" outline>files</md-icon>\n                <span file-name>${drawing.name}</span>\n                <button delete-btn @click=${() => this._deleteDrawing(index)}>X</button>\n              </div>\n            `\n          )}\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          <md-filled-button @click=${this._openExportPopup}\n            ><md-icon slot=\"icon\" outline>archive</md-icon>파일 내보내기</md-filled-button\n          >\n        </div>\n      </div>\n    `\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  // 이미지 업로드\n  async _onChangeAttachment(e: CustomEvent) {\n    const target = e.target as HTMLInputElement\n    const isMultiple = target.getAttribute('multiple') === 'true'\n\n    // multiple 속성이 있으면 배열로 처리\n    if (isMultiple) {\n      const originFiles = this.buildingLevel[target.name] || []\n      const originUploads = this.buildingLevel[`${target.name}Upload`] || []\n      const file = e.detail || []\n      this.buildingLevel[target.name] = [...originFiles, ...file]\n      this.buildingLevel[`${target.name}Upload`] = [...originUploads, ...file]\n    } else {\n      const file = e.detail[0] || null\n      this.buildingLevel[target.name] = file\n      this.buildingLevel[`${target.name}Upload`] = file\n    }\n\n    this.buildingLevel = { ...this.buildingLevel }\n\n    const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx }\n    this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }))\n  }\n\n  private _deleteDrawing(index: number) {\n    if (this.buildingLevel.etcDrawings && Array.isArray(this.buildingLevel.etcDrawings)) {\n      this.buildingLevel.etcDrawings.splice(index, 1)\n      this.buildingLevel = { ...this.buildingLevel }\n\n      const detail = { buildingLevel: this.buildingLevel, selectedIdx: this.selectedIdx }\n      this.dispatchEvent(new CustomEvent('file_change', { bubbles: false, detail: detail }))\n    }\n  }\n\n  private _openExportPopup() {\n    openPopup(html`<popup-plan-export .buildingLevel=${this.buildingLevel}></popup-plan-export>`, {\n      backdrop: true,\n      size: 'medium',\n      title: `도면 내보내기`\n    })\n  }\n\n  private _getThumbnailStyle(path) {\n    return `background: url(${path}); background-size: cover; background-repeat: round; justify-content: flex-end;`\n  }\n}\n"]}

package/dist-client/pages/project/popup/popup-project-create.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import '@material/web/textfield/outlined-text-field.js';
+import '@material/web/button/elevated-button.js';
+export declare class PopupProjectCreate extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private projectName;
+    private refreshFn;
+    render(): import("lit-html").TemplateResult<1>;
+    private _createProject;
+    private _close;
+    private _onInputChange;
+}

package/dist-client/pages/project/popup/popup-project-create.js

@@ -0,0 +1,152 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
+import gql from 'graphql-tag';
+import '@material/web/textfield/outlined-text-field.js';
+import '@material/web/button/elevated-button.js';
+let PopupProjectCreate = class PopupProjectCreate extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.projectName = '';
+    }
+    render() {
+        return html `
+      <div body>
+        <div input-container>
+          <label>프로젝트 이름</label>
+          <md-outlined-text-field
+            name="projectName"
+            type="text"
+            placeholder="신규 프로젝트명"
+            .value=${this.projectName}
+            @input=${this._onInputChange}
+          >
+          </md-outlined-text-field>
+        </div>
+
+        <div button-container>
+          <md-elevated-button @click=${this._createProject}>
+            <md-icon slot="icon">add</md-icon>프로젝트 생성
+          </md-elevated-button>
+          <md-elevated-button @click=${this._close}> <md-icon slot="icon">close</md-icon>취소 </md-elevated-button>
+        </div>
+      </div>
+    `;
+    }
+    // 프로젝트 생성
+    async _createProject() {
+        if (!this.projectName) {
+            notify({ level: 'warn', message: '프로젝트 이름은 필수 값 입니다.' });
+            return;
+        }
+        const response = await client.mutate({
+            mutation: gql `
+        mutation CreateProject($project: NewProject!) {
+          response: createProject(project: $project) {
+            id
+          }
+        }
+      `,
+            variables: {
+                project: {
+                    name: this.projectName
+                }
+            }
+        });
+        if (!response.errors) {
+            notify({ message: '저장되었습니다.' });
+        }
+        // 설정 정보 리스트 다시 조회
+        this.refreshFn();
+        // 팝업 템플릿을 닫기 위한 동작
+        history.back();
+    }
+    _close() {
+        history.back();
+    }
+    // Input 요소의 값이 변경될 때 호출되는 콜백 함수
+    _onInputChange(event) {
+        const target = event.target;
+        this.projectName = target.value;
+    }
+};
+PopupProjectCreate.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+        width: 100%;
+      }
+
+      div[body] {
+        flex: 1;
+
+        label {
+          color: #4e5055;
+          font-size: 16px;
+        }
+
+        div[input-container] {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-top: 22px;
+
+          md-outlined-text-field {
+            width: 60%;
+            margin-left: 15px;
+
+            --md-outlined-text-field-container-shape: 9px;
+            --md-sys-color-primary: #586878;
+            --md-sys-color-surface-container-highest: transparent;
+            --md-outlined-text-field-label-text-color: #999999;
+            --md-outlined-text-field-input-text-line-height: 20px;
+            --md-outlined-text-field-input-text-size: 16px;
+            --md-outlined-field-bottom-space: 10px;
+            --md-outlined-field-top-space: 10px;
+          }
+        }
+
+        div[button-container] {
+          margin-top: 50px;
+          margin-bottom: 20px;
+          text-align: center;
+
+          md-elevated-button {
+            margin: 0px 5px;
+
+            --md-elevated-button-container-height: 40px;
+            --md-elevated-button-container-color: #fff;
+            --md-elevated-button-label-text-size: 16px;
+          }
+          md-elevated-button:first-child {
+            --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;
+          }
+        }
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], PopupProjectCreate.prototype, "projectName", void 0);
+__decorate([
+    property({ type: Function }),
+    __metadata("design:type", Function)
+], PopupProjectCreate.prototype, "refreshFn", void 0);
+PopupProjectCreate = __decorate([
+    customElement('popup-project-create')
+], PopupProjectCreate);
+export { PopupProjectCreate };
+//# sourceMappingURL=popup-project-create.js.map

package/dist-client/pages/project/popup/popup-project-create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-project-create.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-project-create.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,gDAAgD,CAAA;AACvD,OAAO,yCAAyC,CAAA;AAGzC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAmEY,gBAAW,GAAW,EAAE,CAAA;IAsE3C,CAAC;IAnEC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;qBAQM,IAAI,CAAC,WAAW;qBAChB,IAAI,CAAC,cAAc;;;;;;uCAMD,IAAI,CAAC,cAAc;;;uCAGnB,IAAI,CAAC,MAAM;;;KAG7C,CAAA;IACH,CAAC;IAED,UAAU;IACF,KAAK,CAAC,cAAc;QAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtB,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC,CAAA;YACxD,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;OAMZ;YACD,SAAS,EAAE;gBACT,OAAO,EAAE;oBACP,IAAI,EAAE,IAAI,CAAC,WAAW;iBACvB;aACF;SACF,CAAC,CAAA;QAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrB,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAA;QACjC,CAAC;QAED,kBAAkB;QAClB,IAAI,CAAC,SAAS,EAAE,CAAA;QAEhB,mBAAmB;QACnB,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAEO,MAAM;QACZ,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAED,gCAAgC;IACxB,cAAc,CAAC,KAAiB;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAA;QAC/C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IACjC,CAAC;;AAvIM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8DF;CACF,AAhEY,CAgEZ;AAEgB;IAAhB,KAAK,EAAE;;uDAAiC;AACH;IAArC,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;8BAAqB,QAAQ;qDAAA;AApE/C,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAyI9B","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/elevated-button.js'\n\n@customElement('popup-project-create')\nexport class PopupProjectCreate 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        label {\n          color: #4e5055;\n          font-size: 16px;\n        }\n\n        div[input-container] {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          margin-top: 22px;\n\n          md-outlined-text-field {\n            width: 60%;\n            margin-left: 15px;\n\n            --md-outlined-text-field-container-shape: 9px;\n            --md-sys-color-primary: #586878;\n            --md-sys-color-surface-container-highest: transparent;\n            --md-outlined-text-field-label-text-color: #999999;\n            --md-outlined-text-field-input-text-line-height: 20px;\n            --md-outlined-text-field-input-text-size: 16px;\n            --md-outlined-field-bottom-space: 10px;\n            --md-outlined-field-top-space: 10px;\n          }\n        }\n\n        div[button-container] {\n          margin-top: 50px;\n          margin-bottom: 20px;\n          text-align: center;\n\n          md-elevated-button {\n            margin: 0px 5px;\n\n            --md-elevated-button-container-height: 40px;\n            --md-elevated-button-container-color: #fff;\n            --md-elevated-button-label-text-size: 16px;\n          }\n          md-elevated-button:first-child {\n            --md-elevated-button-container-color: #0595e5;\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  ]\n\n  @state() private projectName: string = ''\n  @property({ type: Function }) private refreshFn!: Function\n\n  render() {\n    return html`\n      <div body>\n        <div input-container>\n          <label>프로젝트 이름</label>\n          <md-outlined-text-field\n            name=\"projectName\"\n            type=\"text\"\n            placeholder=\"신규 프로젝트명\"\n            .value=${this.projectName}\n            @input=${this._onInputChange}\n          >\n          </md-outlined-text-field>\n        </div>\n\n        <div button-container>\n          <md-elevated-button @click=${this._createProject}>\n            <md-icon slot=\"icon\">add</md-icon>프로젝트 생성\n          </md-elevated-button>\n          <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">close</md-icon>취소 </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  // 프로젝트 생성\n  private async _createProject() {\n    if (!this.projectName) {\n      notify({ level: 'warn', message: '프로젝트 이름은 필수 값 입니다.' })\n      return\n    }\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateProject($project: NewProject!) {\n          response: createProject(project: $project) {\n            id\n          }\n        }\n      `,\n      variables: {\n        project: {\n          name: this.projectName\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '저장되었습니다.' })\n    }\n\n    // 설정 정보 리스트 다시 조회\n    this.refreshFn()\n\n    // 팝업 템플릿을 닫기 위한 동작\n    history.back()\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  // Input 요소의 값이 변경될 때 호출되는 콜백 함수\n  private _onInputChange(event: InputEvent) {\n    const target = event.target as HTMLInputElement\n    this.projectName = target.value\n  }\n}\n"]}

package/dist-client/pages/project/popup/popup-task-upload.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class PopupTaskUpload extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private scheduleTable;
+    private projectId;
+    render(): import("lit-html").TemplateResult<1>;
+    private _close;
+    _onChangeAttachment(e: CustomEvent): Promise<void>;
+}

package/dist-client/pages/project/popup/popup-task-upload.js

@@ -0,0 +1,105 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
+import gql from 'graphql-tag';
+let PopupTaskUpload = class PopupTaskUpload extends LitElement {
+    render() {
+        var _a, _b;
+        const icon = this.scheduleTable ? '' : 'upload';
+        const description = ((_a = this.scheduleTable) === null || _a === void 0 ? void 0 : _a.name) ? ' ' : '공정표 업로드';
+        return html `
+      <div body>
+        <div input-container>
+          <ox-input-file
+            icon=${icon}
+            label=${((_b = this.scheduleTable) === null || _b === void 0 ? void 0 : _b.name) || ''}
+            description=${description}
+            @change=${this._onChangeAttachment.bind(this)}
+          ></ox-input-file>
+        </div>
+
+        <div button-container>
+          <md-outlined-button @click=${this._close}><md-icon slot="icon">cancel</md-icon>취소</md-outlined-button>
+        </div>
+      </div>
+    `;
+    }
+    _close() {
+        history.back();
+    }
+    // 공정표 업로드
+    async _onChangeAttachment(e) {
+        const file = e.detail[0] || null;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation UploadProjectScheduleTable($param: UploadProjectScheduleTable!) {
+          uploadProjectScheduleTable(param: $param)
+        }
+      `,
+            variables: {
+                param: {
+                    projectId: this.projectId,
+                    scheduleTable: file
+                }
+            },
+            context: {
+                hasUpload: true
+            }
+        });
+        if (!response.errors) {
+            notify({ message: '공정표가 업로드 되었습니다.' });
+            this.dispatchEvent(new CustomEvent('uploaded'));
+        }
+    }
+};
+PopupTaskUpload.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+        width: 100%;
+      }
+
+      div[body] {
+        flex: 1;
+
+        div[input-container] {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 25px;
+          background-color: #f7f7f7;
+          padding: 35px 27px 27px 27px;
+
+          ox-input-file {
+            height: 100px;
+            width: 120px;
+            line-height: 100%;
+          }
+        }
+
+        div[button-container] {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-top: 20px;
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], PopupTaskUpload.prototype, "scheduleTable", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], PopupTaskUpload.prototype, "projectId", void 0);
+PopupTaskUpload = __decorate([
+    customElement('popup-task-upload')
+], PopupTaskUpload);
+export { PopupTaskUpload };
+//# sourceMappingURL=popup-task-upload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-task-upload.js","sourceRoot":"","sources":["../../../../client/pages/project/popup/popup-task-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,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAyC7C,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,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCF;CACF,AAnCY,CAmCZ;AAEmC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAA8C;AACrC;IAAnC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAsC;AAvCtD,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA6F3B","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-task-upload')\nexport class PopupTaskUpload 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-completed-list.d.ts

@@ -0,0 +1,23 @@
+import '@material/web/icon/icon.js';
+import { PageView } from '@operato/shell';
+import './component/pagenation';
+declare const ProjectCompletedListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class ProjectCompletedListPage extends ProjectCompletedListPage_base {
+    static styles: import("lit").CSSResult[];
+    get context(): {
+        title: string;
+    };
+    private projectName;
+    private projectList;
+    private projectCount;
+    private currentPage;
+    private readonly pageLimit;
+    get totalPages(): number;
+    render(): import("lit-html").TemplateResult<1>;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    getProjectList(): Promise<void>;
+    private _onInputChange;
+    private _onKeypress;
+    private _changePage;
+}
+export {};