@dssp/supervision 1.0.0-alpha.9 → 1.0.0-y.0

package/dist-client/graphql/building-inspection.d.ts

@@ -0,0 +1 @@
+export declare function getBuildingInspectionForChecklist(buildingInspectionId?: string): Promise<any>;

package/dist-client/graphql/building-inspection.js

@@ -0,0 +1,100 @@
+import { client } from '@operato/graphql';
+import { gql } from '@apollo/client';
+export async function getBuildingInspectionForChecklist(buildingInspectionId = '') {
+    if (!buildingInspectionId)
+        return null;
+    const response = await client.query({
+        query: gql `
+      query BuildingInspection($buildingInspectionId: String!) {
+        buildingInspection(id: $buildingInspectionId) {
+          id
+          status
+          requestDate
+          memo
+          checklist {
+            id
+            name
+            constructionType
+            constructionDetailType
+            location
+            inspectionParts
+            documentNo
+            inspectionRequestDocumentNo
+            inspectionRequestMemo
+            inspectionRequestUpdatedAt
+            inspectionResultDocumentNo
+            inspectionResultStatus
+            inspectionResultType
+            inspectionResultMemo
+            inspectionResultUpdatedAt
+            constructionInspectionDate
+            supervisorInspectionDate
+            overallConstructorSignature
+            taskConstructorSignature
+            overallSupervisorySignature
+            taskSupervisorySignature
+            nameListAttachment {
+              id
+              name
+              fullpath
+            }
+            taskConstructor {
+              id
+              name
+            }
+            overallConstructor {
+              id
+              name
+            }
+            taskSupervisory {
+              id
+              name
+            }
+            overallSupervisory {
+              id
+              name
+            }
+
+            checklistItems {
+              id
+              name
+              sequence
+              mainType
+              detailType
+              inspctionCriteria
+              constructionConfirmStatus
+              supervisoryConfirmStatus
+              checklistItemCommentCount
+              checklistItemAttachmentCount
+            }
+          }
+
+          buildingLevel {
+            id
+            floor
+
+            building {
+              id
+              buildingComplex {
+                id
+                overallConstructorEmails
+                taskConstructorEmails
+                overallSupervisoryEmails
+                taskSupervisoryEmails
+                supervisoryCompany
+                constructionCompany
+              }
+            }
+          }
+        }
+      }
+    `,
+        variables: {
+            buildingInspectionId
+        }
+    });
+    if (response.errors)
+        return null;
+    return response.data.buildingInspection;
+}
+//# sourceMappingURL=building-inspection.js.map

package/dist-client/graphql/building-inspection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-inspection.js","sourceRoot":"","sources":["../../client/graphql/building-inspection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,KAAK,UAAU,iCAAiC,CAAC,uBAA+B,EAAE;IACvF,IAAI,CAAC,oBAAoB;QAAE,OAAO,IAAI,CAAA;IAEtC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoFT;QACD,SAAS,EAAE;YACT,oBAAoB;SACrB;KACF,CAAC,CAAA;IAEF,IAAI,QAAQ,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAEhC,OAAO,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAA;AACzC,CAAC","sourcesContent":["import { client } from '@operato/graphql'\nimport { gql } from '@apollo/client'\n\nexport async function getBuildingInspectionForChecklist(buildingInspectionId: string = '') {\n  if (!buildingInspectionId) return null\n\n  const response = await client.query({\n    query: gql`\n      query BuildingInspection($buildingInspectionId: String!) {\n        buildingInspection(id: $buildingInspectionId) {\n          id\n          status\n          requestDate\n          memo\n          checklist {\n            id\n            name\n            constructionType\n            constructionDetailType\n            location\n            inspectionParts\n            documentNo\n            inspectionRequestDocumentNo\n            inspectionRequestMemo\n            inspectionRequestUpdatedAt\n            inspectionResultDocumentNo\n            inspectionResultStatus\n            inspectionResultType\n            inspectionResultMemo\n            inspectionResultUpdatedAt\n            constructionInspectionDate\n            supervisorInspectionDate\n            overallConstructorSignature\n            taskConstructorSignature\n            overallSupervisorySignature\n            taskSupervisorySignature\n            nameListAttachment {\n              id\n              name\n              fullpath\n            }\n            taskConstructor {\n              id\n              name\n            }\n            overallConstructor {\n              id\n              name\n            }\n            taskSupervisory {\n              id\n              name\n            }\n            overallSupervisory {\n              id\n              name\n            }\n\n            checklistItems {\n              id\n              name\n              sequence\n              mainType\n              detailType\n              inspctionCriteria\n              constructionConfirmStatus\n              supervisoryConfirmStatus\n              checklistItemCommentCount\n              checklistItemAttachmentCount\n            }\n          }\n\n          buildingLevel {\n            id\n            floor\n\n            building {\n              id\n              buildingComplex {\n                id\n                overallConstructorEmails\n                taskConstructorEmails\n                overallSupervisoryEmails\n                taskSupervisoryEmails\n                supervisoryCompany\n                constructionCompany\n              }\n            }\n          }\n        }\n      }\n    `,\n    variables: {\n      buildingInspectionId\n    }\n  })\n\n  if (response.errors) return null\n\n  return response.data.buildingInspection\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.d.ts

@@ -0,0 +1,22 @@
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-switch.js';
+import '@operato/mini-map/ox-zoomable-image.js';
+import '@material/web/progress/circular-progress.js';
+import { PropertyValues } from 'lit';
+import { PageView } from '@operato/shell';
+import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
+import './component/building-inspection-detail-header';
+export declare class BuildingInspectionAiDefect extends PageView {
+    static styles: import("lit").CSSResult[];
+    project: any;
+    buildingInspection: any;
+    buildingInspectionId: string;
+    get context(): {
+        title: string;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    protected updated(changes: PropertyValues): Promise<void>;
+    pageUpdated(changes: any, lifecycle: PageLifecycle): Promise<void>;
+    initBuildingInspection(buildingInspectionId?: string): Promise<void>;
+    private _getProjectByBuildingComplexId;
+}

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.js

@@ -0,0 +1,169 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-switch.js';
+import '@operato/mini-map/ox-zoomable-image.js';
+import '@material/web/progress/circular-progress.js';
+import gql from 'graphql-tag';
+import { css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { PageView } from '@operato/shell';
+import { CommonGristStyles, ScrollbarStyles } from '@operato/styles';
+import { client } from '@operato/graphql';
+import './component/building-inspection-detail-header';
+let BuildingInspectionAiDefect = class BuildingInspectionAiDefect extends PageView {
+    constructor() {
+        super(...arguments);
+        this.project = {};
+        this.buildingInspection = {};
+        this.buildingInspectionId = '';
+    }
+    get context() {
+        return {
+            title: '검측 관리 상세 - AI 하자 분석'
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return html `
+      <building-inspection-detail-header
+        .buildingInspectionId=${(_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.id}
+        .buildingLevelId=${(_c = (_b = this.buildingInspection) === null || _b === void 0 ? void 0 : _b.buildingLevel) === null || _c === void 0 ? void 0 : _c.id}
+        .projectName=${this.project.name}
+        .buildingName=${(_f = (_e = (_d = this.buildingInspection) === null || _d === void 0 ? void 0 : _d.buildingLevel) === null || _e === void 0 ? void 0 : _e.building) === null || _f === void 0 ? void 0 : _f.name}
+        .buildingLevelFloor=${(_h = (_g = this.buildingInspection) === null || _g === void 0 ? void 0 : _g.buildingLevel) === null || _h === void 0 ? void 0 : _h.floor}
+      ></building-inspection-detail-header>
+
+      <div body>
+        <div preview>
+          <video src="/attachment/21e53688-5262-4fae-961a-591db7114b75.mp4" controls playsinline></video>
+        </div>
+      </div>
+    `;
+    }
+    async updated(changes) { }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.buildingInspectionId = lifecycle.resourceId || '';
+            await this.initBuildingInspection(this.buildingInspectionId);
+        }
+    }
+    async initBuildingInspection(buildingInspectionId = '') {
+        var _a, _b, _c, _d;
+        const response = await client.query({
+            query: gql `
+        query BuildingInspection($buildingInspectionId: String!) {
+          buildingInspection(id: $buildingInspectionId) {
+            id
+            status
+            requestDate
+            drawingMarker
+            checklist {
+              id
+              location
+              inspectionDrawingType
+            }
+            buildingLevel {
+              id
+              floor
+              mainDrawing {
+                id
+                name
+                fullpath
+              }
+              mainDrawingImage
+              building {
+                id
+                name
+                buildingComplex {
+                  id
+                }
+              }
+            }
+          }
+        }
+      `,
+            variables: {
+                buildingInspectionId
+            }
+        });
+        if (response.errors)
+            return;
+        this.buildingInspection = response.data.buildingInspection;
+        await this._getProjectByBuildingComplexId((_d = (_c = (_b = (_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.buildingLevel) === null || _b === void 0 ? void 0 : _b.building) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.id);
+    }
+    async _getProjectByBuildingComplexId(buildingComplexId) {
+        const response = await client.query({
+            query: gql `
+        query ProjectByBuildingComplexId($buildingComplexId: String!) {
+          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {
+            id
+            name
+          }
+        }
+      `,
+            variables: {
+                buildingComplexId
+            }
+        });
+        if (response.errors)
+            return;
+        this.project = response.data.project;
+    }
+};
+BuildingInspectionAiDefect.styles = [
+    ScrollbarStyles,
+    CommonGristStyles,
+    css `
+      :host {
+        display: grid;
+        grid-template-rows: 75px 1fr;
+        color: #4e5055;
+        width: 100%;
+        height: 100%;
+        background-color: #f7f7f7;
+      }
+
+      div[body] {
+        display: flex;
+        justify-items: center;
+        gap: var(--spacing-medium);
+        margin: var(--spacing-medium);
+        min-height: 0;
+      }
+
+      div[preview] {
+        flex: 1;
+        border: 2px solid #ddd;
+        border-radius: 10px;
+
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-height: 0;
+        overflow: hidden;
+      }
+
+      div[preview] video {
+        max-width: 100%;
+        max-height: 100%;
+        object-fit: contain;
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionAiDefect.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionAiDefect.prototype, "buildingInspection", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionAiDefect.prototype, "buildingInspectionId", void 0);
+BuildingInspectionAiDefect = __decorate([
+    customElement('building-inspection-detail-ai-defect')
+], BuildingInspectionAiDefect);
+export { BuildingInspectionAiDefect };
+//# sourceMappingURL=building-inspection-detail-ai-defect.js.map

package/dist-client/pages/building-inspection/building-inspection-detail-ai-defect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-inspection-detail-ai-defect.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-ai-defect.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,wCAAwC,CAAA;AAC/C,OAAO,6CAA6C,CAAA;AAEpD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAS,MAAM,mBAAmB,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEpE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,+CAA+C,CAAA;AAG/C,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,QAAQ;IAAjD;;QA0CI,YAAO,GAAQ,EAAE,CAAA;QACjB,uBAAkB,GAAQ,EAAE,CAAA;QAC5B,yBAAoB,GAAW,EAAE,CAAA;IAoG5C,CAAC;IAlGC,IAAI,OAAO;QACT,OAAO;YACL,KAAK,EAAE,qBAAqB;SAC7B,CAAA;IACH,CAAC;IAED,MAAM;;QACJ,OAAO,IAAI,CAAA;;gCAEiB,MAAA,IAAI,CAAC,kBAAkB,0CAAE,EAAE;2BAChC,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,aAAa,0CAAE,EAAE;uBAC9C,IAAI,CAAC,OAAO,CAAC,IAAI;wBAChB,MAAA,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,aAAa,0CAAE,QAAQ,0CAAE,IAAI;8BAChD,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,aAAa,0CAAE,KAAK;;;;;;;;KAQtE,CAAA;IACH,CAAC;IAES,KAAK,CAAC,OAAO,CAAC,OAAuB,IAAkB,CAAC;IAElE,KAAK,CAAC,WAAW,CAAC,OAAY,EAAE,SAAwB;QACtD,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,oBAAoB,GAAG,SAAS,CAAC,UAAU,IAAI,EAAE,CAAA;YACtD,MAAM,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAA;QAC9D,CAAC;IACH,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,uBAA+B,EAAE;;QAC5D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA+BT;YACD,SAAS,EAAE;gBACT,oBAAoB;aACrB;SACF,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM;YAAE,OAAM;QAE3B,IAAI,CAAC,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAA;QAE1D,MAAM,IAAI,CAAC,8BAA8B,CAAC,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,aAAa,0CAAE,QAAQ,0CAAE,eAAe,0CAAE,EAAE,CAAC,CAAA;IAClH,CAAC;IAEO,KAAK,CAAC,8BAA8B,CAAC,iBAAiB;QAC5D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;OAOT;YACD,SAAS,EAAE;gBACT,iBAAiB;aAClB;SACF,CAAC,CAAA;QAEF,IAAI,QAAQ,CAAC,MAAM;YAAE,OAAM;QAE3B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAA;IACtC,CAAC;;AA9IM,iCAAM,GAAG;IACd,eAAe;IACf,iBAAiB;IACjB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCF;CACF,AAvCY,CAuCZ;AAEQ;IAAR,KAAK,EAAE;;2DAAkB;AACjB;IAAR,KAAK,EAAE;;sEAA6B;AAC5B;IAAR,KAAK,EAAE;;wEAAkC;AA5C/B,0BAA0B;IADtC,aAAa,CAAC,sCAAsC,CAAC;GACzC,0BAA0B,CAgJtC","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-switch.js'\nimport '@operato/mini-map/ox-zoomable-image.js'\nimport '@material/web/progress/circular-progress.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, state, query } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\n\nimport './component/building-inspection-detail-header'\n\n@customElement('building-inspection-detail-ai-defect')\nexport class BuildingInspectionAiDefect extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px 1fr;\n        color: #4e5055;\n        width: 100%;\n        height: 100%;\n        background-color: #f7f7f7;\n      }\n\n      div[body] {\n        display: flex;\n        justify-items: center;\n        gap: var(--spacing-medium);\n        margin: var(--spacing-medium);\n        min-height: 0;\n      }\n\n      div[preview] {\n        flex: 1;\n        border: 2px solid #ddd;\n        border-radius: 10px;\n\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      div[preview] video {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - AI 하자 분석'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <div preview>\n          <video src=\"/attachment/21e53688-5262-4fae-961a-591db7114b75.mp4\" controls playsinline></video>\n        </div>\n      </div>\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              id\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.d.ts

@@ -0,0 +1,57 @@
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-switch.js';
+import '@operato/mini-map/ox-zoomable-image.js';
+import '@material/web/progress/circular-progress.js';
+import { PropertyValues } from 'lit';
+import { PageView } from '@operato/shell';
+import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
+import './component/building-inspection-detail-header';
+export declare class BuildingInspectionAiMeasurement extends PageView {
+    static styles: import("lit").CSSResult[];
+    private KEYPOINT_RULER_API_BASE_URL;
+    project: any;
+    buildingInspection: any;
+    buildingInspectionId: string;
+    capturedVideoUrl: string | null;
+    videoFile: File | null;
+    frame: any | null;
+    analyzing: boolean;
+    selectedPoints: {
+        x1: number | null;
+        y1: number | null;
+        x2: number | null;
+        y2: number | null;
+    };
+    frameNaturalWidth: number;
+    frameNaturalHeight: number;
+    displayedImageRect: {
+        width: number;
+        height: number;
+        left: number;
+        top: number;
+    } | null;
+    distance: number | null;
+    unit: string | null;
+    analyzingError: string | null;
+    private frameImageEl;
+    private imageWrapperEl;
+    private cameraInputEl;
+    get context(): {
+        title: string;
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    protected updated(changes: PropertyValues): Promise<void>;
+    pageUpdated(changes: any, lifecycle: PageLifecycle): Promise<void>;
+    initBuildingInspection(buildingInspectionId?: string): Promise<void>;
+    private _getProjectByBuildingComplexId;
+    private _onVideoSelected;
+    private _onAnalyzeVideo;
+    private _onRetry;
+    private _onImageLoad;
+    private _onImageClick;
+    private _hasTwoPoints;
+    private _renderMarkers;
+    private _onAnalyzePhoto;
+    _savePhoto(): Promise<any>;
+    getCurrentImage(): Promise<File>;
+}