mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-02 07:01:30 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Implement simple view for templates experiment (no-changelog) (#6637)

Browse source 
Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>
This commit is contained in:
OlegIvaniv 2023-07-11 12:16:48 +02:00 committed by GitHub
parent d6b2ae0255
commit 180ab8d7c2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/editor-ui/src/components/TemplateCard.vue
View file

@ -13,7 +13,7 @@
</div> </div>
<div v-else> <div v-else>
<n8n-heading :bold="true" size="small">{{ workflow.name }}</n8n-heading> <n8n-heading :bold="true" size="small">{{ workflow.name }}</n8n-heading>
<div :class="$style.content"> <div :class="$style.content" v-if="!simpleView">
<span v-if="workflow.totalViews"> <span v-if="workflow.totalViews">
<n8n-text size="small" color="text-light"> <n8n-text size="small" color="text-light">
<font-awesome-icon icon="eye" /> <font-awesome-icon icon="eye" />
@ -72,6 +72,10 @@ export default defineComponent({
loading: { loading: {
type: Boolean, type: Boolean,
}, },
simpleView: {
type: Boolean,
default: false,
},
}, },
components: { components: {
TimeAgo, TimeAgo,
@ -122,6 +126,7 @@ export default defineComponent({
background-color: var(--color-background-xlight); background-color: var(--color-background-xlight);
display: flex; display: flex;
align-items: center;
padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s); padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
background-color: var(--color-background-xlight); background-color: var(--color-background-xlight);
cursor: pointer; cursor: pointer;

5
packages/editor-ui/src/components/TemplateList.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div :class="$style.list" v-if="loading || workflows.length"> <div :class="$style.list" v-if="loading || workflows.length">
<div :class="$style.header" v-if="!hideHeader"> <div :class="$style.header" v-if="!simpleView">
<n8n-heading :bold="true" size="medium" color="text-light"> <n8n-heading :bold="true" size="medium" color="text-light">
{{ $locale.baseText('templates.workflows') }} {{ $locale.baseText('templates.workflows') }}
<span v-if="!loading && totalWorkflows" v-text="`(${totalWorkflows})`" /> <span v-if="!loading && totalWorkflows" v-text="`(${totalWorkflows})`" />
@ -12,6 +12,7 @@
:key="workflow.id" :key="workflow.id"
:workflow="workflow" :workflow="workflow"
:firstItem="index === 0" :firstItem="index === 0"
:simple-view="simpleView"
:lastItem="index === workflows.length - 1 && !loading" :lastItem="index === workflows.length - 1 && !loading"
:useWorkflowButton="useWorkflowButton" :useWorkflowButton="useWorkflowButton"
@click="(e) => onCardClick(e, workflow.id)" @click="(e) => onCardClick(e, workflow.id)"
@ -57,7 +58,7 @@ export default defineComponent({
totalWorkflows: { totalWorkflows: {
type: Number, type: Number,
}, },
hideHeader: { simpleView: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },

2
packages/editor-ui/src/views/TemplatesSearchView.vue
View file

@ -65,7 +65,7 @@
:loading="loadingWorkflows" :loading="loadingWorkflows"
:total-workflows="totalWorkflows" :total-workflows="totalWorkflows"
:workflows="isFixedListExperiment ? fixedTemplatesList : workflows" :workflows="isFixedListExperiment ? fixedTemplatesList : workflows"
:hide-header="isFixedListExperiment" :simple-view="isFixedListExperiment"
@loadMore="onLoadMore" @loadMore="onLoadMore"
@openTemplate="onOpenTemplate" @openTemplate="onOpenTemplate"
/> />