diff --git a/src/components/genericComponents/tabIcon.vue b/src/components/genericComponents/tabIcon.vue index e6ea2c05..2460b111 100644 --- a/src/components/genericComponents/tabIcon.vue +++ b/src/components/genericComponents/tabIcon.vue @@ -8,7 +8,7 @@ >
- {{ title }} + {{ computedTitle }}
@@ -22,6 +22,11 @@ export default { type: String, required: true }, + title: { + type: String, + required: false, + default: undefined + }, currentTab: { type: String, required: true @@ -35,15 +40,19 @@ export default { }, computed: { - title: function() { - // Get the last section of a fully qualified name - var topName = this.id.split(".").pop(); - // Make first character uppercase, then add the rest of the string - return topName.charAt(0).toUpperCase() + topName.slice(1); + computedTitle: function() { + if (this.title !== undefined) { + return this.title; + } else { + // Get the last section of a fully qualified name + var topName = this.id.split(".").pop(); + // Make first character uppercase, then add the rest of the string + return topName.charAt(0).toUpperCase() + topName.slice(1); + } }, tooltipOptions: function() { - return `pos: right; title: ${this.title}; delay: 500`; + return `pos: right; title: ${this.computedTitle}; delay: 500`; }, classObject: function() { diff --git a/src/components/panelLeft.vue b/src/components/panelLeft.vue index e06fad85..e65f7a38 100644 --- a/src/components/panelLeft.vue +++ b/src/components/panelLeft.vue @@ -48,6 +48,7 @@ v-for="plugin in pluginsGuiList" :id="plugin.id" :key="plugin.id" + :title="plugin.title" :require-connection="plugin.requiresConnection" :current-tab="currentTab" :click-callback="updatePlugins"