Quellcode durchsuchen

modif du layout

François vor 6 Jahren
Ursprung
Commit
c669bf738e
1 geänderte Dateien mit 45 neuen und 14 gelöschten Zeilen
  1. 45 14
      app/Resources/views/base.html.twig

+ 45 - 14
app/Resources/views/base.html.twig

@@ -9,39 +9,70 @@
         {% block stylesheets %}{% endblock %}
         <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
     </head>
-    <body>
+    <body style="padding-top:5rem;">
+	<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+		<a class="navbar-brand" href="/">Videothèque</a>
+		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="/" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+		</button>
 
+		<div class="collapse navbar-collapse" id="navbarsExampleDefault">
+			<ul class="navbar-nav mr-auto">
+				<li class="nav-item">
+					<a class="nav-link" href="{{ path('videotheque_liste') }}">Liste des films<span class="sr-only">(current)</span></a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link" href="{{ path('realisateur_liste') }}">Liste des réalisateurs<span class="sr-only">(current)</span></a>
+				</li>
+				{%  if is_granted('ROLE_ADMIN') %}
+				<li class="nav-item">
+					<a class="nav-link" href="{{ path('admin_index') }}">Administration<span class="sr-only">(current)</span></a>
+				</li>
+				{%  endif %}
+			</ul>
+			<form class="form-inline my-2 my-lg-0">
+				<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
+				<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+			</form>
+		</div>
+	</nav>
 	<div class="container-fluid">
 		<div class="row">
 			<header>
-				<h1>{% block titre %}{% endblock %}</h1>
+					<h1>{% block titre %}{% endblock %}</h1>
 			</header>
 		</div>
-		<main>
-			<div class="row">
-				<nav class="col-md-2">
+		<div class="row">
+			<main>
+
+				{#<nav class="col-md-2">
 					<ul class="nav flex-column">
 						<li class="nav-item"><a class="nav-link" href="{{  path('videotheque_liste') }}">Liste des films</a></li>
 						<li class="nav-item"><a class="nav-link" href="{{ path('realisateur_liste') }}">Liste réalisateurs</a></li>
 					</ul>
 				</nav>
-				<div class="col-md-10">
+				#}
+				{#<div class="col-md-10">#}
+				<div>
 					{% for message in app.flashes('success') %}
 					<div class="alert alert-success alert-dismissible fade show" role="alert">
-  						<strong>Cool</strong> {{ message }}
-  						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
+						<strong>Cool</strong> {{ message }}
+						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
 							<span aria-hidden="true">&times;</span>
 						</button>
 					</div>
 					{% endfor %}
 					{% block body %}{% endblock %}
 				</div>
-			</div>
-		</main>
-		<footer>
-			{% block footer %}
-			{% endblock %}
-		</footer>
+
+			</main>
+		</div>
+		<div class="row">
+			<footer>
+				{% block footer %}
+				{% endblock %}
+			</footer>
+		</div>
 	</div>
 	<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>