Obsolete
/
dnsmanagerv1
Archived
3
0
Fork 0

Fix: menu responsive

master
JLBarbie 2017-09-24 15:07:23 +02:00
parent 418b079b7c
commit eda5365d79
3 changed files with 128 additions and 116 deletions

View File

@ -1,17 +1,46 @@
<!-- Fixed navbar --> <!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container"> <div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mobile-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">NetLib.re</a> <a class="navbar-brand" href="/">NetLib.re</a>
<p class="navbar-brand"> <span class="navbar-brand hidden-xs">Un nom de domaine gratuit, administrable facilement.</span>
Un nom de domaine gratuit, administrable facilement.
</p>
</div> </div>
</div>
</div>
<br />
<br />
<br />
<br />
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="mobile-menu">
<ul class="nav navbar-nav navbar-right visible-xs">
<% IF login.defined %>
<li><a href="/user/home">Ma page</a></li>
<% IF admin == 1 %>
<li><a href="/admin">Administration</a></li>
<% END %>
<li><a href="/user/logout">Déconnexion</a></li>
<% ELSE %>
<form class="navbar-form" role="form" action="/user/login" method="post" accept-charset="utf-8">
<div class="form-group">
<input type="text" name="login" class="form-control input-menu-mobile" id="login" placeholder="Votre identifiant" />
<input type="password" name="password" class="form-control input-menu-mobile" id="password" placeholder="Mot de passe" />
</div>
<button type="submit" class="btn btn-default input-menu-mobile">Connexion &rarr;</button>
</form>
<% END %>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<br />
<br />
<br />
<br />

View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/dnsmanager.css">
<script src="/js/bootstrap.min.js"></script> <script src="/js/bootstrap.min.js"></script>
<script src="/js/npm.js"></script> <script src="/js/npm.js"></script>

View File

@ -1,5 +1,5 @@
<div class="row"> <div class="row">
<div class="col-sm-3 col-xs-12"> <div class="col-md-3 col-sm-4 hidden-xs">
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading"> <div class="panel-heading">
@ -9,58 +9,39 @@
<div class="panel-body"> <div class="panel-body">
<% IF login.defined %> <% IF login.defined %>
Salut <% login %> ! Salut
<% login %> !
<hr /> <hr />
<div class="btn-group-vertical" role="group"> <div class="btn-group-vertical sidebar-group" role="group">
<a href="/user/logout"> <a href="/user/logout">
<button type="button" <button type="button" class="btn btn-default btn-lg list-group-item">Déconnexion</button>
class="btn btn-default btn-lg list-group-item">
Déconnexion
</button>
</a> </a>
<a href='/user/home'> <a href='/user/home'>
<button type="button" <button type="button" class="btn btn-default btn-lg list-group-item">Ma page</button>
class="btn btn-default btn-lg list-group-item">
Ma page
</button>
</a> </a>
<% IF admin == 1 %> <% IF admin == 1 %>
<a href='/admin'> <a href='/admin'>
<button type="button" <button type="button" class="btn btn-default btn-lg list-group-item">Administration</button>
class="btn btn-default btn-lg list-group-item">
Administration
</button>
</a> </a>
<% END %> <% END %>
<% IF domain.defined %> <% IF domain.defined %>
<!-- Button trigger modal --> <!-- Button trigger modal -->
<button type="button" <button type="button" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#suppressionZoneModal">Supprimer</button>
class="btn btn-danger btn-lg"
data-toggle="modal"
data-target="#suppressionZoneModal">
Supprimer
</button>
<!-- Modal --> <!-- Modal -->
<div class="modal fade" id="suppressionZoneModal" <div class="modal fade" id="suppressionZoneModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
tabindex="-1"
role="dialog"
aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" <button type="button" class="close" data-dismiss="modal" aria-label="Close">
data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<h4 class="modal-title" <h4 class="modal-title" id="suppressionZoneModalLabel">
id="suppressionZoneModalLabel">
Voulez-vous vraiment supprimer la zone ? Voulez-vous vraiment supprimer la zone ?
</h4> </h4>
</div> </div>
@ -70,13 +51,11 @@
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" <button type="button" class="btn btn-default" data-dismiss="modal">
data-dismiss="modal">
Non j'aime ma zone ! Non j'aime ma zone !
</button> </button>
<a href="/domain/del/<% domain %>"> <a href="/domain/del/<% domain %>">
<button type="button" <button type="button" class="btn btn-danger">
class="btn btn-danger">
Supprimer la zone Supprimer la zone
</button> </button>
</a> </a>
@ -93,7 +72,9 @@
<hr /> <hr />
<p>Mes domaines</p> <p>Mes domaines</p>
<% FOREACH domain IN domains %> <% FOREACH domain IN domains %>
<a href="/domain/details/<% domain.domain %>"><% domain.domain %></a><br /> <a href="/domain/details/<% domain.domain %>">
<% domain.domain %>
</a><br />
<% END %> <% END %>
<% END %> <% END %>
@ -117,5 +98,6 @@
<% END %> <% END %>
</div> </div>
</div> </div>
</div><!-- /.col-sm-2 --> </div>
<!-- /.col-sm-2 -->
<div class="col-sm-8"> <div class="col-sm-8">