prepare for sharing functionality

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <nav
-      v-show="$route.path != '/login' && $route.path != '/setup'"
+      v-show="$route.path != '/login' && $route.path != '/setup' && $route.path != '/share' "
       :class="{ slideOverTop: $store.getters.isDialogOpen }"
     >
       <div>

src/components/dialogs/AlbumViewer.vue

@@ -102,7 +102,6 @@ import { mapGetters } from "vuex";
 export default {
   data() {
     return {
-      move: 152,
       albums: [],
       scrollTimer: 0,
       loadingPrev: false,
@@ -110,11 +109,6 @@ export default {
       elements: {},
     };
   },
-  mounted() {
-    if (window.innerWidth <= 480 || window.innerHeight <= 480) {
-      this.move = 120;
-    }
-  },
   methods: {
     dblclick() {
       this.$store.commit("tracks/resetSelectedTrack");

src/router.js

@@ -7,6 +7,7 @@ import RadiosView from "./views/Radios";
 import BoxesView from "./views/Boxes";
 import SearchView from "./views/Search";
 import SetupView from "./views/Setup";
+import ShareView from "./views/Share";
 import HomeView from "./views/Home";
 import UsersView from "./views/Users";
 import FavouritesView from "./views/Favourites"
@@ -56,6 +57,10 @@ const routes = [
     path: "/setup",
     component: SetupView
   },
+  {
+    path: "/share",
+    component: ShareView
+  },
   {
     path: "/me",
     component: UsersView

src/store/index.js

@@ -15,6 +15,7 @@ import user from "./modules/user"
 import videos from "./modules/videos"
 import system from "./modules/system"
 import search from "./modules/search"
+import share from "./modules/share"
 
 export default createStore({
     state,
@@ -31,6 +32,7 @@ export default createStore({
         user,
         videos,
         system, 
-        search
+        search,
+        share
     }
 })

src/store/modules/share/actions.js

@@ -0,0 +1,9 @@
+import axios from 'axios'
+
+export default {
+  get(context, id) {
+    axios.get(context.rootGetters.server + "/api/shares/" + id, context.rootGetters.headers).then((res) => {
+      console.log(res);
+    });
+  },
+}

src/store/modules/share/index.js

@@ -0,0 +1,9 @@
+//import state from './state.js';
+//import getters from './getters.js';
+//import mutations from './mutations.js';
+import actions from './actions.js';
+
+export default {
+    namespaced: true,
+    actions
+}

src/views/Share.vue

@@ -0,0 +1,16 @@
+<template>
+  <div ref="share" id="share"></div>
+</template>
+
+<script>
+export default {
+  name: "ShareView",
+  mounted() {
+    if (this.$route.query.id) {
+      this.$store.dispatch("share/get", this.$route.query.id);
+    } else {
+      this.$router.replace("/");
+    }
+  },
+};
+</script>