@things-factory/dataset 8.0.40 → 9.0.0-9.0.0-beta.59.0

package/client/pages/data-sample/data-sample-view.ts

@@ -1,319 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@material/web/fab/fab.js'
-import '@operato/dataset/ox-data-sample-view.js'
-import '@operato/dataset/ox-data-ooc-brief-view.js'
-import '@operato/dataset/ox-checklist-sample-view.js'
-import '@things-factory/worklist/dist-client/components/activity-thread-timeline.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement, nothing } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-import { DataSample } from '@operato/dataset'
-import { GhostPrint } from '@operato/ghost-print'
-
-@customElement('data-sample-view')
-export class DataSampleView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        position: relative;
-        display: block;
-        overflow: auto;
-        background-color: var(--md-sys-color-surface);
-      }
-
-      ox-data-sample-view,
-      ox-checklist-sample-view,
-      ox-data-ooc-brief-view {
-        padding: var(--spacing-large);
-      }
-
-      activity-thread-timeline {
-        margin: var(--spacing-medium);
-      }
-
-      md-fab {
-        position: fixed;
-        bottom: 15px;
-        right: 16px;
-        text-decoration: auto;
-        opacity: 0.5;
-      }
-
-      @media print {
-        md-fab {
-          display: none;
-        }
-      }
-    `
-  ]
-
-  @property({
-    type: String,
-    attribute: 'data-sample-id'
-  })
-  dataSampleId?: string
-
-  @state() dataSample?: DataSample
-
-  private printHandler = this.handlePrint.bind(this)
-
-  render() {
-    const dataSample = this.dataSample
-
-    if (!dataSample) {
-      return nothing
-    }
-
-    if (dataSample.dataOoc) {
-      var reviewActivityThread = dataSample.dataOoc.reviewActivityInstance?.activityThreads?.[0]
-      var resolveActivityThread = dataSample.dataOoc.resolveActivityInstance?.activityThreads?.[0]
-    } else {
-      var reviewActivityThread = dataSample?.reviewActivityInstance?.activityThreads?.[0]
-    }
-
-    return html`
-      ${!dataSample?.dataOoc
-        ? html`${this.renderDataSample()}`
-        : html` <ox-data-ooc-brief-view .dataOoc=${dataSample!.dataOoc}></ox-data-ooc-brief-view>`}
-      ${reviewActivityThread
-        ? html`
-            <activity-thread-timeline
-              subtitle=${String(
-                i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample review timeline')
-              )}
-              .activityThread=${reviewActivityThread}
-              short-form
-            ></activity-thread-timeline>
-          `
-        : nothing}
-      ${resolveActivityThread
-        ? html`
-            <activity-thread-timeline
-              subtitle=${String(i18next.t('label.ooc resolve timeline'))}
-              .activityThread=${resolveActivityThread}
-              short-form
-            ></activity-thread-timeline>
-          `
-        : nothing}
-
-      <md-fab
-        title="print"
-        @click=${() =>
-          GhostPrint.print({
-            src: `./data-sample/${this.dataSampleId}`
-          })}
-      >
-        <md-icon slot="icon">print</md-icon>
-      </md-fab>
-    `
-  }
-
-  updated(changes) {
-    if (changes.has('dataSampleId')) {
-      this.fetchDataSample()
-    }
-  }
-
-  private renderDataSample() {
-    const dataSet = this.dataSample?.dataSet
-    const monitorType = dataSet?.monitorType
-
-    switch (monitorType) {
-      case 'generated':
-        return html`<ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>`
-      case 'checklist':
-        return html`<ox-checklist-sample-view .dataSample=${this.dataSample}></ox-checklist-sample-view>`
-      case 'board':
-        break
-      case 'page':
-        break
-      default:
-        return html`<ox-data-sample-view .dataSample=${this.dataSample}></ox-data-sample-view>`
-        break
-    }
-  }
-
-  async fetchDataSample() {
-    const id = this.dataSampleId
-
-    const response = await client.query({
-      query: gql`
-        query ($id: String!) {
-          dataSample(id: $id) {
-            id
-            name
-            description
-            useCase
-            key01
-            key02
-            key03
-            key04
-            key05
-            data
-            ooc
-            oos
-            updatedAt
-            collectedAt
-            updater {
-              id
-              name
-            }
-            dataSet {
-              id
-              name
-              description
-              monitorType
-              monitorView
-            }
-            dataItems {
-              name
-              description
-              active
-              hidden
-              tag
-              group
-              subgroup
-              type
-              unit
-              options
-              quota
-              spec
-              stat
-            }
-            judgment
-            workDate
-            workShift
-            reviewActivityInstance {
-              ...ActivityInstanceFragment
-            }
-            dataOoc {
-              name
-              description
-              useCase
-              dataSet {
-                id
-                name
-                monitorType
-                monitorView
-              }
-              key01
-              key02
-              key03
-              key04
-              key05
-              partitionKeys
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                subgroup
-                type
-                unit
-                options
-                quota
-                spec
-              }
-              data
-              rawData
-              judgment
-              ooc
-              oos
-              state
-              history
-              workDate
-              workShift
-              correctiveInstruction
-              correctiveAction
-              reviewedAt
-              reviewer {
-                id
-                name
-              }
-              correctedAt
-              corrector {
-                id
-                name
-              }
-              updater {
-                id
-                name
-              }
-              updatedAt
-              collectedAt
-
-              reviewActivityInstance {
-                ...ActivityInstanceFragment
-              }
-              resolveActivityInstance {
-                ...ActivityInstanceFragment
-              }
-            }
-          }
-        }
-
-        fragment ActivityInstanceFragment on ActivityInstance {
-          activityThreads {
-            assignee {
-              name
-            }
-            output
-            activityApprovals {
-              judgment
-              approver {
-                name
-              }
-              comment
-              createdAt
-              updatedAt
-              terminatedAt
-            }
-            activityThreadHistories {
-              transaction
-              reason
-              updater {
-                name
-              }
-              updatedAt
-              state
-              output
-            }
-          }
-        }
-      `,
-      variables: {
-        id
-      }
-    })
-
-    this.dataSample = response.data.dataSample
-  }
-
-  handlePrint(event) {
-    if ((event.ctrlKey || event.metaKey) && event.key === 'p') {
-      event.preventDefault()
-
-      GhostPrint.print({
-        src: `./data-sample/${this.dataSampleId}`
-      })
-    }
-  }
-
-  connectedCallback(): void {
-    super.connectedCallback()
-    window.addEventListener('keydown', this.printHandler)
-  }
-
-  disconnectedCallback(): void {
-    super.disconnectedCallback()
-    window.removeEventListener('keydown', this.printHandler)
-  }
-}

package/client/pages/data-sample/data-samples-page.ts

@@ -1,249 +0,0 @@
-import '@operato/dataset/ox-data-sample-view.js'
-import '@operato/dataset/ox-data-ooc-brief-view.js'
-import '@things-factory/worklist/dist-client/components/activity-thread-timeline.js'
-
-import gql from 'graphql-tag'
-import { PropertyValues, html, css, nothing } from 'lit'
-import { customElement, state } from 'lit/decorators.js'
-import { PageView } from '@operato/shell'
-import { i18next, localize } from '@operato/i18n'
-import { client } from '@operato/graphql'
-
-/**
- * 이 페이지는 여러개의 Data Sample을 한번에 프린트하기 위한 용도로 사용되는 페이지이다.
- */
-@customElement('data-samples-page')
-export class DataSamplesPage extends localize(i18next)(PageView) {
-  static styles = [
-    css`
-      :host {
-        display: block;
-        overflow: auto;
-      }
-
-      .end {
-        page-break-after: always;
-        break-after: always;
-      }
-    `
-  ]
-
-  @state() dataSamples?: any[]
-
-  get context() {
-    return {
-      title: i18next.t('title.data-sample view')
-    }
-  }
-
-  render() {
-    return this.dataSamples?.map(dataSample => {
-      if (dataSample?.dataOoc) {
-        var reviewActivityThread = dataSample.dataOoc.reviewActivityInstance?.activityThreads?.[0]
-        var resolveActivityThread = dataSample.dataOoc.resolveActivityInstance?.activityThreads?.[0]
-      } else {
-        var reviewActivityThread = dataSample?.reviewActivityInstance?.activityThreads?.[0]
-      }
-
-      return html`
-        ${!dataSample.dataOoc
-          ? html` <ox-data-sample-view .dataSample=${dataSample}></ox-data-sample-view> `
-          : html` <ox-data-ooc-brief-view .dataOoc=${dataSample.dataOoc}></ox-data-ooc-brief-view>`}
-        ${reviewActivityThread
-          ? html`
-              <activity-thread-timeline
-                subtitle=${String(i18next.t(dataSample?.dataOoc ? 'label.ooc review timeline' : 'label.datasample review timeline'))}
-                .activityThread=${reviewActivityThread}
-                short-form
-              ></activity-thread-timeline>
-            `
-          : nothing}
-        ${resolveActivityThread
-          ? html`
-              <activity-thread-timeline
-                subtitle=${String(i18next.t('label.ooc resolve timeline'))}
-                .activityThread=${resolveActivityThread}
-                short-form
-              ></activity-thread-timeline>
-            `
-          : nothing}
-        <div class="end"></div>
-      `
-    })
-  }
-
-  updated(changes: PropertyValues<this>) {}
-
-  pageUpdated(changes: any, lifecycle: any, before: any) {
-    if (this.active) {
-      /*
-       * this page is activated
-       */
-      const { ids = '' } = lifecycle.params
-
-      this.fetchSamples(ids.split('|').map(id => id.trim()))
-    } else {
-      /* this page is deactivated */
-    }
-  }
-
-  async fetchSamples(ids: string[]) {
-    const filters = [
-      {
-        name: 'id',
-        operator: 'in',
-        value: ids
-      }
-    ]
-
-    const response = await client.query({
-      query: gql`
-        query ($filters: [Filter!]) {
-          dataSamples(filters: $filters) {
-            items {
-              id
-              name
-              description
-              useCase
-              key01
-              key02
-              key03
-              key04
-              key05
-              data
-              ooc
-              oos
-              updatedAt
-              collectedAt
-              updater {
-                id
-                name
-              }
-              dataSet {
-                id
-                name
-                description
-              }
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              judgment
-              workDate
-              workShift
-              reviewActivityInstance {
-                ...ActivityInstanceFragment
-              }
-              dataOoc {
-                name
-                description
-                useCase
-                dataSet {
-                  id
-                  name
-                }
-                key01
-                key02
-                key03
-                key04
-                key05
-                partitionKeys
-                dataItems {
-                  name
-                  description
-                  active
-                  hidden
-                  tag
-                  group
-                  type
-                  unit
-                  options
-                  quota
-                  spec
-                  stat
-                }
-                data
-                rawData
-                judgment
-                ooc
-                oos
-                state
-                history
-                workDate
-                workShift
-                correctiveInstruction
-                correctiveAction
-                reviewedAt
-                reviewer {
-                  id
-                  name
-                }
-                correctedAt
-                corrector {
-                  id
-                  name
-                }
-                updater {
-                  id
-                  name
-                }
-                updatedAt
-                collectedAt
-                reviewActivityInstance {
-                  ...ActivityInstanceFragment
-                }
-                resolveActivityInstance {
-                  ...ActivityInstanceFragment
-                }
-              }
-            }
-          }
-        }
-
-        fragment ActivityInstanceFragment on ActivityInstance {
-          activityThreads {
-            assignee {
-              name
-            }
-            output
-            activityApprovals {
-              judgment
-              approver {
-                name
-              }
-              comment
-              createdAt
-              updatedAt
-              terminatedAt
-            }
-            activityThreadHistories {
-              transaction
-              reason
-              updater {
-                name
-              }
-              updatedAt
-              state
-              output
-            }
-          }
-        }
-      `,
-      variables: {
-        filters
-      }
-    })
-
-    this.dataSamples = response.data.dataSamples.items
-  }
-}