Getting info for Karts api for Karts screen and menu list.

js/timelaps.js

@@ -1,44 +1,67 @@
-var api_url = 'http://127.0.0.1:8000/api/v1/';
+var api_url = 'http://timelaps.local:8000/api/v1/';
 
 function getParams() {
 
 }
 
-function getKarts() {
-    console.log("getKarts");
+function showKarts() {
     $.ajax({
         type: 'GET',
         crossDomain: true,
         url: api_url + 'karts/',
         dataType: 'json',
-        success : function(data, status){ // code_html contient le HTML renvoyé
-
-            console.log("OK!");
+        success: function (data, status) {
             console.log(data);
-            console.log(status);
+            $('#dataTable_kart_list').DataTable({
+                data: data,
+                columns: [
+                    {
+                        data: "id",
+                        render: function (data, type, row, meta) {
+                            return '<a href="#" class="btn btn-primary btn-circle"><i class="fas fa-edit"></i></a>&nbsp;<a href="#" class="btn btn-danger btn-circle"><i class="fas fa-trash"></i>';
+                        }
+                    },
+                    {
+                        data: "name"
+                    },
+                    {
+                        data: "autonomy"
+                    }
+                ]
+            });
         },
-        error : function(data, status){ // code_html contient le HTML renvoyé
-
-            console.log("KO!");
-            console.log(data);
-            console.log(status);
+        error: function (xhr) {
+            alert('Request Status: ' + xhr.status + ' Status Text: ' + xhr.statusText + ' ' + xhr.responseText);
         },
     });
-/*
-    $.get(api_url + 'karts', function (data, status) {
-        console.log("OK!");
-        console.log(data);
-        console.log(status);
-    });
-    */
+}
 
+function getKartsMenu() {
+    $.ajax({
+        type: 'GET',
+        crossDomain: true,
+        url: api_url + 'karts/',
+        dataType: 'json',
+        success: function (data, status) {
+            console.log(data);
+            $.each(data, function (index, value) {
+                console.log(index);
+                console.log(value.name);
+                $('#link_all').after("" +
+                    "&nbsp;<a id=\"link_"+value.id+"\" href=\"#\" class=\"btn btn-light btn-icon-split btn-sm\">\n" +
+                    "                    <span class=\"icon text-gray-600\">\n" +
+                    "                    <i class=\"fas fa-car\"></i>\n" +
+                    "</span>\n" +
+                    "   <span class=\"text\">"+value.name+"</span>" +
+                    " </a>");
+            });
+        },
+        error: function (xhr) {
+            alert('Request Status: ' + xhr.status + ' Status Text: ' + xhr.statusText + ' ' + xhr.responseText);
+        },
+    });
 }
 
 function getPilotsByKart() {
 
 }
-
-$(document).ready(function () {
-    console.log("ready!");
-    getKarts();
-});