admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-20 19:32:15 +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

64
packages/editor-ui/src/components/InlineNameEdit.vue
View File

@@ -1,35 +1,3 @@
<template>
<div :class="$style.container">
<span v-if="readonly" :class="$style.headline">
{{ modelValue }}
</span>
<div
v-else
:class="[$style.headline, $style['headline-editable']]"
@keydown.stop
@click="enableNameEdit"
>
<div v-if="!isNameEdit">
<span>{{ modelValue }}</span>
<i><font-awesome-icon icon="pen" /></i>
</div>
<div v-else :class="$style.nameInput">
<n8n-input
ref="nameInput"
:model-value="modelValue"
size="xlarge"
:maxlength="64"
@update:model-value="onNameEdit"
@change="disableNameEdit"
/>
</div>
</div>
<div v-if="!isNameEdit && subtitle" :class="$style.subtitle">
{{ subtitle }}
</div>
</div>
</template>
<script setup lang="ts">
import { nextTick, ref } from 'vue';
import { useToast } from '@/composables/useToast';
@@ -79,6 +47,38 @@ const disableNameEdit = () => {
onClickOutside(nameInput, disableNameEdit);
</script>
<template>
<div :class="$style.container">
<span v-if="readonly" :class="$style.headline">
{{ modelValue }}
</span>
<div
v-else
:class="[$style.headline, $style['headline-editable']]"
@keydown.stop
@click="enableNameEdit"
>
<div v-if="!isNameEdit">
<span>{{ modelValue }}</span>
<i><font-awesome-icon icon="pen" /></i>
</div>
<div v-else :class="$style.nameInput">
<n8n-input
ref="nameInput"
:model-value="modelValue"
size="xlarge"
:maxlength="64"
@update:model-value="onNameEdit"
@change="disableNameEdit"
/>
</div>
</div>
<div v-if="!isNameEdit && subtitle" :class="$style.subtitle">
{{ subtitle }}
</div>
</div>
</template>
<style module lang="scss">
.container {
display: flex;