n8n/packages/editor-ui/src/mixins/executionsHelpers.ts

import { IExecutionsSummary } from '@/Interface';
import { useWorkflowsStore } from '@/stores/workflows';
import dateFormat from 'dateformat';
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(new Date(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(date: Date) {
			if (date.getFullYear() === new Date().getFullYear()) {
				return dateFormat(date.getTime(), 'HH:MM:ss "on" d mmm');
			}
			return dateFormat(date.getTime(), 'HH:MM:ss "on" d mmm yyyy');
		},
	},
});