@things-factory/worklist 9.0.0-beta.24 → 9.0.0-beta.27

package/dist-client/templates/activity-thread-context-template.js

@@ -1,169 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/icon/icon.js';
-import '@things-factory/organization/dist-client/component/approval-line-view.js';
-import '../components/activity-thread-timeline';
-import { html, css, LitElement } 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';
-function getSafeFormatter(locale, options) {
-    try {
-        const safeLocale = locale || 'en-US';
-        return new Intl.DateTimeFormat(safeLocale, options);
-    }
-    catch (e) {
-        console.warn(`Invalid locale or options provided: ${locale}, falling back to default en-US.`, e);
-        return new Intl.DateTimeFormat('en-US', options);
-    }
-}
-const formatter = getSafeFormatter(navigator.language, { dateStyle: 'full', timeStyle: 'short' });
-let ActivityThreadContextTemplate = class ActivityThreadContextTemplate extends connect(store)(LitElement) {
-    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 === null || assignee === void 0 ? void 0 : 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;
-    }
-};
-ActivityThreadContextTemplate.styles = [
-    ContextToolbarOverlayStyle,
-    css `
-      :host {
-        background-color: var(--md-sys-color-surface);
-        width: 100%;
-        min-width: 450px;
-        max-height: 100%;
-        overflow: auto;
-        --context-ui-padding: 0;
-      }
-
-      :host([state='unassigned']) {
-        --worklist-status-color: #5f7184;
-      }
-
-      :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(--spacing-medium);
-        border-bottom: var(--border-dim-color);
-        color: var(--md-sys-color-secondary);
-
-        div {
-          display: flex;
-          align-items: center;
-          padding: var(--spacing-small);
-          border-radius: var(--border-radius);
-          text-align: right;
-          clear: both;
-          overflow: hidden;
-        }
-
-        div:nth-child(odd) {
-          background-color: var(--md-sys-color-background);
-        }
-
-        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(--spacing-medium);
-      }
-    `
-];
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], ActivityThreadContextTemplate.prototype, "activityThread", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], ActivityThreadContextTemplate.prototype, "context", void 0);
-ActivityThreadContextTemplate = __decorate([
-    customElement('activity-thread-context-template')
-], ActivityThreadContextTemplate);
-//# sourceMappingURL=activity-thread-context-template.js.map

package/dist-client/templates/activity-thread-context-template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"activity-thread-context-template.js","sourceRoot":"","sources":["../../client/templates/activity-thread-context-template.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@things-factory/organization/dist-client/component/approval-line-view.js'\nimport '../components/activity-thread-timeline'\n\nimport { html, css, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { ContextToolbarOverlayStyle } from '@operato/context/ox-context-toolbar-overlay-style.js'\nimport { store } from '@operato/shell'\nimport { i18next } from '@operato/i18n'\n\nfunction getSafeFormatter(locale: string, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat {\n  try {\n    const safeLocale = locale || 'en-US'\n    return new Intl.DateTimeFormat(safeLocale, options)\n  } catch (e) {\n    console.warn(`Invalid locale or options provided: ${locale}, falling back to default en-US.`, e)\n    return new Intl.DateTimeFormat('en-US', options)\n  }\n}\n\nconst formatter = getSafeFormatter(navigator.language, { dateStyle: 'full', timeStyle: 'short' })\n@customElement('activity-thread-context-template')\nclass ActivityThreadContextTemplate extends connect(store)(LitElement) {\n  static styles = [\n    ContextToolbarOverlayStyle,\n    css`\n      :host {\n        background-color: var(--md-sys-color-surface);\n        width: 100%;\n        min-width: 450px;\n        max-height: 100%;\n        overflow: auto;\n        --context-ui-padding: 0;\n      }\n\n      :host([state='unassigned']) {\n        --worklist-status-color: #5f7184;\n      }\n\n      :host([state='assigned']) {\n        --worklist-status-color: #5f7184;\n      }\n\n      :host([state='started']) {\n        --worklist-status-color: #56af45;\n      }\n\n      :host([state='delegated']) {\n        --worklist-status-color: #8654b0;\n      }\n\n      :host([state='submitted']) {\n        --worklist-status-color: #428df3;\n      }\n\n      :host([state='escalated']) {\n        --worklist-status-color: #595de5;\n      }\n\n      :host([state='rejected']) {\n        --worklist-status-color: #f27429;\n      }\n\n      :host([state='ended']) {\n        --worklist-status-color: #02acae;\n      }\n\n      :host([state='aborted']) {\n        --worklist-status-color: #cb3a33;\n      }\n\n      :host:before {\n        content: '';\n        position: absolute;\n        width: 0;\n        height: 0;\n        border: 22px solid transparent;\n        border-left-color: var(--worklist-status-color);\n        border-right: 0;\n      }\n\n      div[info] {\n        padding: var(--spacing-medium);\n        border-bottom: var(--border-dim-color);\n        color: var(--md-sys-color-secondary);\n\n        div {\n          display: flex;\n          align-items: center;\n          padding: var(--spacing-small);\n          border-radius: var(--border-radius);\n          text-align: right;\n          clear: both;\n          overflow: hidden;\n        }\n\n        div:nth-child(odd) {\n          background-color: var(--md-sys-color-background);\n        }\n\n        label {\n          display: inline-block;\n          width: 25%;\n          text-align: right;\n          margin-right: 20px;\n        }\n\n        span {\n          width: 15px;\n          height: 15px;\n          background-color: var(--worklist-status-color, tomato);\n          display: inline-block;\n          border-radius: 50%;\n        }\n      }\n\n      activity-thread-timeline {\n        margin: var(--spacing-medium);\n      }\n    `\n  ]\n\n  @property({ type: Object }) private activityThread\n\n  @state() private context\n\n  render() {\n    const activityThread = this.context.activityThread || this.activityThread || {}\n\n    const { state, round, dueAt, assignedAt, terminatedAt, assignee, activityInstance, activityApprovals } =\n      activityThread || {}\n    const { name, description, approvalLine } = activityInstance || {}\n\n    return html`\n      <div flow>\n        <div approval-line>\n          ${approvalLine ? html` <approval-line-view .model=${approvalLine}></approval-line-view> ` : html``}\n        </div>\n      </div>\n\n      <div info>\n        <div><label>${i18next.t('field.name')}</label> <strong>${name}</strong></div>\n        <div><label>${i18next.t('field.description')}</label> ${description}</div>\n        <div>\n          <label>${i18next.t('field.status')}</label> <span></span>&nbsp;<strong\n            >${i18next.t('label.activity-state-' + state)}</strong\n          >\n        </div>\n        <div><label>${i18next.t('field.round')}</label> <strong>${round}</strong></div>\n        <div><label>${i18next.t('field.assignee')}</label> <strong>${assignee?.name}</strong></div>\n        <div>\n          <label>${i18next.t('field.assigned-at')}</label> ${assignedAt && formatter.format(new Date(assignedAt))}\n        </div>\n        <div><label>${i18next.t('field.due-at')}</label> ${dueAt && formatter.format(new Date(dueAt))}</div>\n        <div>\n          <label>${i18next.t('field.terminated-at')}</label> ${terminatedAt && formatter.format(new Date(terminatedAt))}\n        </div>\n      </div>\n\n      <activity-thread-timeline .activityThread=${activityThread} short-form></activity-thread-timeline>\n    `\n  }\n\n  stateChanged(state) {\n    this.context = state.route.context\n  }\n}\n"]}