mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-24 04:04:06 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

🐛 Fix HTML rendering in read only component

Browse source
This commit is contained in:
Iván Ovejero 2021-12-03 11:28:39 +01:00
parent f0d8266aa8
commit 3411b5d0e8
4 changed files with 41 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
View file

@ -36,15 +36,7 @@
</span>
{{ $baseText('executionDetails.workflow') }}
</span>
<n8n-tooltip class="read-only primary-color" placement="bottom-end" >
<div slot="content">
{{ $baseText('executionDetails.youreViewingTheLogOf') }}
</div>
<span>
<font-awesome-icon icon="exclamation-triangle" />
{{ $baseText('executionDetails.readOnly') }}
</span>
</n8n-tooltip>
<ReadOnly class="read-only" />
</div>
</template>
@ -57,11 +49,13 @@ import { titleChange } from "@/components/mixins/titleChange";
import WorkflowNameShort from "@/components/WorkflowNameShort.vue";
import { renderText } from "@/components/mixins/renderText";
import ReadOnly from "@/components/MainHeader/ExecutionDetails/ReadOnly.vue";
export default mixins(titleChange, renderText).extend({
name: "ExecutionDetails",
components: {
WorkflowNameShort,
ReadOnly,
},
computed: {
executionId(): string | undefined {
@ -124,4 +118,8 @@ export default mixins(titleChange, renderText).extend({
.read-only {
align-self: flex-end;
}
.el-tooltip.read-only div {
max-width: 400px;
}
</style>

26
packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue Normal file
View file

@ -0,0 +1,26 @@
<template>
<n8n-tooltip class="primary-color" placement="bottom-end" >
<div slot="content">
<span v-html="$baseText('executionDetails.readOnly.youreViewingTheLogOf')"></span>
</div>
<div>
<font-awesome-icon icon="exclamation-triangle" />
<span v-html="$baseText('executionDetails.readOnly.readOnly')"></span>
</div>
</n8n-tooltip>
</template>
<script lang="ts">
import { renderText } from "@/components/mixins/renderText";
import mixins from "vue-typed-mixins";
export default mixins(renderText).extend({
name: "ReadOnly",
});
</script>
<style scoped>
svg {
margin-right: 6px;
}
</style>

2
packages/editor-ui/src/i18n/locales/de.json
View file

@ -182,8 +182,10 @@
"openWorkflow": "🇩🇪 Open Workflow",
"of": "🇩🇪 of",
"workflow": "🇩🇪 workflow",
"readOnly": {
"readOnly": "🇩🇪 Read only",
"youreViewingTheLogOf": "🇩🇪 You're viewing the log of a previous execution. You cannot<br />\n\t\tmake changes since this execution already occurred. Make changes<br />\n\t\tto this workflow by clicking on its name on the left."
}
},
"executionsList": {
"allWorkflows": "🇩🇪 All Workflows",

2
packages/editor-ui/src/i18n/locales/en.json
View file

@ -166,8 +166,10 @@
"openWorkflow": "Open Workflow",
"of": "of",
"workflow": "workflow",
"readOnly": {
"readOnly": "Read only",
"youreViewingTheLogOf": "You're viewing the log of a previous execution. You cannot<br />\n\t\tmake changes since this execution already occurred. Make changes<br />\n\t\tto this workflow by clicking on its name on the left."
}
},
"executionsList": {
"allWorkflows": "All Workflows",