@dssp/supervision 0.0.35 → 1.0.0-alpha.0

package/dist-client/pages/building-inspection/building-inspection-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-list.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html, TemplateResult } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\nimport './inspection-create-popup'\nimport '@operato/event-view/ox-event-view.js'\nimport { InspectionEventProvider } from './component/inspection-event-provider'\nimport { EventProvider } from '@operato/event-view'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\nexport enum BuildingInspectionStatus {\n  WAIT = 'WAIT',\n  OVERALL_WAIT = 'OVERALL_WAIT',\n  REQUEST = 'REQUEST',\n  OVERALL_REQUEST = 'OVERALL_REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS_DISPLAY = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.OVERALL_REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.PASS]: '합격',\n  [BuildingInspectionStatus.FAIL]: '불합격'\n}\n\n@customElement('building-inspection-list')\nexport class BuildingInspectionList extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 55px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n        --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n        --md-sys-color-outline: rgba(51,51,51,.20);\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n        margin-bottom:var(--spacing-small, 5px);\n      }\n\n      div[header] h2 {\n        flex: 0.5;\n        color: #3f71a0;\n        font-size:18px;\n      }\n\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top:0;\n        gap: var(--spacing-medium, 8px);\n        min-height: fit-content;\n        overflow-x: hidden;\n      }\n\n      div[body] h3 {\n        color: #2e79be;\n        font-size: 16px;\n        margin: 0px;\n      }\n\n      div[body] > div {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        border-radius: 5px;\n      }\n\n      div[top] {\n        flex: 1;\n\n        display: flex;\n        background-color: #f7f7f7;\n      }\n\n      div[drawing] {\n        flex: 1;\n        border: 1px solid #cccccc80;\n        background-color: var(--md-sys-color-on-primary);\n        padding: var(--spacing-large, 12px);\n        border-radius: 5px;\n\n        img {\n          width: 100%;\n\n          display: block;\n          object-fit: contain;\n          object-position: center;\n        }\n      }\n\n      div[inspection-container] {\n        flex: 1;\n        gap: var(--spacing-medium, 8px);\n\n        display: flex;\n        flex-direction: column;\n\n        div[inspection] {\n          display: grid;\n          grid-template-columns: 90px 1fr 1fr 1fr 1fr;\n          background: #ebc8321a;\n          border-radius: 5px;\n          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            span::before{\n              display: inline-block;\n              position: relative;\n              content: \"\";\n              width: 10px;\n              height: 10px;\n              border-radius: 6px;\n              top: -1px;\n              margin-right: 2px;\n            }\n\n            span[status='wait']::before{\n              background-color: #4e5055;\n            }\n            span[status='request']::before {\n              background-color: #3395f1;\n            }\n            span[status='pass']::before {\n              background-color: #1bb401;\n            }\n            span[status='fail']::before {\n              background-color: #ff4444;\n            }\n            span[dot] {\n              font-size: 1.3em;\n            }\n          }\n          & > div[name] {\n            flex-direction: row;\n            text-align: right;\n            gap: var(--spacing-small, 4px);\n            padding-right:var(--spacing-large, 12px);\n            border-right: 2px dotted #ccc;\n            max-width: 100%;\n            line-height:1.3; \n\n            md-icon {\n              width: 40px;\n              height: 40px;\n              border-radius: 5px;\n              color: #fff;\n              background: #f16154;\n            }\n          }\n        }\n      }\n\n      ox-event-view {\n        flex: 1;\n      }\n\n      div[bottom] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        min-height: 300px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() buildingLevelId: string = ''\n  @state() project: any = { ...this.defaultProject }\n  @state() location: string = ''\n  @state() building: any = {}\n  @state() drawingImage: string = ''\n  @state() buildingInspectionSummary: any = {}\n  @state() calendarData?: EventProvider\n\n  @query('ox-grist') private grist!: DataGrist\n  @query('ox-event-view') private eventView!: HTMLElement\n\n  get context() {\n    return {\n      title: '검측 관리',\n      actions: [\n        {\n          title: '검측 등록',\n          action: this._openCreateInspection.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name}</h2>\n      </div>\n\n      <div body>\n        <div top>\n          <div drawing>\n            <h3>도면: ${this.location}</h3>\n            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          </div>\n\n          <div inspection-container>\n            <div inspection>\n              <div name bold>\n                <md-icon slot=\"icon\">fact_check</md-icon>\n                검측 현황\n              </div>\n\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>\n                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>\n                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>\n                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>\n                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}\n                </span>\n              </div>\n            </div>\n\n            <ox-event-view\n              .mode=${'monthly'}\n              .eventProvider=${this.calendarData}\n              @select-date=${(e: CustomEvent) => {\n                console.log('select-date', e.detail)\n              }}\n            >\n            </ox-event-view>\n          </div>\n        </div>\n\n        <div bottom>\n          <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingLevelId = lifecycle.resourceId || ''\n\n      await this.initProject(this.buildingLevelId)\n      this.grist.fetch()\n    }\n  }\n\n  async initProject(buildingLevelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingLevelId($buildingLevelId: String!) {\n          projectByBuildingLevelId(buildingLevelId: $buildingLevelId) {\n            id\n            name\n            mainPhoto {\n              fullpath\n            }\n            buildingComplex {\n              id\n              drawing {\n                id\n                name\n                fullpath\n              }\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.projectByBuildingLevelId\n    this.buildingInspectionSummary = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    this.calendarData = new InspectionEventProvider(buildingLevelId)\n\n    // 캘린더 최소 높이 속성 수정\n    this.eventView.style.setProperty('--calendar-monthly-date-min-height', '50px')\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'location',\n          header: '위치',\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'constructionType',\n          header: '공종',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'inspectionParts',\n          header: '검측 부위',\n          record: {\n            renderer: value => value?.join(', ') || ''\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'requestDate',\n          header: '검측 요청일',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'status',\n          header: '검측 결과',\n          record: {\n            renderer: value => BUILDING_INSPECTION_STATUS_DISPLAY[value]\n          },\n          width: 120\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        appendable: false,\n        handlers: {\n          click: (columns, data, column, record, rowIndex) => {\n            navigate(`building-inspection-detail-drawing/${record.id}`)\n          }\n        }\n      },\n      sorters: [{ name: 'requestDate' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (!this.buildingLevelId) return\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!, $buildingLevelId: String!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n              }\n            }\n            total\n          }\n\n          buildingLevel(id: $buildingLevelId) {\n            id\n            floor\n            building {\n              id\n              name\n            }\n            mainDrawing {\n              id\n              name\n              fullpath\n            }\n            mainDrawingImage\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        },\n        buildingLevelId: this.buildingLevelId\n      }\n    })\n\n    let items = response.data?.buildingInspectionsOfBuildingLevel?.items || []\n    items = items.map(item => ({\n      ...item,\n      ...item.checklist,\n      requestDate: this._formatDate(item.requestDate)\n    }))\n    const buildingLevel = response.data?.buildingLevel\n\n    this.location = `${buildingLevel.building.name} ${buildingLevel.floor}층` || ''\n    this.drawingImage = buildingLevel?.mainDrawingImage || ''\n    this.building = buildingLevel?.building || {}\n\n    return {\n      total: response.data?.buildingInspectionsOfBuildingLevel?.total || 0,\n      records: items\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteBuildingInspections(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private _openCreateInspection() {\n    openPopup(\n      html`\n        <inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.building.id}\n          .selectedBuildingLevelId=${this.buildingLevelId}\n          @requestRefresh=\"${() => this.grist.fetch()}\"\n        ></inspection-create-popup>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: '검측 요청서 등록'\n      }\n    )\n  }\n\n  private _formatDate(date: Date | undefined) {\n    return date\n      ? new Intl.DateTimeFormat('en-CA', {\n          timeZone: 'Asia/Seoul',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit'\n        }).format(new Date(date))\n      : ''\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-list.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-list.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, navigate } from '@operato/shell'\nimport { css, html, TemplateResult } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\nimport './inspection-create-popup'\nimport '@operato/event-view/ox-event-view.js'\nimport { InspectionEventProvider } from './component/inspection-event-provider'\nimport { EventProvider } from '@operato/event-view'\n\nexport enum ChecklistTypeMainType {\n  BASIC = '10',\n  NON_BASIC = '20'\n}\nexport const CHECKLIST_MAIN_TYPE_LIST = {\n  [ChecklistTypeMainType.BASIC]: '기본 업무',\n  [ChecklistTypeMainType.NON_BASIC]: '기본 외 업무'\n}\n\nexport enum BuildingInspectionStatus {\n  WAIT = 'WAIT',\n  OVERALL_WAIT = 'OVERALL_WAIT',\n  REQUEST = 'REQUEST',\n  OVERALL_REQUEST = 'OVERALL_REQUEST',\n  PASS = 'PASS',\n  FAIL = 'FAIL'\n}\nexport const BUILDING_INSPECTION_STATUS_DISPLAY = {\n  [BuildingInspectionStatus.WAIT]: '검측 대기',\n  [BuildingInspectionStatus.OVERALL_WAIT]: '검측 대기',\n  [BuildingInspectionStatus.REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.OVERALL_REQUEST]: '검측 요청',\n  [BuildingInspectionStatus.PASS]: '합격',\n  [BuildingInspectionStatus.FAIL]: '불합격'\n}\n\n@customElement('building-inspection-list')\nexport class BuildingInspectionList extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 55px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n        --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n        --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n        margin-bottom: var(--spacing-small, 5px);\n      }\n\n      div[header] h2 {\n        flex: 0.5;\n        color: #3f71a0;\n        font-size: 18px;\n      }\n\n      div[body] {\n        display: flex;\n        flex-direction: column;\n        margin: var(--spacing-large, 12px);\n        margin-top: 0;\n        gap: var(--spacing-medium, 8px);\n        min-height: fit-content;\n        overflow-x: hidden;\n      }\n\n      div[body] h3 {\n        color: #2e79be;\n        font-size: 16px;\n        margin: 0px;\n      }\n\n      div[body] > div {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n        border-radius: 5px;\n      }\n\n      div[top] {\n        flex: 1;\n\n        display: flex;\n        background-color: #f7f7f7;\n      }\n\n      div[drawing] {\n        flex: 1;\n        border: 1px solid #cccccc80;\n        background-color: var(--md-sys-color-on-primary);\n        padding: var(--spacing-large, 12px);\n        border-radius: 5px;\n\n        img {\n          width: 100%;\n\n          display: block;\n          object-fit: contain;\n          object-position: center;\n        }\n      }\n\n      div[inspection-container] {\n        flex: 1;\n        gap: var(--spacing-medium, 8px);\n\n        display: flex;\n        flex-direction: column;\n\n        div[inspection] {\n          display: grid;\n          grid-template-columns: 90px 1fr 1fr 1fr 1fr;\n          background: #ebc8321a;\n          border-radius: 5px;\n          padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n\n            span::before {\n              display: inline-block;\n              position: relative;\n              content: '';\n              width: 10px;\n              height: 10px;\n              border-radius: 6px;\n              top: -1px;\n              margin-right: 2px;\n            }\n\n            span[status='wait']::before {\n              background-color: #4e5055;\n            }\n            span[status='request']::before {\n              background-color: #3395f1;\n            }\n            span[status='pass']::before {\n              background-color: #1bb401;\n            }\n            span[status='fail']::before {\n              background-color: #ff4444;\n            }\n            span[dot] {\n              font-size: 1.3em;\n            }\n          }\n          & > div[name] {\n            flex-direction: row;\n            text-align: right;\n            gap: var(--spacing-small, 4px);\n            padding-right: var(--spacing-large, 12px);\n            border-right: 2px dotted #ccc;\n            max-width: 100%;\n            line-height: 1.3;\n\n            md-icon {\n              width: 40px;\n              height: 40px;\n              border-radius: 5px;\n              color: #fff;\n              background: #f16154;\n            }\n          }\n        }\n      }\n\n      ox-event-view {\n        flex: 1;\n      }\n\n      div[bottom] {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        min-height: 300px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      buildings: []\n    }\n  }\n\n  @state() private gristConfig: any\n  @state() buildingLevelId: string = ''\n  @state() project: any = { ...this.defaultProject }\n  @state() location: string = ''\n  @state() building: any = {}\n  @state() drawingImage: string = ''\n  @state() buildingInspectionSummary: any = {}\n  @state() calendarData?: EventProvider\n\n  @query('ox-grist') private grist!: DataGrist\n  @query('ox-event-view') private eventView!: HTMLElement\n\n  get context() {\n    return {\n      title: '검측 관리',\n      actions: [\n        {\n          title: '검측 등록',\n          action: this._openCreateInspection.bind(this),\n          ...CommonButtonStyles.submit\n        },\n        {\n          title: '삭제',\n          action: this._deleteChecklistType.bind(this),\n          ...CommonButtonStyles.delete\n        }\n      ]\n    }\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name}</h2>\n      </div>\n\n      <div body>\n        <div top>\n          <div drawing>\n            <h3>도면: ${this.location}</h3>\n            <img src=${this.drawingImage || '/assets/images/img-drawing-default.png'} />\n          </div>\n\n          <div inspection-container>\n            <div inspection>\n              <div name bold>\n                <md-icon slot=\"icon\">fact_check</md-icon>\n                검측 현황\n              </div>\n\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.WAIT]}</label>\n                <span bold status=${BuildingInspectionStatus.WAIT.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.WAIT.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.REQUEST]}</label>\n                <span bold status=${BuildingInspectionStatus.REQUEST.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.REQUEST.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.PASS]}</label>\n                <span bold status=${BuildingInspectionStatus.PASS.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.PASS.toLowerCase()]}\n                </span>\n              </div>\n              <div>\n                <label>${BUILDING_INSPECTION_STATUS_DISPLAY[BuildingInspectionStatus.FAIL]}</label>\n                <span bold status=${BuildingInspectionStatus.FAIL.toLowerCase()}>\n                  ${this.buildingInspectionSummary[BuildingInspectionStatus.FAIL.toLowerCase()]}\n                </span>\n              </div>\n            </div>\n\n            <ox-event-view\n              .mode=${'monthly'}\n              .eventProvider=${this.calendarData}\n              @select-date=${(e: CustomEvent) => {\n                // TODO 선택된 날짜의 검측데이터만 그리드에 보여야함\n                console.log('select-date', e.detail)\n              }}\n            >\n            </ox-event-view>\n          </div>\n        </div>\n\n        <div bottom>\n          <ox-grist .mode=${'GRID'} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingLevelId = lifecycle.resourceId || ''\n\n      await this.initProject(this.buildingLevelId)\n      this.grist.fetch()\n    }\n  }\n\n  async initProject(buildingLevelId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingLevelId($buildingLevelId: String!) {\n          projectByBuildingLevelId(buildingLevelId: $buildingLevelId) {\n            id\n            name\n            mainPhoto {\n              fullpath\n            }\n            buildingComplex {\n              id\n              drawing {\n                id\n                name\n                fullpath\n              }\n              buildings {\n                id\n                name\n              }\n            }\n          }\n\n          buildingInspectionSummaryOfBuildingLevel(buildingLevelId: $buildingLevelId) {\n            wait\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        buildingLevelId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.projectByBuildingLevelId\n    this.buildingInspectionSummary = response.data?.buildingInspectionSummaryOfBuildingLevel\n\n    this.calendarData = new InspectionEventProvider(buildingLevelId)\n\n    // 캘린더 최소 높이 속성 수정\n    this.eventView.style.setProperty('--calendar-monthly-date-min-height', '50px')\n  }\n\n  async pageInitialized(lifecycle: any) {\n    this.gristConfig = {\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'location',\n          header: '위치',\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'constructionType',\n          header: '공종',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'inspectionParts',\n          header: '검측 부위',\n          record: {\n            renderer: value => value?.join(', ') || ''\n          },\n          width: 200\n        },\n        {\n          type: 'string',\n          name: 'requestDate',\n          header: '검측 요청일',\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'status',\n          header: '검측 결과',\n          record: {\n            renderer: value => BUILDING_INSPECTION_STATUS_DISPLAY[value]\n          },\n          width: 120\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        appendable: false,\n        handlers: {\n          click: (columns, data, column, record, rowIndex) => {\n            navigate(`building-inspection-detail-drawing/${record.id}`)\n          }\n        }\n      },\n      sorters: [{ name: 'requestDate' }]\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    if (!this.buildingLevelId) return\n\n    const response = await client.query({\n      query: gql`\n        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!, $buildingLevelId: String!) {\n          buildingInspectionsOfBuildingLevel(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              checklist {\n                checklistId: id\n                name\n                constructionType\n                constructionDetailType\n                location\n                inspectionParts\n              }\n            }\n            total\n          }\n\n          buildingLevel(id: $buildingLevelId) {\n            id\n            floor\n            building {\n              id\n              name\n            }\n            mainDrawing {\n              id\n              name\n              fullpath\n            }\n            mainDrawingImage\n          }\n        }\n      `,\n      variables: {\n        params: {\n          buildingLevelId: this.buildingLevelId,\n          limit: 0\n        },\n        buildingLevelId: this.buildingLevelId\n      }\n    })\n\n    let items = response.data?.buildingInspectionsOfBuildingLevel?.items || []\n    items = items.map(item => ({\n      ...item,\n      ...item.checklist,\n      requestDate: this._formatDate(item.requestDate)\n    }))\n    const buildingLevel = response.data?.buildingLevel\n\n    this.location = `${buildingLevel.building.name} ${buildingLevel.floor}층` || ''\n    this.drawingImage = buildingLevel?.mainDrawingImage || ''\n    this.building = buildingLevel?.building || {}\n\n    return {\n      total: response.data?.buildingInspectionsOfBuildingLevel?.total || 0,\n      records: items\n    }\n  }\n\n  private async _deleteChecklistType() {\n    if (confirm('삭제하시겠습니까?')) {\n      const ids = this.grist.selected.map(record => record.id)\n      if (ids && ids.length > 0) {\n        const response = await client.mutate({\n          mutation: gql`\n            mutation ($ids: [String!]!) {\n              deleteBuildingInspections(ids: $ids)\n            }\n          `,\n          variables: {\n            ids\n          }\n        })\n\n        if (!response.errors) {\n          this.grist.fetch()\n          notify({ message: '삭제되었습니다.' })\n        }\n      }\n    }\n  }\n\n  private _openCreateInspection() {\n    openPopup(\n      html`\n        <inspection-create-popup\n          .projectId=${this.project.id}\n          .selectedBuildingId=${this.building.id}\n          .selectedBuildingLevelId=${this.buildingLevelId}\n          @requestRefresh=\"${() => this.grist.fetch()}\"\n        ></inspection-create-popup>\n      `,\n      {\n        backdrop: true,\n        size: 'large',\n        title: '검측 요청서 등록'\n      }\n    )\n  }\n\n  private _formatDate(date: Date | undefined) {\n    return date\n      ? new Intl.DateTimeFormat('en-CA', {\n          timeZone: 'Asia/Seoul',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit'\n        }).format(new Date(date))\n      : ''\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/building-inspection-detail-header.js

@@ -22,33 +22,33 @@ let BuildingInspectionDetailHeader = class BuildingInspectionDetailHeader extend
             ?disabled=${path.includes('building-inspection-list/')}
             href=${`building-inspection-list/${this.buildingLevelId}`}
           >
-            <md-icon slot="icon">assignment</md-icon>검측 리스트
+            <md-icon slot="icon">list_alt</md-icon>검측 리스트
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-drawing/')}
             href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}
           >
-            <md-icon slot="icon">assignment</md-icon>검측도면
+            <md-icon slot="icon">fact_check</md-icon>검측도면
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-checklist/')}
             href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}
           >
-            <md-icon slot="icon">description</md-icon>검측 체크리스트
+            <md-icon slot="icon">task</md-icon>검측 체크리스트
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-camera/')}
             href=${`building-inspection-detail-camera/${this.buildingInspectionId}`}
             disabled
           >
-            <md-icon slot="icon">description</md-icon>사진촬영
+            <md-icon slot="icon">photo_camera</md-icon>사진촬영
           </md-elevated-button>
           <md-elevated-button
             ?disabled=${path.includes('building-inspection-detail-history/')}
             href=${`building-inspection-detail-history/${this.buildingInspectionId}`}
             disabled
           >
-            <md-icon slot="icon">description</md-icon>감리이력
+            <md-icon slot="icon">pending_actions</md-icon>감리이력
           </md-elevated-button>
         </div>
       </div>
@@ -95,6 +95,7 @@ BuildingInspectionDetailHeader.styles = [
 
       md-elevated-button {
         margin-left: var(--spacing-small, 4px);
+        letter-spacing: -1px; 
 
         --md-elevated-button-container-height: 32px;
         --md-elevated-button-label-text-size: 16px;
@@ -108,9 +109,14 @@ BuildingInspectionDetailHeader.styles = [
         --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
         --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
         --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
+        --_leading-space:var(--spacing-tiny, 2px);
 
         --_with-leading-icon-leading-space: var(--spacing-medium, 8px);
         --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);
+
+        md-icon{
+          margin-right: -2px;
+        }
       }
     `
 ];

package/dist-client/pages/building-inspection/component/building-inspection-detail-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-header.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/building-inspection-detail-header.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGxE,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,UAAU;IAAvD;;QA6D8B,yBAAoB,GAAW,EAAE,CAAA;QACjC,oBAAe,GAAW,EAAE,CAAA;QAC5B,gBAAW,GAAW,EAAE,CAAA;QACxB,iBAAY,GAAW,EAAE,CAAA;QACzB,uBAAkB,GAAW,EAAE,CAAA;IA6C7D,CAAC;IA3CC,MAAM;QACJ,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAA;QAErC,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,WAAW,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,IAAI,EAAE,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;;wBAGxE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC;mBAC/C,4BAA4B,IAAI,CAAC,eAAe,EAAE;;;;;wBAK7C,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK5D,IAAI,CAAC,QAAQ,CAAC,uCAAuC,CAAC;mBAC3D,wCAAwC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK9D,IAAI,CAAC,QAAQ,CAAC,oCAAoC,CAAC;mBACxD,qCAAqC,IAAI,CAAC,oBAAoB,EAAE;;;;;;wBAM3D,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;;;KAO/E,CAAA;IACH,CAAC;;AA5GM,qCAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsDF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4EAAkC;AAC7D;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uEAA6B;AACxD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mEAAyB;AACpD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oEAA0B;AACrD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0EAAgC;AAjEvD,8BAA8B;IADnC,aAAa,CAAC,mCAAmC,CAAC;GAC7C,8BAA8B,CA8GnC","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('building-inspection-detail-header')\nclass BuildingInspectionDetailHeader extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n      }\n\n      h2 {\n        flex: 0.5;\n        color: #3f71a0;\n        font-size:18px;\n      }\n\n      div[button-container] {\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        flex: 0.5;\n      }\n\n      md-elevated-button {\n        margin-left: var(--spacing-small, 4px);\n\n        --md-elevated-button-container-height: 32px;\n        --md-elevated-button-label-text-size: 16px;\n        --md-elevated-button-container-color: #0595e5;\n\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n\n        --_with-leading-icon-leading-space: var(--spacing-medium, 8px);\n        --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);\n      }\n    `\n  ]\n\n  @property({ type: String }) buildingInspectionId: string = ''\n  @property({ type: String }) buildingLevelId: string = ''\n  @property({ type: String }) projectName: string = ''\n  @property({ type: String }) buildingName: string = ''\n  @property({ type: String }) buildingLevelFloor: string = ''\n\n  render() {\n    const path = window.location.pathname\n\n    return html`\n      <div header>\n        <h2>${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층</h2>\n        <div button-container>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-list/')}\n            href=${`building-inspection-list/${this.buildingLevelId}`}\n          >\n            <md-icon slot=\"icon\">assignment</md-icon>검측 리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-drawing/')}\n            href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">assignment</md-icon>검측도면\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-checklist/')}\n            href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">description</md-icon>검측 체크리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-camera/')}\n            href=${`building-inspection-detail-camera/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">description</md-icon>사진촬영\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-history/')}\n            href=${`building-inspection-detail-history/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">description</md-icon>감리이력\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-header.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/building-inspection-detail-header.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGxE,IAAM,8BAA8B,GAApC,MAAM,8BAA+B,SAAQ,UAAU;IAAvD;;QAmE8B,yBAAoB,GAAW,EAAE,CAAA;QACjC,oBAAe,GAAW,EAAE,CAAA;QAC5B,gBAAW,GAAW,EAAE,CAAA;QACxB,iBAAY,GAAW,EAAE,CAAA;QACzB,uBAAkB,GAAW,EAAE,CAAA;IA6C7D,CAAC;IA3CC,MAAM;QACJ,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAA;QAErC,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,WAAW,IAAI,EAAE,IAAI,IAAI,CAAC,YAAY,IAAI,EAAE,IAAI,IAAI,CAAC,kBAAkB,IAAI,EAAE;;;wBAGxE,IAAI,CAAC,QAAQ,CAAC,2BAA2B,CAAC;mBAC/C,4BAA4B,IAAI,CAAC,eAAe,EAAE;;;;;wBAK7C,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK5D,IAAI,CAAC,QAAQ,CAAC,uCAAuC,CAAC;mBAC3D,wCAAwC,IAAI,CAAC,oBAAoB,EAAE;;;;;wBAK9D,IAAI,CAAC,QAAQ,CAAC,oCAAoC,CAAC;mBACxD,qCAAqC,IAAI,CAAC,oBAAoB,EAAE;;;;;;wBAM3D,IAAI,CAAC,QAAQ,CAAC,qCAAqC,CAAC;mBACzD,sCAAsC,IAAI,CAAC,oBAAoB,EAAE;;;;;;;KAO/E,CAAA;IACH,CAAC;;AAlHM,qCAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4DF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4EAAkC;AAC7D;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uEAA6B;AACxD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mEAAyB;AACpD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;oEAA0B;AACrD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0EAAgC;AAvEvD,8BAA8B;IADnC,aAAa,CAAC,mCAAmC,CAAC;GAC7C,8BAA8B,CAoHnC","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('building-inspection-detail-header')\nclass BuildingInspectionDetailHeader extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      md-filled-button {\n        --md-filled-button-container-color: #0595e5;\n        --md-filled-button-container-height: 30px;\n        --md-filled-button-trailing-space: 15px;\n        --md-filled-button-leading-space: 15px;\n      }\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px var(--spacing-large, 12px);\n      }\n\n      h2 {\n        flex: 0.5;\n        color: #3f71a0;\n        font-size:18px;\n      }\n\n      div[button-container] {\n        display: flex;\n        align-items: center;\n        justify-content: end;\n        flex: 0.5;\n      }\n\n      md-elevated-button {\n        margin-left: var(--spacing-small, 4px);\n        letter-spacing: -1px; \n\n        --md-elevated-button-container-height: 32px;\n        --md-elevated-button-label-text-size: 16px;\n        --md-elevated-button-container-color: #0595e5;\n\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n        --_leading-space:var(--spacing-tiny, 2px);\n\n        --_with-leading-icon-leading-space: var(--spacing-medium, 8px);\n        --_with-leading-icon-trailing-space: var(--spacing-medium, 8px);\n\n        md-icon{\n          margin-right: -2px;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) buildingInspectionId: string = ''\n  @property({ type: String }) buildingLevelId: string = ''\n  @property({ type: String }) projectName: string = ''\n  @property({ type: String }) buildingName: string = ''\n  @property({ type: String }) buildingLevelFloor: string = ''\n\n  render() {\n    const path = window.location.pathname\n\n    return html`\n      <div header>\n        <h2>${this.projectName || ''} ${this.buildingName || ''} ${this.buildingLevelFloor || ''}층</h2>\n        <div button-container>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-list/')}\n            href=${`building-inspection-list/${this.buildingLevelId}`}\n          >\n            <md-icon slot=\"icon\">list_alt</md-icon>검측 리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-drawing/')}\n            href=${`building-inspection-detail-drawing/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">fact_check</md-icon>검측도면\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-checklist/')}\n            href=${`building-inspection-detail-checklist/${this.buildingInspectionId}`}\n          >\n            <md-icon slot=\"icon\">task</md-icon>검측 체크리스트\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-camera/')}\n            href=${`building-inspection-detail-camera/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">photo_camera</md-icon>사진촬영\n          </md-elevated-button>\n          <md-elevated-button\n            ?disabled=${path.includes('building-inspection-detail-history/')}\n            href=${`building-inspection-detail-history/${this.buildingInspectionId}`}\n            disabled\n          >\n            <md-icon slot=\"icon\">pending_actions</md-icon>감리이력\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/checklist/attachment-list-popup.js

@@ -11,10 +11,12 @@ import { connect } from 'pwa-helpers/connect-mixin.js';
 import { OxPrompt } from '@operato/popup/ox-prompt.js';
 import { openPopup } from '@operato/layout';
 import './file-preview-popup';
+import { BuildingInspectionStatus } from '../building-inspection/building-inspection-list';
 let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitElement) {
     constructor() {
         super(...arguments);
         this.checklistItemId = '';
+        this.status = BuildingInspectionStatus.WAIT;
         this.item = { count: 0 };
         this.checklistItemAttachments = [];
         this.checklistItemAttachmentCount = 0;
@@ -33,7 +35,7 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
                   <span creator><md-icon slot="icon">account_circle</md-icon> ${attachment.creator.name}</span>
                   <span createdAt>
                     <md-icon slot="icon">schedule</md-icon> ${this._formatDate(attachment.createdAt)}
-                    ${attachment.creator.email === this.user.email
+                    ${attachment.creator.email === this.user.email && this.status != BuildingInspectionStatus.PASS
                 ? html ` <md-icon delete slot="icon" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`
                 : ''}
                     <a button-download href=${attachment.fullpath} download=${attachment.name}>
@@ -47,7 +49,13 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
         })}
         </div>
 
-        <ox-input-file accept="*/*" multiple="true" hide-filelist @change=${this.onCreateAttachment.bind(this)}></ox-input-file>
+        <ox-input-file
+          accept="*/*"
+          multiple="true"
+          hide-filelist
+          ?disabled=${this.status == BuildingInspectionStatus.PASS}
+          @change=${this.onCreateAttachment.bind(this)}
+        ></ox-input-file>
 
         <div button-container>
           <md-elevated-button @click=${this._close}> <md-icon slot="icon">cancel</md-icon>취소 </md-elevated-button>
@@ -92,6 +100,10 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
     }
     async _deleteAttachment(attachmentId) {
         var _a, _b;
+        if (this.status == BuildingInspectionStatus.PASS) {
+            notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' });
+            return;
+        }
         if (await OxPrompt.open({
             title: '첨부 자료를 삭제',
             text: '첨부 자료를 삭제 하시겠습니까?',
@@ -123,6 +135,10 @@ let AttachmentListPopup = class AttachmentListPopup extends connect(store)(LitEl
     }
     // 파일 변경 시 파일을 저장할 핸들러
     async onCreateAttachment(e) {
+        if (this.status == BuildingInspectionStatus.PASS) {
+            notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' });
+            return;
+        }
         const files = e.detail;
         await this._createAttachments(files);
         this._dispatchEvent();
@@ -264,6 +280,10 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], AttachmentListPopup.prototype, "checklistItemId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], AttachmentListPopup.prototype, "status", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

package/dist-client/pages/checklist/attachment-list-popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-list-popup.js","sourceRoot":"","sources":["../../../client/pages/checklist/attachment-list-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { store, User } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { openPopup } from '@operato/layout'\nimport './file-preview-popup'\n\n@customElement('attachment-list-popup')\nclass AttachmentListPopup extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 15px 20px;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      div[body] {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      div[attachment-container] {\n        overflow-y: auto;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n\n        div[attachment-row] {\n          display: flex;\n          flex-direction: column;\n\n          div[creator-container] {\n            display: flex;\n            justify-content: space-between;\n\n            span[creator] {\n              font-weight: 600;\n              display: flex;\n              align-items: center;\n              gap: 3px;\n            }\n            span[createdAt] {\n              display: flex;\n              align-items: center;\n              gap: 3px;\n\n              md-icon[delete] {\n                cursor: pointer;\n              }\n\n              a[button-download] {\n                display: flex;\n                color: #000;\n              }\n            }\n          }\n\n          a[attachment] {\n            margin-left: 20px;\n            text-decoration: none;\n            color: #000;\n          }\n        }\n      }\n\n      h3 {\n        position: relative;\n        color: rgb(5, 149, 229);\n        font-size: 17px;\n        font-weight: 700;\n        background-color: var(--md-sys-color-surface);\n        margin-top: 0px;\n        margin-bottom: 5px;\n      }\n\n      div[button-container] {\n        display: flex;\n        justify-content: flex-end;\n        gap: 10px;\n      }\n    `\n  ]\n\n  @property({ type: String }) checklistItemId: string = ''\n\n  @state() item: any = { count: 0 }\n  @state() checklistItemAttachments: any = []\n  @state() checklistItemAttachmentCount: number = 0\n  @state() user: User = {}\n  @query('div[attachment-container]') attachmentContainer!: HTMLDivElement\n\n  render() {\n    return html`\n      <div body>\n        <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>\n\n        <div attachment-container>\n          ${this.checklistItemAttachments.map(attachment => {\n            return html`\n              <div attachment-row>\n                <div creator-container>\n                  <span creator><md-icon slot=\"icon\">account_circle</md-icon> ${attachment.creator.name}</span>\n                  <span createdAt>\n                    <md-icon slot=\"icon\">schedule</md-icon> ${this._formatDate(attachment.createdAt)}\n                    ${attachment.creator.email === this.user.email\n                      ? html` <md-icon delete slot=\"icon\" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`\n                      : ''}\n                    <a button-download href=${attachment.fullpath} download=${attachment.name}>\n                      <md-icon slot=\"icon\">download</md-icon></a\n                    >\n                  </span>\n                </div>\n                <a attachment @click=${() => this._onClickPreview(attachment.fullpath)}>${attachment.name}</a>\n              </div>\n            `\n          })}\n        </div>\n\n        <ox-input-file accept=\"*/*\" multiple=\"true\" hide-filelist @change=${this.onCreateAttachment.bind(this)}></ox-input-file>\n\n        <div button-container>\n          <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소 </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.user = (store.getState() as any).auth?.user\n\n    await this._loadAttachments()\n  }\n\n  private async _loadAttachments() {\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($id: String!) {\n          checklistItem(id: $id) {\n            id\n            checklistItemAttachmentCount\n            checklistItemAttachments {\n              id\n              name\n              fullpath\n              creator {\n                id\n                name\n                email\n              }\n              createdAt\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.checklistItemId\n      }\n    })\n\n    if (response.errors) return\n\n    this.checklistItemAttachments = response.data.checklistItem.checklistItemAttachments || []\n    this.checklistItemAttachmentCount = response.data.checklistItem.checklistItemAttachmentCount\n  }\n\n  private async _deleteAttachment(attachmentId: string) {\n    if (\n      await OxPrompt.open({\n        title: '첨부 자료를 삭제',\n        text: '첨부 자료를 삭제 하시겠습니까?',\n        confirmButton: { text: '삭제' },\n        cancelButton: { text: '취소' }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation DeleteAttachment($deleteAttachmentId: String!) {\n            deleteAttachment(id: $deleteAttachmentId)\n          }\n        `,\n        variables: {\n          deleteAttachmentId: attachmentId\n        }\n      })\n\n      if (!response.errors) {\n        this.checklistItemAttachments = [...this.checklistItemAttachments.filter(attachment => attachment.id != attachmentId)]\n        notify({ message: '첨부 자료를 삭제하였습니다.', level: 'info' })\n      } else {\n        notify({ message: response.errors?.[0]?.message || '첨부 자료 삭제에 실패하였습니다.', level: 'error' })\n      }\n\n      this._dispatchEvent()\n    }\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  // 파일 변경 시 파일을 저장할 핸들러\n  private async onCreateAttachment(e: CustomEvent) {\n    const files = e.detail\n\n    await this._createAttachments(files)\n\n    this._dispatchEvent()\n  }\n\n  async _createAttachments(files: File[]) {\n    const checklistItemId = this.checklistItemId\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment!]!) {\n          createAttachments(attachments: $attachments) {\n            id\n            name\n            fullpath\n            creator {\n              id\n              name\n              email\n            }\n            createdAt\n          }\n        }\n      `,\n      variables: {\n        attachments: files.map(file => {\n          return { file, refBy: checklistItemId, refType: 'ChecklistItem' }\n        })\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n\n    const attachments = response.data.createAttachments\n\n    this.checklistItemAttachments = [...attachments, ...this.checklistItemAttachments]\n    this.checklistItemAttachmentCount = this.checklistItemAttachmentCount + attachments.length\n  }\n\n  private _formatDate(date) {\n    const _date = new Date(date.toLocaleString('en-US', { timeZone: 'Asia/Seoul' }))\n\n    const year = _date.getFullYear()\n    const month = String(_date.getMonth() + 1).padStart(2, '0')\n    const day = String(_date.getDate()).padStart(2, '0')\n    const hours = String(_date.getHours()).padStart(2, '0')\n    const minutes = String(_date.getMinutes()).padStart(2, '0')\n    const seconds = String(_date.getSeconds()).padStart(2, '0')\n\n    return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`\n  }\n\n  // 첨부 자료 변경 이벤트 디스패치\n  _dispatchEvent() {\n    this.dispatchEvent(new CustomEvent('change-attachment', { detail: { checklistItemId: this.checklistItemId } }))\n  }\n\n  private _onClickPreview(filepath: string) {\n    openPopup(html` <file-preview-popup .filepath=${filepath}></file-preview-popup> `, {\n      backdrop: true,\n      size: 'large',\n      title: '미리보기'\n    })\n  }\n}\n"]}
+{"version":3,"file":"attachment-list-popup.js","sourceRoot":"","sources":["../../../client/pages/checklist/attachment-list-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { notify } from '@operato/layout'\nimport { store, User } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { openPopup } from '@operato/layout'\nimport './file-preview-popup'\nimport { BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\n\n@customElement('attachment-list-popup')\nclass AttachmentListPopup extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 15px 20px;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      div[body] {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      div[attachment-container] {\n        overflow-y: auto;\n        gap: 10px;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n\n        div[attachment-row] {\n          display: flex;\n          flex-direction: column;\n\n          div[creator-container] {\n            display: flex;\n            justify-content: space-between;\n\n            span[creator] {\n              font-weight: 600;\n              display: flex;\n              align-items: center;\n              gap: 3px;\n            }\n            span[createdAt] {\n              display: flex;\n              align-items: center;\n              gap: 3px;\n\n              md-icon[delete] {\n                cursor: pointer;\n              }\n\n              a[button-download] {\n                display: flex;\n                color: #000;\n              }\n            }\n          }\n\n          a[attachment] {\n            margin-left: 20px;\n            text-decoration: none;\n            color: #000;\n          }\n        }\n      }\n\n      h3 {\n        position: relative;\n        color: rgb(5, 149, 229);\n        font-size: 17px;\n        font-weight: 700;\n        background-color: var(--md-sys-color-surface);\n        margin-top: 0px;\n        margin-bottom: 5px;\n      }\n\n      div[button-container] {\n        display: flex;\n        justify-content: flex-end;\n        gap: 10px;\n      }\n    `\n  ]\n\n  @property({ type: String }) checklistItemId: string = ''\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n  @state() item: any = { count: 0 }\n  @state() checklistItemAttachments: any = []\n  @state() checklistItemAttachmentCount: number = 0\n  @state() user: User = {}\n  @query('div[attachment-container]') attachmentContainer!: HTMLDivElement\n\n  render() {\n    return html`\n      <div body>\n        <h3>제품검사에 대한 파일: ${this.checklistItemAttachmentCount || 0}건</h3>\n\n        <div attachment-container>\n          ${this.checklistItemAttachments.map(attachment => {\n            return html`\n              <div attachment-row>\n                <div creator-container>\n                  <span creator><md-icon slot=\"icon\">account_circle</md-icon> ${attachment.creator.name}</span>\n                  <span createdAt>\n                    <md-icon slot=\"icon\">schedule</md-icon> ${this._formatDate(attachment.createdAt)}\n                    ${attachment.creator.email === this.user.email && this.status != BuildingInspectionStatus.PASS\n                      ? html` <md-icon delete slot=\"icon\" @click=${() => this._deleteAttachment(attachment.id)}>delete</md-icon>`\n                      : ''}\n                    <a button-download href=${attachment.fullpath} download=${attachment.name}>\n                      <md-icon slot=\"icon\">download</md-icon></a\n                    >\n                  </span>\n                </div>\n                <a attachment @click=${() => this._onClickPreview(attachment.fullpath)}>${attachment.name}</a>\n              </div>\n            `\n          })}\n        </div>\n\n        <ox-input-file\n          accept=\"*/*\"\n          multiple=\"true\"\n          hide-filelist\n          ?disabled=${this.status == BuildingInspectionStatus.PASS}\n          @change=${this.onCreateAttachment.bind(this)}\n        ></ox-input-file>\n\n        <div button-container>\n          <md-elevated-button @click=${this._close}> <md-icon slot=\"icon\">cancel</md-icon>취소 </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.user = (store.getState() as any).auth?.user\n\n    await this._loadAttachments()\n  }\n\n  private async _loadAttachments() {\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($id: String!) {\n          checklistItem(id: $id) {\n            id\n            checklistItemAttachmentCount\n            checklistItemAttachments {\n              id\n              name\n              fullpath\n              creator {\n                id\n                name\n                email\n              }\n              createdAt\n            }\n          }\n        }\n      `,\n      variables: {\n        id: this.checklistItemId\n      }\n    })\n\n    if (response.errors) return\n\n    this.checklistItemAttachments = response.data.checklistItem.checklistItemAttachments || []\n    this.checklistItemAttachmentCount = response.data.checklistItem.checklistItemAttachmentCount\n  }\n\n  private async _deleteAttachment(attachmentId: string) {\n    if (this.status == BuildingInspectionStatus.PASS) {\n      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })\n      return\n    }\n\n    if (\n      await OxPrompt.open({\n        title: '첨부 자료를 삭제',\n        text: '첨부 자료를 삭제 하시겠습니까?',\n        confirmButton: { text: '삭제' },\n        cancelButton: { text: '취소' }\n      })\n    ) {\n      const response = await client.mutate({\n        mutation: gql`\n          mutation DeleteAttachment($deleteAttachmentId: String!) {\n            deleteAttachment(id: $deleteAttachmentId)\n          }\n        `,\n        variables: {\n          deleteAttachmentId: attachmentId\n        }\n      })\n\n      if (!response.errors) {\n        this.checklistItemAttachments = [...this.checklistItemAttachments.filter(attachment => attachment.id != attachmentId)]\n        notify({ message: '첨부 자료를 삭제하였습니다.', level: 'info' })\n      } else {\n        notify({ message: response.errors?.[0]?.message || '첨부 자료 삭제에 실패하였습니다.', level: 'error' })\n      }\n\n      this._dispatchEvent()\n    }\n  }\n\n  private _close() {\n    history.back()\n  }\n\n  // 파일 변경 시 파일을 저장할 핸들러\n  private async onCreateAttachment(e: CustomEvent) {\n    if (this.status == BuildingInspectionStatus.PASS) {\n      notify({ message: '완료 상태인 검측정보를 변경할 수 없습니다.', level: 'error' })\n      return\n    }\n\n    const files = e.detail\n\n    await this._createAttachments(files)\n\n    this._dispatchEvent()\n  }\n\n  async _createAttachments(files: File[]) {\n    const checklistItemId = this.checklistItemId\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment!]!) {\n          createAttachments(attachments: $attachments) {\n            id\n            name\n            fullpath\n            creator {\n              id\n              name\n              email\n            }\n            createdAt\n          }\n        }\n      `,\n      variables: {\n        attachments: files.map(file => {\n          return { file, refBy: checklistItemId, refType: 'ChecklistItem' }\n        })\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n\n    const attachments = response.data.createAttachments\n\n    this.checklistItemAttachments = [...attachments, ...this.checklistItemAttachments]\n    this.checklistItemAttachmentCount = this.checklistItemAttachmentCount + attachments.length\n  }\n\n  private _formatDate(date) {\n    const _date = new Date(date.toLocaleString('en-US', { timeZone: 'Asia/Seoul' }))\n\n    const year = _date.getFullYear()\n    const month = String(_date.getMonth() + 1).padStart(2, '0')\n    const day = String(_date.getDate()).padStart(2, '0')\n    const hours = String(_date.getHours()).padStart(2, '0')\n    const minutes = String(_date.getMinutes()).padStart(2, '0')\n    const seconds = String(_date.getSeconds()).padStart(2, '0')\n\n    return `${year}.${month}.${day} ${hours}:${minutes}:${seconds}`\n  }\n\n  // 첨부 자료 변경 이벤트 디스패치\n  _dispatchEvent() {\n    this.dispatchEvent(new CustomEvent('change-attachment', { detail: { checklistItemId: this.checklistItemId } }))\n  }\n\n  private _onClickPreview(filepath: string) {\n    openPopup(html` <file-preview-popup .filepath=${filepath}></file-preview-popup> `, {\n      backdrop: true,\n      size: 'large',\n      title: '미리보기'\n    })\n  }\n}\n"]}

package/dist-client/pages/checklist/checklist-view.js

@@ -74,7 +74,7 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         const processedItems = this.drawChecklistItems(((_j = this.checklist) === null || _j === void 0 ? void 0 : _j.checklistItems) || []);
         return html `
       <div wrapper>
-        <div name>${this.checklist.name}</div>
+        <div name bold>${this.checklist.name}</div>
 
         <table header>
           <tr>
@@ -126,7 +126,7 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
                 : ''}
                 ${showDetailTypeCell ? html ` <td bold rowspan="${detailTypeRowspan}">${item.detailType}</td> ` : ''}
 
-                <td bold>${idx + 1}. ${item.name}</td>
+                <td>${idx + 1}. ${item.name}</td>
                 <td>${item.inspctionCriteria}</td>
                 <td radio>
                   <md-radio
@@ -172,11 +172,19 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
                 </td>
-                <td attachment @click=${() => this._onClickAttachment(item.id)}>
+                <td
+                  attachment
+                  ?disabled=${this.status == BuildingInspectionStatus.PASS}
+                  @click=${() => this._onClickAttachment(item.id)}
+                >
                   <md-icon slot="icon">attach_file</md-icon>
                   <span>${(item === null || item === void 0 ? void 0 : item.checklistItemAttachmentCount) || ''}</span>
                 </td>
-                <td comment @click=${() => this._onClickComment(item.id)}>
+                <td
+                  comment
+                  ?disabled=${this.status == BuildingInspectionStatus.PASS}
+                  @click=${() => this._onClickComment(item.id)}
+                >
                   <md-icon slot="icon">chat</md-icon>
                   <span>${(item === null || item === void 0 ? void 0 : item.checklistItemCommentCount) || ''}</span>
                 </td>
@@ -321,6 +329,7 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         openPopup(html `
         <comment-list-popup
           .checklistItemId=${checklistItemId}
+          .status=${this.status}
           @change-comment=${this._refreshItem.bind(this)}
         ></comment-list-popup>
       `, {
@@ -333,6 +342,7 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         openPopup(html `
         <attachment-list-popup
           .checklistItemId=${checklistItemId}
+          .status=${this.status}
           @change-attachment=${this._refreshItem.bind(this)}
         ></attachment-list-popup>
       `, {
@@ -372,11 +382,10 @@ ChecklistView.styles = [
       :host {
         display: flex;
         flex-direction: column;
+        padding: var(--spacing-large, 12px);
+        padding-top: 0;
         font-size: 14px;
-        padding: 20px;
         min-width: 800px;
-
-        background-color: var(--md-sys-color-surface);
       }
 
       [bold] {
@@ -387,7 +396,6 @@ ChecklistView.styles = [
         display: flex;
         color: #586878;
         font-size: 24px;
-        font-weight: bold;
         align-items: center;
         justify-content: center;
       }
@@ -400,8 +408,8 @@ ChecklistView.styles = [
         border-collapse: collapse;
         td,
         th {
-          border: 1px #999999 solid;
-          padding-inline: 8px;
+          border: 1px rgba(51, 51, 51, 0.2) solid;
+          padding-inline: var(--spacing-medium, 8px);
           vertical-align: middle;
         }
         th {
@@ -409,16 +417,17 @@ ChecklistView.styles = [
           font-weight: bold;
         }
         td {
-          height: 35px;
+          height: 33px;
+          background-color: var(--md-sys-color-on-primary);
           &[radio] {
             text-align: center;
-            width: 55px;
+            width: 50px;
           }
         }
       }
 
       table[header] {
-        margin-top: 5px;
+        margin-top: var(--spacing-small, 4px);
 
         td {
           min-width: 180px;
@@ -431,9 +440,9 @@ ChecklistView.styles = [
       }
 
       table[body] {
-        border: 2px solid #999999;
+        border: 2px solid var(--md-sys-color-on-primary-container);
         border-bottom: none;
-        margin-top: 10px;
+        margin-top: var(--spacing-medium, 8px);
 
         th {
           text-align: center;
@@ -477,22 +486,24 @@ ChecklistView.styles = [
               vertical-align: middle;
             }
           }
+          &[disabled] * {
+            opacity: 0.6;
+          }
         }
       }
 
       table[tail] {
-        border: 2px solid #999999;
+        border: 2px solid var(--md-sys-color-on-primary-container);
         border-top: none;
         margin-top: -1px;
 
-        tr[first] td {
-          border-top: none;
-        }
         td {
           width: 25%;
           border-left: none;
           text-align: center;
           position: relative;
+          background-color: var(--md-sys-color-on-primary);
+          font-size: 14px;
         }
         th {
           width: 25%;
@@ -507,7 +518,7 @@ ChecklistView.styles = [
           pointer-events: none;
         }
         ox-input-signature {
-          margin: 10px;
+          margin: var(--spacing-medium, 8px);
 
           &[disabled] {
             background: #eee;
@@ -518,12 +529,12 @@ ChecklistView.styles = [
       div[footer] {
         display: flex;
         flex-direction: column;
-        gap: 3px;
+        gap: var(--spacing-tiny, 2px);
         font-size: 12px;
-        margin-top: 10px;
+        margin-top: var(--spacing-medium, 8px);
         color: #586878;
         text-indent: -9px;
-        padding-left: 9px;
+        padding-left: var(--spacing-medium, 8px);
       }
     `
 ];