rename component

This commit is contained in:
Mutasem 2022-03-29 08:14:59 +02:00
parent 58af5f7381
commit 236e736767
4 changed files with 13 additions and 13 deletions

View file

@ -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: {

View file

@ -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,

View file

@ -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: {

View file

@ -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 {