refactor(editor): Standardize components sections order (no-changelog) (#10540)

This commit is contained in:
Ricardo Espinoza
2024-08-24 09:24:08 -04:00
committed by GitHub
parent 4d48f903af
commit 609bc4d97d
215 changed files with 10387 additions and 10376 deletions

View File

@@ -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;