adding buttons of lots actions exports and tags with dropdown menu

This commit is contained in:
Cayo Puigdefabregas 2021-12-29 12:14:29 +01:00
parent 2ea5c875c1
commit 8591af5abd
1 changed files with 81 additions and 14 deletions

View File

@ -21,25 +21,92 @@
<div class="card"> <div class="card">
<div class="card-body pt-3"> <div class="card-body pt-3">
<!-- Bordered Tabs --> <!-- Bordered Tabs -->
<ul class="nav nav-tabs nav-tabs-bordered">
<li class="nav-item"> <div class="btn-group dropdown ml-1">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#profile-overview">Lots</button> <button id="btnLots" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-folder2"></i>
Lots
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="btnLots"">
<li>
<a href="javascript:openAdd()" class="dropdown-item">
<i class="bi bi-plus"></i>
Adding to a lot
</a>
</li> </li>
<li>
<li class="nav-item"> <a href="javascript:openRemove()" class="dropdown-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-edit">New Actions</button> <i class="bi bi-x"></i>
Removing from a lot
</a>
</li> </li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-settings">Exports</button>
</li>
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#profile-change-password">Tags</button>
</li>
</ul> </ul>
</div>
<div class="btn-group dropdown ml-1" uib-dropdown="">
<button id="btnActions" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-plus"></i>
New Actions
</button>
<ul class="dropdown-menu" aria-labelledby="btnLots"">
<li>
<a href="javascript:openAdd()" class="dropdown-item">
<i class="bi bi-plus"></i>
Añadir dispositivos a lotes
</a>
</li>
<li>
<a href="javascript:openRemove()" class="dropdown-item">
<i class="fa fa-fw fa-minus"></i>
Eliminar dispisitvos de lotes
</a>
</li>
</ul>
</div>
<div class="btn-group dropdown ml-1" uib-dropdown="">
<button id="btnExport" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-reply"></i>
Exports
</button>
<ul class="dropdown-menu" aria-labelledby="btnLots"">
<li>
<a href="javascript:openAdd()" class="dropdown-item">
<i class="bi bi-plus"></i>
Añadir dispositivos a lotes
</a>
</li>
<li>
<a href="javascript:openRemove()" class="dropdown-item">
<i class="fa fa-fw fa-minus"></i>
Eliminar dispisitvos de lotes
</a>
</li>
</ul>
</div>
<div class="btn-group dropdown ml-1" uib-dropdown="">
<button id="btnTags" type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-tag"></i>
Tags
</button>
<ul class="dropdown-menu" aria-labelledby="btnLots"">
<li>
<a href="javascript:openAdd()" class="dropdown-item">
<i class="bi bi-plus"></i>
Adding Tag
</a>
</li>
<li>
<a href="javascript:openRemove()" class="dropdown-item">
<i class="bi bi-x"></i>
Remove Tag
</a>
</li>
</ul>
</div>
<div class="tab-content pt-2"> <div class="tab-content pt-2">
<div class="tab-pane fade show active profile-overview" id="profile-overview"> <div class="tab-pane fade show active profile-overview" id="profile-overview">