admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 18:41:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

98
packages/editor-ui/src/components/Modal.vue
View File

@@ -1,52 +1,3 @@
<template>
<el-dialog
:model-value="uiStore.modalsById[name].open"
:before-close="onCloseDialog"
:class="{
'dialog-wrapper': true,
scrollable: scrollable,
[getCustomClass()]: true,
}"
:center="center"
:width="width"
:show-close="showClose"
:close-on-click-modal="closeOnClickModal"
:close-on-press-escape="closeOnPressEscape"
:style="styles"
:append-to-body="appendToBody"
:data-test-id="`${name}-modal`"
:modal-class="center ? $style.center : ''"
>
<template v-if="$slots.header" #header>
<slot v-if="!loading" name="header" />
</template>
<template v-else-if="title" #title>
<div :class="centerTitle ? $style.centerTitle : ''">
<div v-if="title">
<n8n-heading tag="h1" size="xlarge">{{ title }}</n8n-heading>
</div>
<div v-if="subtitle" :class="$style.subtitle">
<n8n-heading tag="h3" size="small" color="text-light">{{ subtitle }}</n8n-heading>
</div>
</div>
</template>
<div
class="modal-content"
@keydown.stop
@keydown.enter="handleEnter"
@keydown.esc="onCloseDialog"
>
<slot v-if="!loading" name="content" />
<div v-else :class="$style.loader">
<n8n-spinner />
</div>
</div>
<div v-if="!loading && $slots.footer" :class="$style.footer">
<slot name="footer" :close="closeDialog" />
</div>
</el-dialog>
</template>
<script lang="ts">
import { ElDialog } from 'element-plus';
import { defineComponent } from 'vue';
@@ -209,6 +160,55 @@ export default defineComponent({
});
</script>
<template>
<el-dialog
:model-value="uiStore.modalsById[name].open"
:before-close="onCloseDialog"
:class="{
'dialog-wrapper': true,
scrollable: scrollable,
[getCustomClass()]: true,
}"
:center="center"
:width="width"
:show-close="showClose"
:close-on-click-modal="closeOnClickModal"
:close-on-press-escape="closeOnPressEscape"
:style="styles"
:append-to-body="appendToBody"
:data-test-id="`${name}-modal`"
:modal-class="center ? $style.center : ''"
>
<template v-if="$slots.header" #header>
<slot v-if="!loading" name="header" />
</template>
<template v-else-if="title" #title>
<div :class="centerTitle ? $style.centerTitle : ''">
<div v-if="title">
<n8n-heading tag="h1" size="xlarge">{{ title }}</n8n-heading>
</div>
<div v-if="subtitle" :class="$style.subtitle">
<n8n-heading tag="h3" size="small" color="text-light">{{ subtitle }}</n8n-heading>
</div>
</div>
</template>
<div
class="modal-content"
@keydown.stop
@keydown.enter="handleEnter"
@keydown.esc="onCloseDialog"
>
<slot v-if="!loading" name="content" />
<div v-else :class="$style.loader">
<n8n-spinner />
</div>
</div>
<div v-if="!loading && $slots.footer" :class="$style.footer">
<slot name="footer" :close="closeDialog" />
</div>
</el-dialog>
</template>
<style lang="scss">
.dialog-wrapper {
&.el-dialog {