3c109ffab1
* fix(editor): update texts and styles * fix(editor): update texts and styles * fix(editor): move 'No execution found' to sidebar * fix(editor): change empty state title in executions * fix(editor): workflow execution list delete item * fix(editor): workflow execution always show sidebar * fix(editor): workflow execution unify date display mode * fix(editor): workflow execution empty list
81 lines
2.5 KiB
TypeScript
81 lines
2.5 KiB
TypeScript
import { IExecutionsSummary } from '@/Interface';
|
|
import { useWorkflowsStore } from '@/stores/workflows';
|
|
import { i18n as locale } from '@/plugins/i18n';
|
|
import { mapStores } from 'pinia';
|
|
import mixins from 'vue-typed-mixins';
|
|
import { genericHelpers } from './genericHelpers';
|
|
|
|
export interface IExecutionUIData {
|
|
name: string;
|
|
label: string;
|
|
startTime: string;
|
|
runningTime: string;
|
|
}
|
|
|
|
export const executionHelpers = mixins(genericHelpers).extend({
|
|
computed: {
|
|
...mapStores(useWorkflowsStore),
|
|
executionId(): string {
|
|
return this.$route.params.executionId;
|
|
},
|
|
workflowName(): string {
|
|
return this.workflowsStore.workflowName;
|
|
},
|
|
currentWorkflow(): string {
|
|
return this.$route.params.name || this.workflowsStore.workflowId;
|
|
},
|
|
executions(): IExecutionsSummary[] {
|
|
return this.workflowsStore.currentWorkflowExecutions;
|
|
},
|
|
activeExecution(): IExecutionsSummary | null {
|
|
return this.workflowsStore.activeWorkflowExecution;
|
|
},
|
|
},
|
|
methods: {
|
|
getExecutionUIDetails(execution: IExecutionsSummary): IExecutionUIData {
|
|
const status = {
|
|
name: 'unknown',
|
|
startTime: this.formatDate(execution.startedAt),
|
|
label: 'Status unknown',
|
|
runningTime: '',
|
|
};
|
|
|
|
if (execution.waitTill) {
|
|
status.name = 'waiting';
|
|
status.label = this.$locale.baseText('executionsList.waiting');
|
|
} else if (execution.stoppedAt === undefined) {
|
|
status.name = 'running';
|
|
status.label = this.$locale.baseText('executionsList.running');
|
|
status.runningTime = this.displayTimer(
|
|
new Date().getTime() - new Date(execution.startedAt).getTime(),
|
|
true,
|
|
);
|
|
} else if (execution.finished) {
|
|
status.name = 'success';
|
|
status.label = this.$locale.baseText('executionsList.succeeded');
|
|
if (execution.stoppedAt) {
|
|
status.runningTime = this.displayTimer(
|
|
new Date(execution.stoppedAt).getTime() - new Date(execution.startedAt).getTime(),
|
|
true,
|
|
);
|
|
}
|
|
} else if (execution.stoppedAt !== null) {
|
|
status.name = 'error';
|
|
status.label = this.$locale.baseText('executionsList.error');
|
|
if (execution.stoppedAt) {
|
|
status.runningTime = this.displayTimer(
|
|
new Date(execution.stoppedAt).getTime() - new Date(execution.startedAt).getTime(),
|
|
true,
|
|
);
|
|
}
|
|
}
|
|
|
|
return status;
|
|
},
|
|
formatDate(fullDate: Date | string | number) {
|
|
const { date, time } = this.convertToDisplayDate(fullDate);
|
|
return locale.baseText('executionsList.started', { interpolate: { time, date } });
|
|
},
|
|
},
|
|
});
|