@things-factory/worklist 7.0.0-alpha.8 → 7.0.0

package/client/templates/activity-thread-context-template.ts

@@ -1,146 +0,0 @@
-import '@material/mwc-icon'
-import '@things-factory/organization/dist-client/component/approval-line-view.js'
-import '../components/activity-thread-timeline'
-
-import { html, css, LitElement, nothing } from 'lit'
-import { customElement, property, state } from 'lit/decorators.js'
-
-import { connect } from 'pwa-helpers/connect-mixin'
-
-import { ContextToolbarOverlayStyle } from '@operato/context/ox-context-toolbar-overlay-style.js'
-import { store } from '@operato/shell'
-import { i18next } from '@operato/i18n'
-
-const formatter = new Intl.DateTimeFormat(navigator.language, { dateStyle: 'full', timeStyle: 'short' })
-
-@customElement('activity-thread-context-template')
-class ActivityThreadContextTemplate extends connect(store)(LitElement) {
-  static styles = [
-    ContextToolbarOverlayStyle,
-    css`
-      :host {
-        background-color: var(--theme-white-color);
-        width: 100%;
-        min-width: 450px;
-        max-height: 100%;
-        overflow: auto;
-        --context-ui-padding: 0;
-      }
-
-      :host([state='assigned']) {
-        --worklist-status-color: #5f7184;
-      }
-
-      :host([state='started']) {
-        --worklist-status-color: #56af45;
-      }
-
-      :host([state='delegated']) {
-        --worklist-status-color: #8654b0;
-      }
-
-      :host([state='submitted']) {
-        --worklist-status-color: #428df3;
-      }
-
-      :host([state='escalated']) {
-        --worklist-status-color: #595de5;
-      }
-
-      :host([state='rejected']) {
-        --worklist-status-color: #f27429;
-      }
-
-      :host([state='ended']) {
-        --worklist-status-color: #02acae;
-      }
-
-      :host([state='aborted']) {
-        --worklist-status-color: #cb3a33;
-      }
-
-      :host:before {
-        content: '';
-        position: absolute;
-        width: 0;
-        height: 0;
-        border: 22px solid transparent;
-        border-left-color: var(--worklist-status-color);
-        border-right: 0;
-      }
-
-      div[info] {
-        padding: var(--padding-default);
-        border-bottom: var(--border-dark-color);
-        color: var(--secondary-color);
-
-        div {
-          display: flex;
-          align-items: center;
-          padding: var(--padding-narrow);
-          border-radius: var(--border-radius);
-          text-align: right;
-          clear: both;
-          overflow: hidden;
-        }
-
-        div:nth-child(odd) {
-          background-color: var(--main-section-background-color);
-        }
-
-        label {
-          display: inline-block;
-          width: 25%;
-          text-align: right;
-          margin-right: 20px;
-        }
-
-        span {
-          width: 15px;
-          height: 15px;
-          background-color: var(--worklist-status-color, tomato);
-          display: inline-block;
-          border-radius: 50%;
-        }
-      }
-
-      activity-thread-timeline {
-        margin: var(--margin-default);
-      }
-    `
-  ]
-
-  @property({ type: Object }) private activityThread
-
-  @state() private context
-
-  render() {
-    const activityThread = this.context.activityThread || this.activityThread || {}
-
-    const { state, round, dueAt, assignedAt, terminatedAt, assignee, activityInstance, activityApprovals } = activityThread || {}
-    const { name, description, approvalLine } = activityInstance || {}
-
-    return html`
-      <div flow>
-        <div approval-line>${approvalLine ? html` <approval-line-view .model=${approvalLine}></approval-line-view> ` : html``}</div>
-      </div>
-
-      <div info>
-        <div><label>${i18next.t('field.name')}</label> <strong>${name}</strong></div>
-        <div><label>${i18next.t('field.description')}</label> ${description}</div>
-        <div><label>${i18next.t('field.status')}</label> <span></span>&nbsp;<strong>${i18next.t('label.activity-state-' + state)}</strong></div>
-        <div><label>${i18next.t('field.round')}</label> <strong>${round}</strong></div>
-        <div><label>${i18next.t('field.assignee')}</label> <strong>${assignee?.name}</strong></div>
-        <div><label>${i18next.t('field.assigned-at')}</label> ${assignedAt && formatter.format(new Date(assignedAt))}</div>
-        <div><label>${i18next.t('field.due-at')}</label> ${dueAt && formatter.format(new Date(dueAt))}</div>
-        <div><label>${i18next.t('field.terminated-at')}</label> ${terminatedAt && formatter.format(new Date(terminatedAt))}</div>
-      </div>
-
-      <activity-thread-timeline .activityThread=${activityThread} short-form></activity-thread-timeline>
-    `
-  }
-
-  stateChanged(state) {
-    this.context = state.route.context
-  }
-}

package/client/themes/calendar-theme.css

@@ -1,54 +0,0 @@
-body {
-  --ox-calendar-padding: var(--padding-default);
-
-  /* monthly common color */
-  --calendar-monthly-text-color: var(--secondary-color);
-  --calendar-monthly-border: 1px solid rgba(0, 0, 0, 0.1);
-  --calendar-monthly-border-width: 0 1px 1px 0px;
-
-  /* monthly layout */
-  --calendar-monthly-ol-margin: var(--margin-default) 0;
-  --calendar-monthly-ol-top-border: 2px solid rgba(var(--secondary-color-rgb), 0.7);
-  --calendar-current-monty-background-color: var(--theme-white-color);
-  --calendar-monthly-label-align: left;
-  --calendar-monthly-label-padding: var(--padding-narrow) 0;
-  --calendar-monthly-label-color: rgba(var(--secondary-color-rgb), 0.8);
-  --calendar-monthly-opacity: 0.5;
-  --calendar-monthly-date-label-background-color: var(--status-danger-color);
-  --calendar-monthly-date-label-margin: var(--margin-narrow);
-  --calendar-monthly-date-label-padding: 0px 6px;
-  --calendar-monthly-date-label-color: var(--theme-white-color);
-
-  --calendar-monthly-background-color: #f4f4f4;
-  --calendar-monthly-event-border-radius: var(--border-radius);
-  --calendar-monthly-event-margin: var(--padding-narrow) 0 0 0;
-  --calendar-monthly-event-padding: 2px var(--padding-default);
-  --calendar-monthly-event-border: 3px solid #ccc;
-  --calendar-monthly-event-border-width: 0 0 0 3px;
-
-  /* weekly layout */
-  --calendar-weekly-ol-margin: var(--margin-default) 0;
-  --calendar-weekly-ol-top-border: 2px solid rgba(var(--secondary-color-rgb), 0.7);
-  --calendar-current-week-background-color: var(--theme-white-color);
-  --calendar-weekly-label-align: center;
-  --calendar-weekly-label-padding: var(--padding-narrow) 0;
-  --calendar-weekly-label-color: rgba(var(--secondary-color-rgb), 0.8);
-  --calendar-weekly-opacity: 0.5;
-  --calendar-weekly-date-label-background-color: var(--status-danger-color);
-  --calendar-weekly-date-label-margin: var(--margin-narrow);
-  --calendar-weekly-date-label-padding: 0px 6px;
-  --calendar-weekly-date-label-color: var(--theme-white-color);
-
-  --calendar-weekly-background-color: #f4f4f4;
-  --calendar-weekly-event-border-radius: var(--border-radius);
-  --calendar-weekly-event-margin: var(--padding-narrow) 0 0 0;
-  --calendar-weekly-event-padding: 2px var(--padding-default);
-  --calendar-weekly-event-border: 3px solid #ccc;
-  --calendar-weekly-event-border-width: 0 0 0 3px;
-}
-
-@media only screen and (max-width: 460px) {
-  body {
-    --calendar-monthly-text-color: tomato;
-  }
-}

package/client/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig-base.json",
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "declaration": true,
-    "module": "esnext",
-    "outDir": "../dist-client",
-    "baseUrl": "./"
-  },
-  "include": ["./**/*"]
-}

package/client/types/activity-approval.ts

@@ -1,62 +0,0 @@
-import { Domain, User } from '@operato/shell'
-
-import { ActivityThread } from './activity-thread'
-
-export enum ActivityApprovalJudgment {
-  Pending = '',
-  Rejected = 'rejected',
-  Escalated = 'escalated',
-  Delegated = 'delegated',
-  Approved = 'approved',
-  Aborted = 'aborted'
-}
-
-export class ActivityApproval {
-  id?: string
-
-  domain?: Domain
-
-  domainId?: string
-
-  originalApproval?: ActivityApproval
-
-  originalApprovalId?: string
-
-  derivedApprovals?: ActivityApproval
-
-  activityThread?: ActivityThread
-
-  activityThreadId?: string
-
-  round: number = 1
-
-  order?: number = 0
-
-  approver?: User
-
-  approverId?: string
-
-  judgment?: ActivityApprovalJudgment = ActivityApprovalJudgment.Pending
-
-  comment?: string
-
-  transaction?: string
-
-  createdAt?: Date
-
-  updatedAt?: Date
-
-  terminatedAt?: Date
-
-  creator?: User
-
-  creatorId?: string
-
-  updater?: User
-
-  updaterId?: string
-
-  terminator?: User
-
-  terminatorId?: string
-}

package/client/types/activity-instance-type.ts

@@ -1,125 +0,0 @@
-import { Role } from '@operato/shell'
-import { ApprovalLineItem } from '@things-factory/organization'
-
-import { ActivityType, ActivityUIType } from './activity'
-import { AssigneeItem, ActivityInstance, ActivityInstanceStatus } from './activity-instance'
-
-export class ActivityInstanceDraft {
-  id?: string
-
-  name?: string
-
-  activityId?: string
-
-  description?: string
-
-  priority?: number
-
-  reason?: string
-
-  threadsMin?: number
-
-  threadsMax?: number
-
-  dueAt?: Date
-
-  input?: { [key: string]: any }
-
-  adhocType?: string
-
-  refBy?: string
-
-  activityType?: ActivityType
-
-  uiType?: ActivityUIType
-
-  uiSource?: string
-
-  supervisoryRole?: Role
-
-  assigneeRole?: Role
-
-  assignees?: AssigneeItem[]
-
-  approvalLine?: ApprovalLineItem[]
-}
-
-export class ActivityInstanceIssue {
-  id?: string
-
-  name?: string
-
-  activityId?: string
-
-  description?: string
-
-  priority?: number
-
-  reason?: string
-
-  threadsMin?: number
-
-  threadsMax?: number
-
-  dueAt?: Date
-
-  input?: { [key: string]: any }
-
-  adhocType?: string
-
-  refBy?: string
-
-  activityType?: ActivityType
-
-  uiType?: ActivityUIType
-
-  uiSource?: string
-
-  supervisoryRole?: Role
-
-  assigneeRole?: Role
-
-  assignees?: AssigneeItem[]
-
-  approvalLine?: ApprovalLineItem[]
-}
-
-export class ActivityInstanceSave {
-  output?: { [key: string]: any }
-
-  assignees?: AssigneeItem[]
-
-  approvalLine?: ApprovalLineItem[]
-}
-
-export class ActivityInstancePatch {
-  id?: string
-
-  name?: string
-
-  description?: string
-
-  priority?: number
-
-  state?: ActivityInstanceStatus
-
-  threadsMin?: number
-
-  threadsMax?: number
-
-  dueAt?: Date
-
-  input?: { [key: string]: any }
-
-  assignees?: AssigneeItem[]
-
-  approvalLine?: ApprovalLineItem[]
-
-  cuFlag?: string
-}
-
-export class ActivityInstanceList {
-  items?: ActivityInstance[]
-
-  total?: number
-}

package/client/types/activity-instance.ts

@@ -1,128 +0,0 @@
-import { Domain, User, Role } from '@operato/shell'
-import { OrgMemberTargetType, OrgMemberTarget, ApprovalLineItem } from '@things-factory/organization'
-
-import { ActivityThread } from './activity-thread'
-import { Activity, ActivityType, ActivityUIType } from './activity'
-
-export enum ActivityInstanceStatus {
-  Draft = 'draft',
-  Issued = 'issued',
-  PendingAssignment = 'pending-assignment',
-  Assigned = 'assigned',
-  Started = 'started',
-  Pending = 'pending',
-  Ended = 'ended',
-  Aborted = 'aborted'
-}
-
-export class AssigneeItem {
-  type?: OrgMemberTargetType
-
-  value?: string
-
-  assignee?: OrgMemberTarget
-}
-
-export class ActivityInstance {
-  id?: string
-
-  version?: number = 1
-
-  domain?: Domain
-
-  name?: string
-
-  description?: string
-
-  activityType?: ActivityType
-
-  adhocType?: string
-
-  key01?: string = ''
-
-  key02?: string = ''
-
-  key03?: string = ''
-
-  key04?: string = ''
-
-  key05?: string = ''
-
-  activityThreads?: ActivityThread[]
-
-  uiType?: ActivityUIType
-
-  uiSource?: string
-
-  priority?: number = 1
-
-  state?: ActivityInstanceStatus
-
-  reason?: string
-
-  threadsMin?: number = 0
-
-  threadsMax?: number = 0
-
-  input?: { [key: string]: any }
-
-  output?: { [key: string]: any }
-
-  refBy?: string
-
-  activity?: Activity
-
-  assigneeRole?: Role
-
-  supervisoryRole?: Role
-
-  dueAt?: Date
-
-  transaction?: string
-
-  assignees?: AssigneeItem[]
-
-  approvalLine?: ApprovalLineItem[]
-
-  createdAt?: Date
-
-  updatedAt?: Date
-
-  assignedAt?: Date
-
-  startedAt?: Date
-
-  terminatedAt?: Date
-
-  creator?: User
-
-  creatorId?: string
-
-  updater?: User
-
-  updaterId?: string
-
-  issuer?: User
-
-  issuerId?: string
-
-  starter?: User
-
-  starterId?: string
-
-  terminator?: User
-
-  terminatorId?: string
-
-  thumbnail?: string
-
-  isDelegatable(): boolean {
-    switch (this.state) {
-      case ActivityInstanceStatus.Issued:
-      case ActivityInstanceStatus.Assigned:
-        return true
-      default:
-        return false
-    }
-  }
-}

package/client/types/activity-model-type.ts

@@ -1,40 +0,0 @@
-export enum ActivityModelItemInoutType {
-  in = 'in',
-  out = 'out',
-  inout = 'inout'
-}
-
-export enum ActivityModelItemType {
-  number = 'number',
-  text = 'text',
-  textarea = 'textarea',
-  boolean = 'boolean',
-  select = 'select',
-  file = 'file'
-}
-
-export class ActivityModelItem {
-  name?: string
-
-  description?: string
-
-  tag?: string
-
-  active?: boolean
-
-  hidden?: boolean
-
-  mandatory?: boolean
-
-  inout?: ActivityModelItemInoutType
-
-  type?: ActivityModelItemType
-
-  options?: { [option: string]: any }
-
-  unit?: string
-
-  quantifier?: number[]
-
-  spec?: { [key: string]: any }
-}

package/client/types/activity-search-key-item-type.ts

@@ -1,9 +0,0 @@
-export class ActivitySearchKeyItem {
-  name?: string
-
-  description?: string
-
-  inputKey?: string
-
-  tKey?: string
-}

package/client/types/activity-thread-history.ts

@@ -1,47 +0,0 @@
-import { Domain, User } from '@operato/shell'
-
-import { ActivityInstance } from './activity-instance'
-import { ActivityApproval } from './activity-approval'
-import { ActivityThreadStatus } from './activity-thread'
-
-export class ActivityThreadHistory {
-  id?: string
-
-  domain?: Domain
-
-  version?: number = 1
-
-  activityInstance?: ActivityInstance
-
-  activityApprovals?: ActivityApproval[]
-
-  state?: ActivityThreadStatus
-
-  output?: { [key: string]: any }
-
-  assignee?: User
-
-  round?: number = 1
-
-  transaction?: string
-
-  reason?: string
-
-  dueAt?: Date
-
-  assignedAt?: Date
-
-  startedAt?: Date
-
-  terminatedAt?: Date
-
-  createdAt?: Date
-
-  updatedAt?: Date
-
-  creator?: User
-
-  updater?: User
-
-  terminator?: User
-}

package/client/types/activity-thread-type.ts

@@ -1,19 +0,0 @@
-import { ActivityThread, ActivityThreadStatus } from './activity-thread'
-
-export class ActivityThreadPatch {
-  id?: string
-
-  state?: ActivityThreadStatus
-
-  active?: boolean
-}
-
-export class ActivityThreadSave {
-  output?: { [key: string]: any }
-}
-
-export class ActivityThreadList {
-  items?: ActivityThread[]
-
-  total?: number
-}

package/client/types/activity-thread.ts

@@ -1,60 +0,0 @@
-import { Domain, User } from '@operato/shell'
-
-import { ActivityInstance } from './activity-instance'
-import { ActivityApproval } from './activity-approval'
-import { ActivityThreadHistory } from './activity-thread-history'
-
-export enum ActivityThreadStatus {
-  Assigned = 'assigned',
-  Started = 'started',
-  Delegated = 'delegated',
-  Submitted = 'submitted',
-  Escalated = 'escalated',
-  Rejected = 'rejected',
-  Ended = 'ended',
-  Aborted = 'aborted'
-}
-
-export class ActivityThread {
-  id?: string
-
-  domain?: Domain
-
-  version?: number = 1
-
-  activityInstance?: ActivityInstance
-
-  activityApprovals?: ActivityApproval[]
-
-  activityThreadHistories?: ActivityThreadHistory[]
-
-  state?: ActivityThreadStatus
-
-  output?: { [key: string]: any }
-
-  assignee?: User
-
-  round?: number = 1
-
-  transaction?: string
-
-  reason?: string
-
-  dueAt?: Date
-
-  assignedAt?: Date
-
-  startedAt?: Date
-
-  terminatedAt?: Date
-
-  createdAt?: Date
-
-  updatedAt?: Date
-
-  creator?: User
-
-  updater?: User
-
-  terminator?: User
-}