mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-18 18:41:14 +00:00
refactor(editor): Standardize components sections order (no-changelog) (#10540)
This commit is contained in:
@@ -1,54 +1,3 @@
|
||||
<template>
|
||||
<TemplatesView :go-back-enabled="true">
|
||||
<template #header>
|
||||
<div v-if="!notFoundError" :class="$style.wrapper">
|
||||
<div :class="$style.title">
|
||||
<n8n-heading v-if="collection && collection.name" tag="h1" size="2xlarge">
|
||||
{{ collection.name }}
|
||||
</n8n-heading>
|
||||
<n8n-text v-if="collection && collection.name" color="text-base" size="small">
|
||||
{{ $locale.baseText('templates.collection') }}
|
||||
</n8n-text>
|
||||
<n8n-loading :loading="!collection || !collection.name" :rows="2" variant="h1" />
|
||||
</div>
|
||||
</div>
|
||||
<div v-else :class="$style.notFound">
|
||||
<n8n-text color="text-base">{{
|
||||
$locale.baseText('templates.collectionsNotFound')
|
||||
}}</n8n-text>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="!notFoundError" #content>
|
||||
<div :class="$style.wrapper">
|
||||
<div :class="$style.mainContent">
|
||||
<div v-if="loading || isFullTemplatesCollection(collection)" :class="$style.markdown">
|
||||
<n8n-markdown
|
||||
:content="isFullTemplatesCollection(collection) && collection.description"
|
||||
:images="isFullTemplatesCollection(collection) && collection.image"
|
||||
:loading="loading"
|
||||
/>
|
||||
</div>
|
||||
<TemplateList
|
||||
:infinite-scroll-enabled="false"
|
||||
:loading="loading"
|
||||
:use-workflow-button="true"
|
||||
:workflows="collectionWorkflows"
|
||||
@use-workflow="onUseWorkflow"
|
||||
@open-template="onOpenTemplate"
|
||||
/>
|
||||
</div>
|
||||
<div :class="$style.details">
|
||||
<TemplateDetails
|
||||
:block-title="$locale.baseText('template.details.appsInTheCollection')"
|
||||
:loading="loading"
|
||||
:template="collection"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</TemplatesView>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue';
|
||||
import { mapStores } from 'pinia';
|
||||
@@ -177,6 +126,57 @@ export default defineComponent({
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<TemplatesView :go-back-enabled="true">
|
||||
<template #header>
|
||||
<div v-if="!notFoundError" :class="$style.wrapper">
|
||||
<div :class="$style.title">
|
||||
<n8n-heading v-if="collection && collection.name" tag="h1" size="2xlarge">
|
||||
{{ collection.name }}
|
||||
</n8n-heading>
|
||||
<n8n-text v-if="collection && collection.name" color="text-base" size="small">
|
||||
{{ $locale.baseText('templates.collection') }}
|
||||
</n8n-text>
|
||||
<n8n-loading :loading="!collection || !collection.name" :rows="2" variant="h1" />
|
||||
</div>
|
||||
</div>
|
||||
<div v-else :class="$style.notFound">
|
||||
<n8n-text color="text-base">{{
|
||||
$locale.baseText('templates.collectionsNotFound')
|
||||
}}</n8n-text>
|
||||
</div>
|
||||
</template>
|
||||
<template v-if="!notFoundError" #content>
|
||||
<div :class="$style.wrapper">
|
||||
<div :class="$style.mainContent">
|
||||
<div v-if="loading || isFullTemplatesCollection(collection)" :class="$style.markdown">
|
||||
<n8n-markdown
|
||||
:content="isFullTemplatesCollection(collection) && collection.description"
|
||||
:images="isFullTemplatesCollection(collection) && collection.image"
|
||||
:loading="loading"
|
||||
/>
|
||||
</div>
|
||||
<TemplateList
|
||||
:infinite-scroll-enabled="false"
|
||||
:loading="loading"
|
||||
:use-workflow-button="true"
|
||||
:workflows="collectionWorkflows"
|
||||
@use-workflow="onUseWorkflow"
|
||||
@open-template="onOpenTemplate"
|
||||
/>
|
||||
</div>
|
||||
<div :class="$style.details">
|
||||
<TemplateDetails
|
||||
:block-title="$locale.baseText('template.details.appsInTheCollection')"
|
||||
:loading="loading"
|
||||
:template="collection"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</TemplatesView>
|
||||
</template>
|
||||
|
||||
<style lang="scss" module>
|
||||
.wrapper {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user