Modification du Layout principal pour ajuster le comportement de la sidebar (n'apparait pas si nous sommes dans l'area Administration).

Modification du Header pour la redirection sur les pages d'administration
This commit is contained in:
Loic Masi
2026-03-06 10:57:46 +01:00
parent 74e6de2ccd
commit 1535e852b4
6 changed files with 22 additions and 88 deletions

View File

@@ -13,3 +13,8 @@
- Adaptation de quelques éléments sur la page (Bootstrap)
- Mise en place du parametrage du nombre d'elements a afficher sur la page dans appsettings
- Modifiaction du header pour ajouter le Dropdown (Administration) et ajout de quelques redirections
06/03 :
- Récupération des modifications depuis 'dev'
- Ajout des redirections vers les pages 'Administration'
- Adaptation du layout principal pour adaptation entre public et administration

View File

@@ -1,58 +0,0 @@
@*
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<!-- Logo -->
<a class="navbar-brand" href="#">Webzine</a>
<!-- bouton mobile -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarWebzine">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarWebzine">
<!-- Menu -->
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">
<i class="fa-solid fa-house"></i> Accueil
</a>
</li>
@* TODO : Modifier, il s'agit d'une liste *@
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa-solid fa-screwdriver-wrench"></i> Administration
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa-solid fa-envelope"></i> Contact
</a>
</li>
</ul>
<!-- Barre de recherche -->
<form class="d-flex">
<div class="input-group">
<div class="form-outline">
<input class="form-control me-2" type="search" placeholder="Trouver un artiste / titre">
</div>
<button class="btn btn-primary" type="submit">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
</div>
</form>
</div>
</div>
</nav>
</header>

View File

@@ -1,19 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>@ViewData["Title"] - Webzine</title>
@* Ajout de bootstrap *@
<script src="/js/bootstrap.min.js" defer></script>
<link rel="stylesheet" href="/css/bootstrap.min.css">
@* Ajout de font-awesome *@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
@await Html.PartialAsync("_Header")
@RenderBody()
</body>
</html>

View File

@@ -1,3 +1,4 @@
@{
Layout = "_Layout";
// Modification du Layout pour récupérer celui de base
Layout = "~/Views/Shared/_Layout.cshtml";
}

View File

@@ -21,7 +21,8 @@
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" asp-controller="Accueil" asp-action="Index">
@* Laisser le asp-area vide pour indiqué une valeur null *@
<a class="nav-link" asp-area="" asp-controller="Accueil" asp-action="Index">
<i class="fa-solid fa-house"></i> Accueil
</a>
</li>
@@ -41,18 +42,19 @@
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-gauge-high"></i> Tableau de bord</a></li>
@* Modifier la route 'Dashboard' ? *@
<li><a class="dropdown-item" asp-area="Administration" asp-controller="Dashboard" asp-action="Index"><i class="fa-solid fa-gauge-high"></i> Tableau de bord</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" asp-controller="Artiste" asp-action="Index"><i class="fa-solid fa-users"></i> Artistes</a></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-comments"></i> Commentaires</a></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-tags"></i> Styles</a></li>
<li><a class="dropdown-item" asp-controller="Titre" asp-action="Details"><i class="fa-solid fa-music"></i> Titres</a></li>
<li><a class="dropdown-item" asp-area="Administration" asp-controller="Artiste" asp-action="Index"><i class="fa-solid fa-users"></i> Artistes</a></li>
<li><a class="dropdown-item" asp-area="Administration" asp-controller="Commentaire" asp-action="Index"><i class="fa-solid fa-comments"></i> Commentaires</a></li>
<li><a class="dropdown-item" asp-area="Administration" asp-controller="Style" asp-action="Index"><i class="fa-solid fa-tags"></i> Styles</a></li>
<li><a class="dropdown-item" asp-area="Administration" asp-controller="Titre" asp-action="Index"><i class="fa-solid fa-music"></i> Titres</a></li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" asp-controller="Contact" asp-action="Index">
<a class="nav-link" asp-area="" asp-controller="Contact" asp-action="Index">
<i class="fa-solid fa-envelope"></i> Contact
</a>
</li>

View File

@@ -16,12 +16,15 @@
</head>
<body>
<div class="container">
@await Html.PartialAsync("_Header")
<partial name="_Header"/>
<div class="row mt-5">
<main class="col-9">
<main class="col">
@RenderBody()
</main>
@await Html.PartialAsync("_Sidebar")
@if(ViewContext.RouteData.Values["area"]?.ToString() != "Administration")
{
<partial name="_Sidebar" />
}
</div>
</div>
</body>