From dc83bd6c653968919c5372602a06c01b32e0793c Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Thu, 16 Feb 2023 11:34:27 +0100
Subject: [PATCH] prepare for sharing functionality

---
 src/App.vue                            |  2 +-
 src/components/dialogs/AlbumViewer.vue |  6 ------
 src/router.js                          |  5 +++++
 src/store/index.js                     |  4 +++-
 src/store/modules/share/actions.js     |  9 +++++++++
 src/store/modules/share/index.js       |  9 +++++++++
 src/views/Share.vue                    | 16 ++++++++++++++++
 7 files changed, 43 insertions(+), 8 deletions(-)
 create mode 100644 src/store/modules/share/actions.js
 create mode 100644 src/store/modules/share/index.js
 create mode 100644 src/views/Share.vue

diff --git a/src/App.vue b/src/App.vue
index 0c2aa6e..f80335f 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/components/dialogs/AlbumViewer.vue b/src/components/dialogs/AlbumViewer.vue
index e1b4001..bd0544c 100644
--- a/src/components/dialogs/AlbumViewer.vue
+++ b/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");
diff --git a/src/router.js b/src/router.js
index 78a38b7..f6d6a1d 100644
--- a/src/router.js
+++ b/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
diff --git a/src/store/index.js b/src/store/index.js
index bcf2036..d9811ba 100644
--- a/src/store/index.js
+++ b/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
     }
 })
\ No newline at end of file
diff --git a/src/store/modules/share/actions.js b/src/store/modules/share/actions.js
new file mode 100644
index 0000000..72c23ed
--- /dev/null
+++ b/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);
+    });
+  },
+}
\ No newline at end of file
diff --git a/src/store/modules/share/index.js b/src/store/modules/share/index.js
new file mode 100644
index 0000000..99dc69a
--- /dev/null
+++ b/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
+}
\ No newline at end of file
diff --git a/src/views/Share.vue b/src/views/Share.vue
new file mode 100644
index 0000000..4fd841b
--- /dev/null
+++ b/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>
\ No newline at end of file