Using APIs to get Pilots

This commit is contained in:
2019-04-18 00:45:19 +02:00
parent defb9834a6
commit 7434d7da6f
2 changed files with 82 additions and 226 deletions

View File

@ -13,10 +13,15 @@
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<!-- Custom styles for this page -->
<link href="vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
</head>
<body id="page-top">
@ -185,226 +190,6 @@
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- DataTales Example -->
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">
Pilot list - OCK 1 -
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-plus"></i>
</a>
</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable_ock1" width="100%" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Order</th>
<th>Short Name</th>
<th>First Name</th>
<th>Last Name</th>
<th>Ref time (Sec)</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>1</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>2</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>3</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">
Pilot list - OCK 2 -
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-plus"></i>
</a>
</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTable_ock2" width="100%" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Order</th>
<th>Short Name</th>
<th>First Name</th>
<th>Last Name</th>
<th>Ref time (Sec)</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>1</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>2</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>3</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">
Pilot list - OCK 3 -
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-plus"></i>
</a>
</h6>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-bordered" id="dataTabl_ock3" width="100%" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Order</th>
<th>Short Name</th>
<th>First Name</th>
<th>Last Name</th>
<th>Ref time (Sec)</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>1</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>2</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
<tr>
<td>
<a href="#" class="btn btn-primary btn-circle">
<i class="fas fa-edit"></i>
</a>
<a href="#" class="btn btn-danger btn-circle">
<i class="fas fa-trash"></i>
</a>
</td>
<td>3</td>
<td>BGL</td>
<td>Nicolas</td>
<td>Riault</td>
<td>59</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
@ -442,6 +227,8 @@
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
<script src="js/timelaps.js"></script>
@ -449,10 +236,11 @@
$(document).ready(function () {
getKartsMenu();
showKarts();
getPilotsByKart();
});
</script>
</body>
</html>