n8n/packages/editor-ui/src/components/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');
		},
	},
});