⚡ Re: #254 - Adds new tab functionality to Workspace

Lissy93 · Sep 29, 2021 · 0bfca16 · 0bfca16
1 parent bc100b8
commit 0bfca16
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/src/components/Workspace/SideBar.vue b/src/components/Workspace/SideBar.vue
@@ -58,8 +58,8 @@ export default {
       this.isOpen = this.isOpen.map((val, ind) => (ind !== index ? false : !val));
     },
     /* When item clicked, emit a launch event */
-    launchApp(url) {
-      this.$emit('launch-app', url);
+    launchApp(options) {
+      this.$emit('launch-app', options);
     },
     /* If an initial URL is specified, then open relevant section */
     openDefaultSection() {

diff --git a/src/components/Workspace/SideBarItem.vue b/src/components/Workspace/SideBarItem.vue
@@ -17,14 +17,15 @@ export default {
     icon: String,
     title: String,
     url: String,
+    target: String,
     click: Function,
   },
   components: {
     Icon,
   },
   methods: {
     itemClicked() {
-      if (this.url) this.$emit('launch-app', this.url);
+      if (this.url) this.$emit('launch-app', { url: this.url, target: this.target });
     },
   },
   data() {

diff --git a/src/components/Workspace/SideBarSection.vue b/src/components/Workspace/SideBarSection.vue
@@ -6,6 +6,7 @@
         :icon="item.icon"
         :title="item.title"
         :url="item.url"
+        :target="item.target"
         @launch-app="launchApp"
       />
     </div>
@@ -26,8 +27,8 @@ export default {
     SideBarItem,
   },
   methods: {
-    launchApp(url) {
-      this.$emit('launch-app', url);
+    launchApp(options) {
+      this.$emit('launch-app', options);
     },
   },
 };

diff --git a/src/views/Workspace.vue b/src/views/Workspace.vue
@@ -37,8 +37,12 @@ export default {
     MultiTaskingWebComtent,
   },
   methods: {
-    launchApp(url) {
-      this.url = url;
+    launchApp(options) {
+      if (options.target === 'newtab') {
+        window.open(options.url, '_blank');
+      } else {
+        this.url = options.url;
+      }
     },
     setTheme() {
       const theme = this.GetTheme();