fix(App): Allow opening any view in a new tab

see #1833

Signed-off-by: Marcel Klehr <[email protected]>

Author: marcelklehr

_locales/en/messages.json

@@ -818,5 +818,8 @@
   },
   "DescriptionAutosync": {
     "message": "Turning on automatic sync will make sure a sync run is triggered regularly within a certain configurable interval as well as on demand a few seconds after you make changes. If you don't turn on automatic sync you will need to trigger sync runs manually by pressing the sync button."
+  },
+  "LabelOpeninnewtab": {
+    "message": "Open this view in a new tab"
   }
 }

src/ui/App.vue

@@ -63,6 +63,21 @@
             </template>
             <span>{{ t('LabelTelemetry') }}</span>
           </v-tooltip>
+          <v-tooltip top>
+            <template #activator="{ on, attrs }">
+              <v-btn
+                x-small
+                text
+                class="white--text"
+                v-bind="attrs"
+                target="_blank"
+                @click="openInNewTab"
+                v-on="on">
+                <v-icon>mdi-open-in-new</v-icon>
+              </v-btn>
+            </template>
+            <span>{{ t('LabelOpeninnewtab') }}</span>
+          </v-tooltip>
         </v-col>
       </v-row>
     </v-footer>
@@ -152,6 +167,9 @@ export default {
         this.unlockError = e.message
         this.key = ''
       }
+    },
+    openInNewTab() {
+      window.open(window.location.href, '_blank')
     }
   }
 }