mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Make node title non-editable in executions view (#5046)

Browse source 
🐛 Fix node title non-editable in executions
This commit is contained in:
Iván Ovejero 2022-12-29 12:23:10 +01:00 committed by GitHub
parent d9b98fc8be
commit 2f40a7f98a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/editor-ui/src/components/NodeTitle.vue
View file

@ -1,7 +1,7 @@
<template>
<span :class="$style.container" data-test-id="node-title-container" @click="onEdit">
<span :class="$style.iconWrapper"><NodeIcon :nodeType="nodeType" :size="18" /></span>
<n8n-popover placement="right" width="200" :value="editName" :disabled="readOnly">
<n8n-popover placement="right" width="200" :value="editName" :disabled="!editable">
<div
:class="$style.editContainer"
@keydown.enter="onRename"
@ -28,10 +28,10 @@
</div>
</div>
<template #reference>
<div class="ph-no-capture" :class="{ [$style.title]: true, [$style.hoverable]: !readOnly }">
<div class="ph-no-capture" :class="{ [$style.title]: true, [$style.hoverable]: editable }">
{{ value }}
<div :class="$style.editIconContainer">
<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="!readOnly" />
<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" v-if="editable" />
</div>
</div>
</template>
@ -60,6 +60,11 @@ export default Vue.extend({
newName: '',
};
},
computed: {
editable(): boolean {
return !this.readOnly && window === window.parent;
},
},
methods: {
onEdit() {
this.newName = this.value;