From bae3ecca7b62a0fc8a1a822c980bd2b3067b1994 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 22 May 2020 16:49:23 -0700
Subject: [PATCH] Adds show page with name param (#474)

---
 assets/main.js        |  6 ++++++
 assets/pages/Show.vue | 24 ++++++++++++++++++++++++
 2 files changed, 30 insertions(+)
 create mode 100644 assets/pages/Show.vue

diff --git a/assets/main.js b/assets/main.js
index 18ff7fd5..98aa76bd 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -9,6 +9,7 @@ import App from "./App.vue";
 import Container from "./pages/Container.vue";
 import Settings from "./pages/Settings.vue";
 import Index from "./pages/Index.vue";
+import Show from "./pages/Show.vue";
 
 Vue.use(VueRouter);
 Vue.use(Meta);
@@ -32,6 +33,11 @@ const routes = [
     component: Settings,
     name: "settings",
   },
+  {
+    path: "/show",
+    component: Show,
+    name: "show",
+  },
 ];
 
 const router = new VueRouter({
diff --git a/assets/pages/Show.vue b/assets/pages/Show.vue
new file mode 100644
index 00000000..41d38504
--- /dev/null
+++ b/assets/pages/Show.vue
@@ -0,0 +1,24 @@
+<template lang="html"> </template>
+
+<script>
+import { mapActions, mapGetters, mapState } from "vuex";
+export default {
+  props: [],
+  name: "Show",
+  computed: mapGetters(["visibleContainers"]),
+  watch: {
+    visibleContainers(newValue) {
+      if (newValue) {
+        if (this.$route.query.name) {
+          const [container, _] = this.visibleContainers.filter((c) => c.name.includes(this.$route.query.name));
+          this.$router.push({ name: "container", params: { id: container.id } });
+        } else {
+          console.error(`Expection query parameter name to be set. Redirecting to /`);
+          this.$router.push({ name: "default" });
+        }
+      }
+    },
+  },
+};
+</script>
+<style scoped></style>