mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-17 18:12:04 +00:00
28 lines
595 B
Vue
28 lines
595 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import { shorten } from '@/utils/typesUtils';
|
|
|
|
const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
|
|
const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
|
|
|
|
interface Props {
|
|
name: string;
|
|
testId: string;
|
|
limit?: number;
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
limit: DEFAULT_WORKFLOW_NAME_LIMIT,
|
|
});
|
|
|
|
const shortenedName = computed(() =>
|
|
shorten(props.name, props.limit, WORKFLOW_NAME_END_COUNT_TO_KEEP),
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<span :title="name" :data-test-id="testId">
|
|
<slot :shortened-name="shortenedName"></slot>
|
|
</span>
|
|
</template>
|