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"