909ed0e67b
- création de la route commentaire dans program.cs - création du CommentairesController - création du CommentaireViewModel - création de la vue index.cshtml des commentaire - création du layout Admin
181 lines
4.8 KiB
Plaintext
181 lines
4.8 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@ViewData["Title"] - Administration</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: Arial, sans-serif; background: #f5f5f5; }
|
|
|
|
.navbar {
|
|
background: #2b2b2b;
|
|
color: white;
|
|
padding: 0.75rem 2rem;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.navbar-left {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 2rem;
|
|
}
|
|
|
|
.navbar-logo {
|
|
font-size: 1.5rem;
|
|
font-weight: bold;
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.navbar-menu {
|
|
display: flex;
|
|
gap: 1.5rem;
|
|
list-style: none;
|
|
}
|
|
|
|
.navbar-menu a {
|
|
color: #999;
|
|
text-decoration: none;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
transition: color 0.3s;
|
|
}
|
|
|
|
.navbar-menu a:hover {
|
|
color: white;
|
|
}
|
|
|
|
.navbar-menu a i {
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.dropdown {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
display: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
background: #1a1a1a;
|
|
min-width: 200px;
|
|
padding: 0.5rem 0;
|
|
border-radius: 4px;
|
|
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
|
|
margin-top: 0.5rem;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.dropdown-menu a {
|
|
display: block;
|
|
padding: 0.75rem 1.5rem;
|
|
color: #999;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.dropdown-menu a:hover {
|
|
background: #2b2b2b;
|
|
color: white;
|
|
}
|
|
|
|
.dropdown:hover .dropdown-menu {
|
|
display: block;
|
|
}
|
|
|
|
.navbar-search {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.navbar-search input {
|
|
padding: 0.5rem 1rem;
|
|
border: none;
|
|
border-radius: 4px;
|
|
width: 250px;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.navbar-search button {
|
|
background: #0066cc;
|
|
color: white;
|
|
border: none;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
transition: background 0.3s;
|
|
}
|
|
|
|
.navbar-search button:hover {
|
|
background: #0052a3;
|
|
}
|
|
|
|
.container {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.main-content {
|
|
background: white;
|
|
padding: 2rem;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
media (max-width: 768px) {
|
|
.navbar {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.navbar-menu {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-search {
|
|
width: 100%;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.navbar-search input {
|
|
flex: 1;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar">
|
|
<div class="navbar-left">
|
|
<a href="/" class="navbar-logo">Webzine</a>
|
|
<ul class="navbar-menu">
|
|
<li><a href="/"><i class="fas fa-home"></i> Accueil</a></li>
|
|
<li class="dropdown">
|
|
<a href="#"><i class="fas fa-key"></i> Administration</a>
|
|
<div class="dropdown-menu">
|
|
<a href="/Admin/Commentaires"><i class="fas fa-comments"></i> Commentaires</a>
|
|
<a href="/Admin"><i class="fas fa-file-alt"></i> Articles</a>
|
|
<a href="/Admin"><i class="fas fa-users"></i> Utilisateurs</a>
|
|
</div>
|
|
</li>
|
|
<li><a href="/contact"><i class="fas fa-envelope"></i> Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<form class="navbar-search" method="get" action="/search">
|
|
<input type="text" name="q" placeholder="Trouver un artiste / titre" />
|
|
<button type="submit"><i class="fas fa-search"></i></button>
|
|
</form>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<main class="main-content">
|
|
@RenderBody()
|
|
</main>
|
|
</div>
|
|
</body>
|
|
</html> |