From 2bd3d36c14587c1d51508f2a6c626c4ec992c14b Mon Sep 17 00:00:00 2001
From: Katharina Will <kwill@stud.hs-heilbronn.de>
Date: Tue, 9 Apr 2019 16:20:07 +0200
Subject: [PATCH] rankinglist shows data from database

---
 frontend/src/pages/ranking.vue | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/ranking.vue b/frontend/src/pages/ranking.vue
index 9d23254..9ed887f 100644
--- a/frontend/src/pages/ranking.vue
+++ b/frontend/src/pages/ranking.vue
@@ -22,10 +22,10 @@
       <q-tab-panels v-model="tab" animated swipeable class="col">
         <q-tab-panel name="solo" class="q-pa-md fit">
           <q-list>
-            <q-card class="q-mb-md" v-for="user in users" :key="user.id">
+            <q-card class="q-mb-md" v-for="(user,index) in rankinglist" :key="user.id">
               <q-item class="q-pr-sm ">
                 <q-item-section>
-                  <q-item-label overline><a class="text-black" style="text-decoration: none"><span>{{user.username}}</span></a></q-item-label>
+                  <q-item-label><a class="text-black" style="text-decoration: none"><span>{{index+1}}. {{user.username}}</span></a></q-item-label>
                 </q-item-section>
                 <q-item-section side>
                   <span class="text-grey">{{user.rankingPointsSum}} Punkte </span>
@@ -69,24 +69,19 @@
     data() {
       return {
         tab: 'solo',
-        rankinglist: [],
-        users: [{
-          username: "CacherA", id: "123", rankingPointsSum: "15"
-        },
-        {
-        username: "CacherB", id: "124", rankingPointsSum: "20"
-        }]
+        rankinglist: []
       }
     },
     created: function() {
       console.log("created(): " + this.rankinglist);
-  //    this.fetchRankinglist();
+      this.fetchRankinglist();
     },
     methods: {
       fetchRankinglist() {
         this.$axios.get('http://localhost:8080/api/getRankingList')
           .then((response) => {
-            console.log("Rankinglist: " + this.rankinglist);
+            console.log("Rankinglist: ");
+            console.log(response.data);
             this.rankinglist = response.data;
           })
       }