Fix vue component missing code - dynamic url, base styles

CONTRIBUTING.md

@@ -11,4 +11,5 @@ Recommended contributions:
 * UI customisation options
 
 ##Authors
+
 Martins Fridenbergs 

resources/js/currently_viewing.vue

@@ -1,23 +1,33 @@
 <template>
     <div class="currentlyViewingPageWrapper">
         <ul class="users list-group">
-            <li v-for="user in users">
+            <li class="list-group-item" v-for="user in users">
                 <span>
                     {{ user.name }}
                 </span>
-            </li>>
+            </li>
         </ul>
     </div>
 </template>
 <script>
+    import axios from 'axios'
     export default {
+        props: {
+            url: {
+                type: String,
+                required: false,
+            }
+        },
         data() {
             return {
                 watcher: {},
                 users: {},
+                view_url: '',
             }
         },
         mounted() {
+            this.view_url = this.url ? this.url : window.location.href;
+            this.update();
             this.startWatching();
         },
         methods: {
@@ -27,9 +37,9 @@
                 }, 60000); // 60 seconds
             },
             update() {
-                axios.post('/api/currently-viewing-page')
+                axios.post('/api/currently-viewing-page', { url: this.view_url })
                     .then((response) => {
-                        this.users = response.data;
+                        this.users = response.data.data;
                     });
             }
         }
@@ -38,6 +48,9 @@
 </script>
 <style>
     .currentlyViewingPageWrapper {
-
+        position: fixed;
+        bottom: 10px;
+        right: 20px;
+        box-shadow: 4px 10px 26px -10px rgba(0,0,0,0.5)
     }
 </style>