Added stream view tab

src/components/appContent.vue

@@ -31,6 +31,15 @@
 
       <hr />
 
+      <tabIcon
+        id="view-tab-icon"
+        tab-i-d="view"
+        :require-connection="true"
+        :current-tab="currentTab"
+        @set-tab="setTab"
+      >
+        <i class="material-icons">visibility</i>
+      </tabIcon>
       <tabIcon
         id="navigate-tab-icon"
         tab-i-d="navigate"
@@ -94,6 +103,13 @@
       >
         <galleryContent />
       </tabContent>
+      <tabContent
+        tab-i-d="view"
+        :require-connection="true"
+        :current-tab="currentTab"
+      >
+        <viewContent />
+      </tabContent>
       <tabContent
         tab-i-d="navigate"
         :require-connection="true"
@@ -145,6 +161,7 @@ import tabContent from "./genericComponents/tabContent";
 import connectContent from "./tabContentComponents/connectContent.vue";
 import navigateContent from "./tabContentComponents/navigateContent.vue";
 import captureContent from "./tabContentComponents/captureContent.vue";
+import viewContent from "./tabContentComponents/viewContent.vue";
 import settingsContent from "./tabContentComponents/settingsContent.vue";
 import galleryContent from "./tabContentComponents/galleryContent.vue";
 import extensionContent from "./tabContentComponents/extensionContent.vue";
@@ -159,6 +176,7 @@ export default {
     connectContent,
     navigateContent,
     captureContent,
+    viewContent,
     settingsContent,
     galleryContent,
     extensionContent

src/components/tabContentComponents/viewContent.vue

@@ -0,0 +1,20 @@
+<template>
+  <!-- Grid managing tab content -->
+  <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
+    <div class="view-component uk-width-expand">
+      <streamDisplay />
+    </div>
+  </div>
+</template>
+
+<script>
+import streamDisplay from "../viewComponents/streamDisplay.vue";
+
+export default {
+  name: "ViewContent",
+
+  components: {
+    streamDisplay
+  }
+};
+</script>