mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-24 04:04:06 -08:00
🐛 Fix HTML rendering in read only component
This commit is contained in:
parent
f0d8266aa8
commit
3411b5d0e8
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -182,8 +182,10 @@
|
|||
"openWorkflow": "🇩🇪 Open Workflow",
|
||||
"of": "🇩🇪 of",
|
||||
"workflow": "🇩🇪 workflow",
|
||||
"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."
|
||||
"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",
|
||||
|
|
|
@ -166,8 +166,10 @@
|
|||
"openWorkflow": "Open Workflow",
|
||||
"of": "of",
|
||||
"workflow": "workflow",
|
||||
"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."
|
||||
"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",
|
||||
|
|
Loading…
Reference in a new issue