Skip to content
This repository has been archived by the owner on Feb 4, 2024. It is now read-only.

Commit

Permalink
rubriques test
Browse files Browse the repository at this point in the history
  • Loading branch information
@elouanjef
elouanjef committed Jan 26, 2024
1 parent 323e3c9 commit 397df85
Show file tree
Hide file tree
Showing 4 changed files with 43 additions and 20 deletions.
27 changes: 16 additions & 11 deletions templates/admin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,22 @@
<div class="container">
<div class="row">
<div class="col-md-10">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#rubrique1">VMs actives</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#rubrique2">Comptes</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#rubrique3">Templates</a>
</li>
</ul>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link nav-link-with-border" data-toggle="tab" href="#rubrique1">Machines virtuelles disponibles</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-with-border" data-toggle="tab" href="#rubrique2">Comptes</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-with-border" data-toggle="tab" href="#rubrique3">Templates</a>
</li>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
Expand Down
14 changes: 14 additions & 0 deletions templates/base.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,13 @@ <h5 class="modal-title" id="alertModalLabel"></h5>
</div>
</div>
<script>
$('.navbar-nav a').on('click', function () {
var targetId = $(this).attr('href');
$('.navbar-nav a').removeClass('active');
$(this).addClass('active');
$('.container > div').hide();
$(targetId).show();
});
function checkIfVmAliveAdmin(vmId) {
return new Promise(function (resolve, reject) {
showLoadingCardModal(vmId);
Expand Down Expand Up @@ -283,6 +290,13 @@ <h5 class="modal-title" id="alertModalLabel"></h5>
</script>

<style>
.nav-link-with-border {
border: 1px solid white;
border-radius: 5px;
padding: 5px 10px;
margin-right: 5px;
}

.border-bottom-nav {
border-bottom: 2px solid #FFF;
}
Expand Down
2 changes: 1 addition & 1 deletion templates/dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -258,7 +258,7 @@
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" data-toggle="tab" href="#rubrique1">Machines virtuelles disponibles</a>
<a class="nav-link nav-link-with-border" data-toggle="tab" href="#rubrique1">Machines virtuelles disponibles</a>
</li>
</ul>
</div>
Expand Down
20 changes: 12 additions & 8 deletions templates/professor.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,18 @@
<div class="container">
<div class="row">
<div class="col-md-10">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#rubrique1">VMs actives</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#rubrique2">Comptes</a>
</li>
</ul>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link nav-link-with-border active" data-toggle="tab" href="#rubrique1">VMs actives</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-with-border" data-toggle="tab" href="#rubrique2">Comptes</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
Expand Down

0 comments on commit 397df85

Please sign in to comment.