From 2b5e25b73a56df569104c3887a45a86f4d12d30f Mon Sep 17 00:00:00 2001
From: David Carlos <ddavidcarlos1392@gmail.com>
Date: Aug 25 2017 22:19:39 +0000
Subject: Parse the API response on the packages list.


  - The :data attribute from el-table must be a array. As the API
  returns several other values, including all analyzed versions of a
  package, we need to parse the reponse data,
  before generate the packages list.

---

diff --git a/src/components/List.vue b/src/components/List.vue
index 0a4b514..a95b0ff 100644
--- a/src/components/List.vue
+++ b/src/components/List.vue
@@ -2,9 +2,9 @@
 <div class="list-pkgs">
   <md-button v-on:click="updateTable">Update Table</md-button>
     <el-table :data="tableData" border>
-      <el-table-column prop="name" label="Package" sortable="custom">
+      <el-table-column prop="name" label="project name" sortable="custom">
       </el-table-column>
-      <el-table-column prop="id" label="Package id" sortable="custom">
+      <el-table-column prop="last_version" label="Last analyzed version" sortable="custom">
       </el-table-column>
     </el-table>
   </div>
@@ -25,14 +25,14 @@ export default({
   methods: {
     updateTable: function () {
       getPackages().then(response => {
-        this.tableData = response.data.packages
-        console.log(this)
+        this.tableData = parseApiData(response.data.packages)
+        console.log(response)
       })
     }
   },
   created () {
     getPackages().then(response => {
-      this.tableData = response.data.packages
+      this.tableData = parseApiData(response.data.packages)
     })
   }
 })
@@ -45,6 +45,14 @@ function getPackages () {
   return axiosInstance.get('/packages')
 }
 
+function parseApiData (data) {
+  var packageName = data[0].name
+  console.log('EEEEEE')
+  var pkgNewestAnalyzedVersion = data[0]['versions'][0].number
+  console.log(data[0]['versions'][0].number)
+  return [{name: packageName, last_version: pkgNewestAnalyzedVersion}]
+}
+
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->