240d259260
## Summary As part of the plan to reuse current `CollectionCarousel` component, this PR makes it, and the cards it uses, more generic by renaming them and adds a new property to card component which can be used to hide the item count. #### How to test the change: Until the component that will use this is implmeneted, this can be tested manually: 1. Run n8n 2. Set `showItemCount` property for workflow collection cards to `false` 3. Check if workflow count is showing (it shouldn't) and if everything rendering correctly ## Issues fixed Fixes ADO-1567 ## Review / Merge checklist - [ ] PR title and summary are descriptive. **Remember, the title automatically goes into the changelog. Use `(no-changelog)` otherwise.** ([conventions](https://github.com/n8n-io/n8n/blob/master/.github/pull_request_title_conventions.md)) - [ ] [Docs updated](https://github.com/n8n-io/n8n-docs) or follow-up ticket created. - [ ] Tests included. > A bug is not considered fixed, unless a test is added to prevent it from happening again. A feature is not complete without tests. > > *(internal)* You can use Slack commands to trigger [e2e tests](https://www.notion.so/n8n/How-to-use-Test-Instances-d65f49dfc51f441ea44367fb6f67eb0a?pvs=4#a39f9e5ba64a48b58a71d81c837e8227) or [deploy test instance](https://www.notion.so/n8n/How-to-use-Test-Instances-d65f49dfc51f441ea44367fb6f67eb0a?pvs=4#f6a177d32bde4b57ae2da0b8e454bfce) or [deploy early access version on Cloud](https://www.notion.so/n8n/Cloudbot-3dbe779836004972b7057bc989526998?pvs=4#fef2d36ab02247e1a0f65a74f6fb534e).
44 lines
929 B
Vue
44 lines
929 B
Vue
<template>
|
|
<Card :loading="loading" :title="collection.name">
|
|
<template #footer>
|
|
<span>
|
|
<n8n-text v-show="showItemCount" size="small" color="text-light">
|
|
{{ collection.workflows.length }}
|
|
{{ $locale.baseText('templates.workflows') }}
|
|
</n8n-text>
|
|
</span>
|
|
<NodeList :nodes="collection.nodes" :showMore="false" />
|
|
</template>
|
|
</Card>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
import { genericHelpers } from '@/mixins/genericHelpers';
|
|
import Card from '@/components/CollectionWorkflowCard.vue';
|
|
import NodeList from '@/components/NodeList.vue';
|
|
|
|
export default defineComponent({
|
|
name: 'TemplatesInfoCard',
|
|
mixins: [genericHelpers],
|
|
props: {
|
|
loading: {
|
|
type: Boolean,
|
|
},
|
|
collection: {
|
|
type: Object,
|
|
},
|
|
showItemCount: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
},
|
|
components: {
|
|
Card,
|
|
NodeList,
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" module></style>
|