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

package/client/activities/activity-data-review-view.ts

@@ -1,249 +0,0 @@
-import '@operato/dataset/ox-data-entry-form.js'
-import '@operato/dataset/ox-checklist-sample-view.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-import { client } from '@operato/graphql'
-
-@customElement('activity-data-review-view')
-export class DataReviewActivityView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      div[content] {
-        flex: 1;
-        flex-direction: column;
-
-        display: flex;
-        overflow: auto;
-      }
-
-      ox-data-sample-view,
-      ox-checklist-sample-view {
-        flex: 1;
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-
-      div[role='radiogroup'] {
-        display: flex;
-        flex-direction: row;
-        gap: var(--spacing-medium);
-
-        label {
-          display: flex;
-          flex-direction: row;
-
-          gap: var(--spacing-small);
-          align-items: center;
-        }
-      }
-
-      label {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--spacing-large);
-
-        h2 {
-          display: flex;
-
-          color: var(--title-text-color);
-          text-transform: capitalize;
-          margin: var(--title-margin);
-          align-items: center;
-        }
-
-        div {
-          padding: var(--spacing-large);
-          font: var(--input-field-font);
-          border: var(--md-sys-color-outline) solid 1px;
-          border-radius: var(--spacing-small);
-          background-color: var(--md-sys-color-surface-variant);
-        }
-
-        div[instruction] {
-          min-height: 200px;
-        }
-
-        md-icon {
-          color: var(--status-danger-color);
-        }
-      }
-
-      @media print {
-        :host {
-          display: block;
-          overflow: visible;
-        }
-
-        div[content] {
-          display: block;
-          overflow: visible;
-        }
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-
-  @state() dataSample?: any
-
-  render() {
-    const { judgment, instruction } = this.output || {}
-
-    return html`
-      <div content>${this.showDataSampleView()}</div>
-
-      <form>
-        <label>
-          <h2><md-icon>build_circle</md-icon>&nbsp;<span>${i18next.t('label.judgment')}</span></h2>
-          <div role="radiogroup" aria-label="An example group of radio buttons">
-            <label>
-              <md-radio
-                name="judgment"
-                value="normal"
-                ?checked=${judgment == 'normal'}
-                aria-label=${i18next.t('label.judgment-normal')}
-                disabled
-              ></md-radio>
-              ${i18next.t('label.judgment-normal')}
-            </label>
-            <label>
-              <md-radio
-                name="judgment"
-                value="abnormal"
-                ?checked=${judgment == 'abnormal'}
-                aria-label=${i18next.t('label.judgment-abnormal')}
-                disabled
-              ></md-radio
-              >${i18next.t('label.judgment-abnormal')}
-            </label>
-          </div>
-        </label>
-
-        <label>
-          <h2><md-icon>build_circle</md-icon>&nbsp;<span>${i18next.t('label.corrective instruction')}</span></h2>
-          <div instruction>${instruction}</div>
-        </label>
-      </form>
-    `
-  }
-
-  onChangeInstruction(e: Event) {
-    this.output ||= {}
-    this.output.instruction = (e.target as HTMLTextAreaElement).value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataAssign()
-    }
-  }
-
-  async fetchDataAssign() {
-    const { dataSampleId, dataSample } = this.input || {}
-
-    if (dataSample) {
-      /* only for backwards compatibility - should be deleted later */
-      this.dataSample = dataSample
-    } else if (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
-              dataSet {
-                id
-                name
-                description
-                monitorType
-                monitorView
-              }
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                subgroup
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              judgment
-              workDate
-              workShift
-              updater {
-                id
-                name
-              }
-              updatedAt
-              collectedAt
-            }
-          }
-        `,
-        variables: {
-          id: dataSampleId
-        }
-      })
-
-      this.dataSample = {
-        ...response.data.dataSample
-      }
-    }
-  }
-
-  private showDataSampleView() {
-    const dataSet = this.dataSample?.dataSet
-    const monitorType = dataSet?.monitorType
-    const monitorView = dataSet?.monitorView
-
-    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
-    }
-  }
-}

package/client/activities/activity-ooc-resolve-edit.ts

@@ -1,202 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@operato/dataset/ox-data-ooc-brief-view.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement, nothing } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-
-@customElement('activity-ooc-resolve-edit')
-class OocResolveActivityEdit extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      div[content] {
-        flex: 1;
-        flex-direction: column;
-
-        display: flex;
-        overflow: auto;
-      }
-
-      ox-data-ooc-brief-view {
-        flex: 1;
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-
-      label[action] {
-        display: flex;
-        flex-direction: column;
-
-        padding: var(--spacing-large);
-      }
-
-      label[action] h2 {
-        display: flex;
-
-        color: var(--title-text-color);
-        text-transform: capitalize;
-        margin: var(--title-margin);
-        align-items: center;
-      }
-
-      md-icon {
-        color: var(--status-danger-color);
-      }
-
-      textarea {
-        border: var(--input-field-border);
-        border-radius: var(--spacing-small);
-        margin: var(--spacing-medium);
-        padding: var(--spacing-medium);
-        font: var(--input-field-font);
-        color: var(--md-sys-color-on-surface);
-        background: var(--md-sys-color-surface-variant);
-
-        resize: none;
-        outline: none;
-        min-height: 200px;
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-  @property({ type: Object }) activityThread?: any
-
-  @state() dataOoc?: any
-
-  @query('textarea') actionTextArea!: HTMLTextAreaElement
-
-  render() {
-    const action = this.output?.action
-    const state = this.activityThread?.state
-    const editable = state == 'unassigned' || state == 'assigned' || state == 'started'
-
-    return html`
-      <div content>
-        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
-      </div>
-
-      <!-- <ox-data-ooc-correction-part .dataOoc=${this.dataOoc}></ox-data-ooc-correction-part> -->
-
-      ${editable
-        ? html`
-            <label action>
-              <h2><md-icon>build_circle</md-icon>&nbsp;<span>${i18next.t('label.corrective action')}</span></h2>
-              <textarea
-                placeholder=${String(i18next.t('text.corrective action placeholder'))}
-                .value=${action || ''}
-                @change=${this.onChangeAction}
-              ></textarea>
-            </label>
-          `
-        : nothing}
-    `
-  }
-
-  onChangeAction(e: Event) {
-    this.output ||= {}
-    this.output.action = (e.target as HTMLTextAreaElement).value
-
-    this.dispatchEvent(
-      new CustomEvent('change', {
-        detail: this.output
-      })
-    )
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataOoc()
-    }
-  }
-
-  async fetchDataOoc() {
-    const id = this.input.dataOocId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataOoc(id: $id) {
-              id
-              name
-              description
-              ooc
-              oos
-              state
-              type
-              useCase
-              data
-              judgment
-              history
-              correctiveAction
-              correctiveInstruction
-              dataSet {
-                id
-                name
-                monitorType
-                monitorView
-              }
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                subgroup
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              workDate
-              workShift
-              reviewer {
-                id
-                name
-              }
-              corrector {
-                id
-                name
-              }
-              collectedAt
-              reviewedAt
-              correctedAt
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      const dataOoc = {
-        ...response.data.dataOoc
-      }
-
-      if (this.activityThread?.output) {
-        dataOoc.correctiveAction = this.activityThread.output.action
-        dataOoc.correctedAt = this.activityThread.updatedAt
-        dataOoc.corrector = this.activityThread.assignee
-      }
-
-      this.dataOoc = dataOoc
-    }
-  }
-}

package/client/activities/activity-ooc-resolve-view.ts

@@ -1,150 +0,0 @@
-import '@operato/dataset/ox-data-ooc-brief-view.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles } from '@operato/styles'
-
-@customElement('activity-ooc-resolve-view')
-export class OocResolveActivityView extends localize(i18next)(LitElement) {
-  static styles = [
-    ScrollbarStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      div[content] {
-        flex: 1;
-        flex-direction: column;
-
-        display: flex;
-        overflow: auto;
-      }
-
-      ox-data-ooc-brief-view {
-        flex: 1;
-        padding: var(--spacing-large);
-        overflow: auto;
-      }
-
-      @media print {
-        :host {
-          display: block;
-          overflow: visible;
-        }
-
-        div[content] {
-          display: block;
-          overflow: visible;
-        }
-      }
-    `
-  ]
-
-  @property({ type: Object }) input?: any
-  @property({ type: Object }) output?: any
-  @property({ type: Object }) activityApproval?: any
-
-  @state() dataOoc?: any
-
-  render() {
-    return html`
-      <div content>
-        <ox-data-ooc-brief-view .dataOoc=${this.dataOoc}></ox-data-ooc-brief-view>
-      </div>
-    `
-  }
-
-  updated(changes) {
-    if (changes.has('input')) {
-      this.fetchDataOoc()
-    }
-  }
-
-  async fetchDataOoc() {
-    const id = this.input.dataOocId
-
-    if (id) {
-      const response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            dataOoc(id: $id) {
-              id
-              name
-              description
-              ooc
-              oos
-              state
-              type
-              useCase
-              data
-              judgment
-              history
-              correctiveAction
-              correctiveInstruction
-              dataSet {
-                id
-                name
-                monitorType
-                monitorView
-              }
-              dataItems {
-                name
-                description
-                active
-                hidden
-                tag
-                group
-                subgroup
-                type
-                unit
-                options
-                quota
-                spec
-                stat
-              }
-              workDate
-              workShift
-              reviewer {
-                id
-                name
-              }
-              corrector {
-                id
-                name
-              }
-              collectedAt
-              reviewedAt
-              correctedAt
-            }
-          }
-        `,
-        variables: {
-          id
-        }
-      })
-
-      const dataOoc = {
-        ...response.data.dataOoc
-      }
-
-      const activityThread = this.activityApproval?.activityThread
-
-      if (activityThread?.output) {
-        /* approval 에서 사용되는 경우 corrective 관련정보를 보완한다. - approval과정에서는 아직 dataOoc.correctiveAction 정보는 채워지지 않았기 때문. */
-        dataOoc.correctiveAction = activityThread.output.action
-        dataOoc.correctedAt = activityThread.updatedAt
-        dataOoc.corrector = activityThread.assignee
-      }
-
-      this.dataOoc = dataOoc
-    }
-  }
-}