mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
38 lines
895 B
Vue
38 lines
895 B
Vue
<script lang="ts" setup>
|
|
import Card from '@/components/CollectionWorkflowCard.vue';
|
|
import NodeList from '@/components/NodeList.vue';
|
|
import { useI18n } from '@/composables/useI18n';
|
|
import type { ITemplatesCollection } from '@/Interface';
|
|
|
|
withDefaults(
|
|
defineProps<{
|
|
collection: ITemplatesCollection;
|
|
loading?: boolean;
|
|
showItemCount?: boolean;
|
|
width: string;
|
|
}>(),
|
|
{
|
|
loading: false,
|
|
showItemCount: true,
|
|
},
|
|
);
|
|
|
|
const i18n = useI18n();
|
|
</script>
|
|
|
|
<template>
|
|
<Card :loading="loading" :title="collection.name" :style="{ width }">
|
|
<template #footer>
|
|
<span>
|
|
<n8n-text v-show="showItemCount" size="small" color="text-light">
|
|
{{ collection.workflows.length }}
|
|
{{ i18n.baseText('templates.workflows') }}
|
|
</n8n-text>
|
|
</span>
|
|
<NodeList :nodes="collection.nodes" :show-more="false" />
|
|
</template>
|
|
</Card>
|
|
</template>
|
|
|
|
<style lang="scss" module></style>
|