Adding actions mockup to add edit and delete elements.

This commit is contained in:
nriault
2019-04-17 18:05:35 +02:00
parent 3c0da323f8
commit e5b9feb60f
4 changed files with 810 additions and 18 deletions

View File

@ -275,7 +275,12 @@
<!-- 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</h6>
<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">
@ -292,7 +297,14 @@
</thead>
<tbody>
<tr>
<td></td>
<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>
@ -300,7 +312,14 @@
<td>59</td>
</tr>
<tr>
<td></td>
<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>
@ -308,7 +327,14 @@
<td>59</td>
</tr>
<tr>
<td></td>
<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>
@ -321,7 +347,12 @@
</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</h6>
<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">
@ -338,7 +369,14 @@
</thead>
<tbody>
<tr>
<td></td>
<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>
@ -346,7 +384,14 @@
<td>59</td>
</tr>
<tr>
<td></td>
<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>
@ -354,7 +399,14 @@
<td>59</td>
</tr>
<tr>
<td></td>
<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>
@ -367,7 +419,12 @@
</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</h6>
<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">
@ -384,7 +441,14 @@
</thead>
<tbody>
<tr>
<td></td>
<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>
@ -392,7 +456,14 @@
<td>59</td>
</tr>
<tr>
<td></td>
<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>
@ -400,7 +471,14 @@
<td>59</td>
</tr>
<tr>
<td></td>
<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>