mirror of
https://github.com/n8n-io/n8n.git
synced 2025-01-13 05:47:31 -08:00
rename component
This commit is contained in:
parent
58af5f7381
commit
236e736767
|
@ -26,13 +26,13 @@
|
|||
</span>
|
||||
{{ $locale.baseText('executionDetails.of') }}
|
||||
<span class="primary-color clickable" :title="$locale.baseText('executionDetails.openWorkflow')">
|
||||
<WorkflowNameShort :name="workflowName">
|
||||
<ShortenName :name="workflowName">
|
||||
<template v-slot="{ shortenedName }">
|
||||
<span @click="openWorkflow(workflowExecution.workflowId)">
|
||||
"{{ shortenedName }}"
|
||||
</span>
|
||||
</template>
|
||||
</WorkflowNameShort>
|
||||
</ShortenName>
|
||||
</span>
|
||||
{{ $locale.baseText('executionDetails.workflow') }}
|
||||
</span>
|
||||
|
@ -47,13 +47,13 @@ import { IExecutionResponse } from "../../../Interface";
|
|||
|
||||
import { titleChange } from "@/components/mixins/titleChange";
|
||||
|
||||
import WorkflowNameShort from "@/components/WorkflowNameShort.vue";
|
||||
import ShortenName from "@/components/ShortenName.vue";
|
||||
import ReadOnly from "@/components/MainHeader/ExecutionDetails/ReadOnly.vue";
|
||||
|
||||
export default mixins(titleChange).extend({
|
||||
name: "ExecutionDetails",
|
||||
components: {
|
||||
WorkflowNameShort,
|
||||
ShortenName,
|
||||
ReadOnly,
|
||||
},
|
||||
computed: {
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div class="container" v-if="workflowName">
|
||||
<BreakpointsObserver :valueXS="15" :valueSM="25" :valueMD="50" class="name-container">
|
||||
<template v-slot="{ value }">
|
||||
<WorkflowNameShort
|
||||
<ShortenName
|
||||
:name="workflowName"
|
||||
:limit="value"
|
||||
:custom="true"
|
||||
|
@ -19,7 +19,7 @@
|
|||
class="name"
|
||||
/>
|
||||
</template>
|
||||
</WorkflowNameShort>
|
||||
</ShortenName>
|
||||
</template>
|
||||
</BreakpointsObserver>
|
||||
|
||||
|
@ -81,7 +81,7 @@ import mixins from "vue-typed-mixins";
|
|||
import { mapGetters } from "vuex";
|
||||
import { MAX_WORKFLOW_NAME_LENGTH } from "@/constants";
|
||||
|
||||
import WorkflowNameShort from "@/components/WorkflowNameShort.vue";
|
||||
import ShortenName from "@/components/ShortenName.vue";
|
||||
import TagsContainer from "@/components/TagsContainer.vue";
|
||||
import PushConnectionTracker from "@/components/PushConnectionTracker.vue";
|
||||
import WorkflowActivator from "@/components/WorkflowActivator.vue";
|
||||
|
@ -105,7 +105,7 @@ export default mixins(workflowHelpers).extend({
|
|||
components: {
|
||||
TagsContainer,
|
||||
PushConnectionTracker,
|
||||
WorkflowNameShort,
|
||||
ShortenName,
|
||||
WorkflowActivator,
|
||||
SaveButton,
|
||||
TagsDropdown,
|
||||
|
|
|
@ -17,11 +17,11 @@
|
|||
</div>
|
||||
</div>
|
||||
<span :class="$style.title" slot="reference">
|
||||
<WorkflowNameShort :name="value" :limit="40">
|
||||
<ShortenName :name="value" :limit="40">
|
||||
<template v-slot="{ shortenedName }">
|
||||
{{ shortenedName }}
|
||||
</template>
|
||||
</WorkflowNameShort>
|
||||
</ShortenName>
|
||||
<font-awesome-icon :class="$style.editIcon" icon="pencil-alt" />
|
||||
</span>
|
||||
</el-popover>
|
||||
|
@ -30,10 +30,10 @@
|
|||
|
||||
<script lang="ts">
|
||||
import Vue from 'vue';
|
||||
import WorkflowNameShort from './WorkflowNameShort.vue';
|
||||
import ShortenName from './ShortenName.vue';
|
||||
|
||||
export default Vue.extend({
|
||||
components: { WorkflowNameShort },
|
||||
components: { ShortenName },
|
||||
name: 'NodeTitle',
|
||||
props: {
|
||||
value: {
|
||||
|
|
|
@ -11,7 +11,7 @@ const DEFAULT_WORKFLOW_NAME_LIMIT = 25;
|
|||
const WORKFLOW_NAME_END_COUNT_TO_KEEP = 4;
|
||||
|
||||
export default Vue.extend({
|
||||
name: "WorkflowNameShort",
|
||||
name: "ShortenName",
|
||||
props: ["name", "limit"],
|
||||
computed: {
|
||||
shortenedName(): string {
|
Loading…
Reference in a new issue