From ba280c628498974a435eef79042269556359ddb2 Mon Sep 17 00:00:00 2001
From: Joel Collins <joel@jtcollins.net>
Date: Thu, 30 Apr 2020 15:01:16 +0100
Subject: [PATCH] Added stream view tab

---
 src/components/appContent.vue                 | 18 +++++++++++++++++
 .../tabContentComponents/viewContent.vue      | 20 +++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/components/tabContentComponents/viewContent.vue

diff --git a/src/components/appContent.vue b/src/components/appContent.vue
index fa5dc882..049b5d41 100644
--- a/src/components/appContent.vue
+++ b/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
diff --git a/src/components/tabContentComponents/viewContent.vue b/src/components/tabContentComponents/viewContent.vue
new file mode 100644
index 00000000..0eebd4ec
--- /dev/null
+++ b/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>