Merge branch 'master' into snyk-upgrade-7e9fbb1e60471f6d5fa6016a8ca1962e

.gitignore

@@ -20,4 +20,5 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
-package-lock.json
+
+

package.json

@@ -12,12 +12,12 @@
     "bootstrap-vue": "^2.0.4",
     "core-js": "^2.6.5",
     "jquery": "^3.4.1",
-    "popper.js": "^1.15.0",
+    "popper.js": "^1.16.0",
     "register-service-worker": "^1.6.2",
     "vue": "^2.6.10",
     "vue-router": "^3.0.3",
     "vue-xhr": "^1.0.6",
-    "vuex": "^3.0.1"
+    "vuex": "^3.1.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.11.0",

src/App.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="app">
     <router-view/>
-  <TheFooter />
+  <!--<TheFooter />-->
   </div>
 </template>
 

src/components/ThePlayer.vue

@@ -15,16 +15,12 @@ export default {
         Axios.get('https://broadcaster.animefm.co/api/nowplaying/3')
         .then((response)=>{
             this.meta = response.data.now_playing
-            console.log(response)
-            console.log(this.meta.song.art)
         })
         var refreshMeta = this;
         setInterval(() => {
         Axios.get('https://broadcaster.animefm.co/api/nowplaying/3')
         .then((response)=>{
             this.meta = response.data.now_playing
-            console.log(response)
-            console.log(this.meta.song.art)
         })
         }, 10000); 
     },

src/components/ThePlayerCR.vue

@@ -16,16 +16,12 @@ export default {
         Axios.get('https://broadcaster.animefm.co/api/nowplaying/1')
         .then((response)=>{
             this.meta = response.data.now_playing
-            console.log(response)
-            console.log(this.meta.song.art)
         })
         var refreshMeta = this;
         setInterval(() => {
         Axios.get('https://broadcaster.animefm.co/api/nowplaying/1')
         .then((response)=>{
             this.meta = response.data.now_playing
-            console.log(response)
-            console.log(this.meta.song.art)
         })
         }, 10000); 
     },

src/components/exPlayer.vue

@@ -0,0 +1,17 @@
+<template>
+    <vue-audio :file="file" />
+</template>
+
+<script>
+import VueAudio from 'vue-audio';
+export default {
+    data(){
+        return {
+            file: 'http://broadcaster.animefm.co:8020/radio.mp3'
+        };
+    },
+    components: {
+        'vue-audio': VueAudio
+    }
+}
+</script>

src/router.js

@@ -54,6 +54,12 @@ export default new Router({
       path: '/prototype',
       name: 'Cloudsdale Radio - prototype',
       component: () => import(/* webpackChunkName: "about" */ './views/prototype.vue')
-    }
+    },
+    {
+      path: '/exPlayer',
+      name: 'AnimeFM - prototype',
+      component: () => import(/* webpackChunkName: "about" */ './views/AnotherPlayer.vue')
+    },
+
   ]
 })

src/views/AnotherPlayer.vue

@@ -0,0 +1,11 @@
+<template>
+    <section>
+        <vue-audio :file="file" />
+   </section>
+</template>
+<script>
+
+export default {
+
+}
+</script>

src/views/popup.vue

@@ -1,18 +1,19 @@
 <template>
     <section class="crstream">
-        <ThePlayer />
+            <ThePlayer />
     </section>
 </template>
+
 <style scoped>
-    body {
-        background-color: black !important;
-    }
-    .crstream {
-        background-image: url(https://cdn.asthriona.com/BeFunky-photo.jpg);
-        background-repeat: no-repeat;
-        background-size: cover;
-        overflow: hidden;
-    }
+.player{
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    left: -12px;
+    right: 12px;
+}
 </style>
 <script>
 // @ is an alias to /src