Merge pull request 'fix/front-end' (#111) from fix/front-end into dev

Reviewed-on: https://10.4.0.131/gitea/DI1-P4-E1/Webzine/pulls/111
Reviewed-by: j.vetu <josephine.vetu@diiage.org>
This commit is contained in:
Loic Masi
2026-03-26 15:44:16 +01:00
14 changed files with 105 additions and 90 deletions

View File

@@ -16,7 +16,7 @@
<thead class="table-active"> <thead class="table-active">
<tr> <tr>
<th scope="col" class="p-2">Nom</th> <th scope="col" class="p-2">Nom</th>
<th scope="col" class="text-center p-2" style="width: 100px;">Actions</th> <th scope="col" class="text-center p-2">Actions</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

View File

@@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<!-- ARTISTE --> <!-- ARTISTE -->
<div class="row mb-3 align-items-center"> <div class="row mb-3">
<label class="col-md-3 col-form-label">Nom de l'artiste<span class="text-danger">*</span></label> <label class="col-md-3 col-form-label">Nom de l'artiste<span class="text-danger">*</span></label>
<div class="col-md-9"> <div class="col-md-9">
<input asp-for="Nom" class="form-control" /> <input asp-for="Nom" class="form-control" />
@@ -10,14 +10,15 @@
</div> </div>
<!-- BIOGRAPHIE --> <!-- BIOGRAPHIE -->
<div class="row mb-3 align-items-center"> <div class="row mb-3">
<label class="col-md-3 col-form-label">Biographie<span class="text-danger">*</span></label> <label class="col-md-3 col-form-label">Biographie</label>
<div class="col-md-9"> <div class="col-md-9">
<input asp-for="Biographie" class="form-control"/> <textarea asp-for="Biographie" class="form-control" rows="5"></textarea>
</div> </div>
</div> </div>
<!-- BOUTONS --> <!-- BOUTONS -->
<div class="row mt-4"> <div class="row mt-4">
<div class="col-md-9 offset-md-3"> <div class="col-md-9 offset-md-3">

View File

@@ -14,10 +14,10 @@
<thead class="table-active"> <thead class="table-active">
<tr> <tr>
<th scope="col">Titre</th> <th scope="col">Titre</th>
<th scope="col">Auteur</th> <th scope="col">Nom</th>
<th scope="col">Commentaire</th> <th scope="col">Commentaire</th>
<th scope="col">Date de création</th> <th scope="col">Date de création</th>
<th scope="col" class="text-center p-2" style="width: 100px" ;>Actions</th> <th scope="col" class="text-center p-2">Actions</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -25,7 +25,9 @@
{ {
<tr class="align-middle"> <tr class="align-middle">
<td> <td>
<a asp-action="Details" asp-controller="Titre" asp-route-id="@commentaire.Titre.IdTitre">
@commentaire.Titre.Libelle @commentaire.Titre.Libelle
</a>
</td> </td>
<td> <td>
@commentaire.Auteur @commentaire.Auteur

View File

@@ -12,19 +12,19 @@
<div class="col-md-4"> <div class="col-md-4">
<a asp-area="Administration" <a asp-area="Administration"
asp-controller="Artiste"> asp-controller="Artiste">
<div class="ratio ratio-4x3">
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-users fa-3x text-primary mb-3"></i> <i class="fa fa-users fa-5x text-primary mb-3"></i>
<h3> <h2>
@Model.NombreArtistes @Model.NombreArtistes
</h3> </h2>
<p> <p>
artistes artistes
</p> </p>
</div> </div>
</div>
</a> </a>
</div> </div>
@@ -33,17 +33,17 @@
<a asp-area="" <a asp-area=""
asp-controller="Artiste" asp-controller="Artiste"
asp-route-nom="@Model.ArtisteLePlusChronique"> asp-route-nom="@Model.ArtisteLePlusChronique">
<div class="ratio ratio-4x3">
<div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-user fa-5x text-primary mb-3"></i>
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <h2>
<i class="fa fa-user fa-3x text-primary mb-3"></i>
<h3>
@Model.ArtisteLePlusChronique @Model.ArtisteLePlusChronique
</h3> </h2>
<p>artiste le plus chroniqué</p> <p>artiste le plus chroniqué</p>
</div> </div>
</div>
</a> </a>
</div> </div>
@@ -52,19 +52,20 @@
<a asp-area="" <a asp-area=""
asp-controller="Artiste" asp-controller="Artiste"
asp-route-nom="@Model.AlbumLePlusChronique"> asp-route-nom="@Model.AlbumLePlusChronique">
<div class="ratio ratio-4x3">
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-trophy fa-3x text-primary mb-3"></i> <i class="fa fa-trophy fa-5x text-primary mb-3"></i>
<h3> <h2>
@Model.AlbumLePlusChronique @Model.AlbumLePlusChronique
</h3> </h2>
<p> <p>
artiste avec le plus d'albums distincts artiste avec le plus d'albums distincts
</p> </p>
</div> </div>
</div>
</a> </a>
</div> </div>
@@ -72,19 +73,20 @@
<div class="col-md-4"> <div class="col-md-4">
<a asp-area="Administration" <a asp-area="Administration"
asp-controller="Titre"> asp-controller="Titre">
<div class="ratio ratio-4x3">
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-book fa-3x text-primary mb-3"></i> <i class="fa fa-book fa-5x text-primary mb-3"></i>
<h3> <h2>
@Model.NombreBiographies @Model.NombreBiographies
</h3> </h2>
<p> <p>
biographies d'artistes biographies d'artistes
</p> </p>
</div> </div>
</div>
</a> </a>
</div> </div>
@@ -94,19 +96,20 @@
asp-controller="Titre" asp-controller="Titre"
asp-action="Details" asp-action="Details"
asp-route-id="@Model.IdMusiqueLaPlusJouee"> asp-route-id="@Model.IdMusiqueLaPlusJouee">
<div class="ratio ratio-4x3">
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-compact-disc fa-3x text-primary mb-3"></i> <i class="fa fa-compact-disc fa-5x text-primary mb-3"></i>
<h4> <h2>
@Model.MusiqueLaPlusJouee @Model.MusiqueLaPlusJouee
</h4> </h2>
<p> <p>
titre le plus lu titre le plus lu
</p> </p>
</div> </div>
</div>
</a> </a>
</div> </div>
@@ -114,19 +117,20 @@
<div class="col-md-4"> <div class="col-md-4">
<a asp-area="Administration" <a asp-area="Administration"
asp-controller="Titre"> asp-controller="Titre">
<div class="ratio ratio-4x3">
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-music fa-3x text-primary mb-3"></i> <i class="fa fa-music fa-5x text-primary mb-3"></i>
<h3> <h2>
@Model.NombreTitres @Model.NombreTitres
</h3> </h2>
<p> <p>
titres titres
</p> </p>
</div> </div>
</div>
</a> </a>
</div> </div>
@@ -134,51 +138,58 @@
<div class="col-md-4"> <div class="col-md-4">
<a asp-area="Administration" <a asp-area="Administration"
asp-controller="Styles"> asp-controller="Styles">
<div class="ratio ratio-4x3">
<div class="card shadow-sm p-4 bg-light h-100 dashboard-card"> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center text-primary">
<i class="fa fa-tags fa-3x text-primary mb-3"></i> <i class="fa fa-tags fa-5x text-primary mb-3"></i>
<h3> <h2>
@Model.NombreGenres @Model.NombreGenres
</h3> </h2>
<p> <p>
styles de musique styles de musique
</p> </p>
</div> </div>
</div>
</a> </a>
</div> </div>
<!-- NOMBRE DE LECTURES --> <!-- NOMBRE DE LECTURES -->
<div class="col-md-4"> <div class="col-md-4">
<div class="card shadow-sm p-4 bg-light h-100"> <div class="ratio ratio-4x3">
<i class="fa fa-eye fa-3x text-dark mb-3"></i>
<h3> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center">
<i class="fa fa-eye fa-5x text-dark mb-3"></i>
<h2>
@Model.NombreLectures @Model.NombreLectures
</h3> </h2>
<p> <p>
lectures lectures
</p> </p>
</div> </div>
</div> </div>
</div>
<!-- TOTAL LIKES --> <!-- TOTAL LIKES -->
<div class="col-md-4"> <div class="col-md-4">
<div class="card shadow-sm p-4 bg-light h-100"> <div class="ratio ratio-4x3">
<i class="fa fa-thumbs-up fa-3x text-dark mb-3"></i>
<h3> <div class="py-5 bg-light rounded-3 d-flex flex-column justify-content-center align-items-center">
<i class="fa fa-thumbs-up fa-5x text-dark mb-3"></i>
<h2>
@Model.NombreLikes @Model.NombreLikes
</h3> </h2>
<p> <p>
likes likes
</p> </p>
</div> </div>
</div> </div>
</div>
</div> </div>

View File

@@ -22,7 +22,7 @@
@* Input *@ @* Input *@
<div class="me-3"> <div class="me-3">
<input asp-for="Libelle" class="form-control" style="width: 250px;" /> <input asp-for="Libelle" class="form-control" />
</div> </div>
@* Bouton *@ @* Bouton *@

View File

@@ -25,7 +25,7 @@
@* Input *@ @* Input *@
<div class="me-3"> <div class="me-3">
<input asp-for="Libelle" class="form-control" style="width: 250px;" /> <input asp-for="Libelle" class="form-control" />
</div> </div>
@* Bouton *@ @* Bouton *@

View File

@@ -20,7 +20,7 @@
<thead class="table-active"> <thead class="table-active">
<tr> <tr>
<th scope="col" class="p-2">Libellé</th> <th scope="col" class="p-2">Libellé</th>
<th scope="col" class="text-center p-2" style="width: 100px;">Actions</th> <th scope="col" class="text-center p-2">Actions</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -28,11 +28,11 @@
{ {
@foreach (Webzine.Entity.Style style in Model.Styles) @foreach (Webzine.Entity.Style style in Model.Styles)
{ {
<tr class="align-middle"> <tr >
<td class="p-2"> <td class="p-2 w-75">
@style.Libelle @style.Libelle
</td> </td>
<td class="text-center p-2"> <td class="text-center w-auto p-2">
<a asp-action="Edit" asp-route-id="@style.IdStyle" class="text-primary me-2" title="Éditer"> <a asp-action="Edit" asp-route-id="@style.IdStyle" class="text-primary me-2" title="Éditer">
<i class="fas fa-edit"></i> <i class="fas fa-edit"></i>
</a> </a>

View File

@@ -62,7 +62,7 @@
<!-- JAQUETTE --> <!-- JAQUETTE -->
<div class="row mb-3 align-items-center"> <div class="row mb-3 align-items-center">
<label class="col-md-3 col-form-label">Jaquette<span class="text-danger">*</span></label> <label class="col-md-3 col-form-label">Jaquette de l'album<span class="text-danger">*</span></label>
<div class="col-md-9"> <div class="col-md-9">
<input asp-for="UrlJaquette" <input asp-for="UrlJaquette"
class="form-control"/> class="form-control"/>
@@ -102,13 +102,13 @@
</div> </div>
<!-- LECTURES / LIKES (AFFICHAGE UNIQUEMENT) --> <!-- LECTURES / LIKES (AFFICHAGE UNIQUEMENT) -->
<div class="row mb-4 align-items-center"> <div class="row align-items-center">
<label class="col-md-3 col-form-label">Nb de lectures<span class="text-danger">*</span></label> <label class="col-md-3 col-form-label">Nb de lectures<span class="text-danger">*</span></label>
<div class="col-md-3"> <div class="col-md-3">
@Model.NbLectures @Model.NbLectures
</div> </div>
</div> </div>
<div class="row mb-4 align-items-center"> <div class="row align-items-center">
<label class="col-md-3 col-form-label">Nb de likes<span class="text-danger">*</span></label> <label class="col-md-3 col-form-label">Nb de likes<span class="text-danger">*</span></label>
<div class="col-md-3"> <div class="col-md-3">
@Model.NbLikes @Model.NbLikes

View File

@@ -37,7 +37,7 @@
<!-- Chronique --> <!-- Chronique -->
<p class="mt-2 mb-3 text-muted"> <p class="mt-2 mb-3 text-muted">
@titre.Chronique @(titre.Chronique.Length > 200 ? titre.Chronique.Substring(0, 200) + "..." : titre.Chronique)
</p> </p>
<!-- Footer --> <!-- Footer -->

View File

@@ -59,7 +59,7 @@
<a asp-controller="Titre" <a asp-controller="Titre"
asp-action="Details" asp-action="Details"
asp-route-id="@titre.IdTitre" asp-route-id="@titre.IdTitre"
class="text-primary fw-bold"> class="text-primary">
@titre.Libelle @titre.Libelle
</a> </a>
</td> </td>

View File

@@ -4,14 +4,15 @@
<div class="container"> <div class="container">
<h1>Contact</h1> <h1>Contact</h1>
<div> <div class="my-2">
C.U.C.D.B - DIIAGE <br /> C.U.C.D.B - DIIAGE <br />
69 Avenue Aristide Briand<br /> 69 Avenue Aristide Briand<br />
21000 Dijon 21000 Dijon
</div> </div>
<div>
<div class ="my-2">
<i class="fa-solid fa-phone"></i> Phone : 03 80 40 50 60<br /> <i class="fa-solid fa-phone"></i> Phone : 03 80 40 50 60<br />
<i class="fa-solid fa-envelope"></i> secretariat@cucdb.fr <i class="fa-solid fa-envelope"></i> <span class="text-primary">secretariat@cucdb.fr</span>
</div> </div>
</div> </div>
@@ -21,43 +22,43 @@
<h2>Suivez-nous</h2> <h2>Suivez-nous</h2>
<div class="row g-4 text-center"> <div class="row g-4 text-center">
<div class="col-md-4"> <div class="col-md-4">
<a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle"> <a href="#" class="card h-100 p-4 border-0 bg-light">
<i class="fa-solid fa-link fa-3x text-primary mb-3"></i> <i class="fa-solid fa-link fa-3x text-primary mb-3 align-self-center"></i>
<div class="fw-bold text-primary">Site officiel du DIIAGE</div> <div class="fw-bold text-primary">Site officiel du DIIAGE</div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle"> <a href="#" class="card h-100 p-4 border-0 bg-light">
<i class="fa-brands fa-facebook fa-3x text-primary mb-3"></i> <i class="fa-brands fa-facebook fa-3x text-primary mb-3 align-self-center"></i>
<div class="fw-bold text-primary">Facebook</div> <div class="fw-bold text-primary">Facebook</div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle"> <a href="#" class="card h-100 p-4 border-0 bg-light">
<i class="fa-brands fa-instagram fa-3x text-primary mb-3"></i> <i class="fa-brands fa-instagram fa-3x text-primary mb-3 align-self-center"></i>
<div class="fw-bold text-primary">Instagram</div> <div class="fw-bold text-primary">Instagram</div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle"> <a href="#" class="card h-100 p-4 border-0 bg-light">
<i class="fa-brands fa-linkedin fa-3x text-primary mb-3"></i> <i class="fa-brands fa-linkedin fa-3x text-primary mb-3 align-self-center"></i>
<div class="fw-bold text-primary">LinkedIn</div> <div class="fw-bold text-primary">LinkedIn</div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle"> <a href="#" class="card h-100 p-4 border-0 bg-light">
<i class="fa-solid fa-map fa-3x text-primary mb-3"></i> <i class="fa-solid fa-map fa-3x text-primary mb-3 align-self-center"></i>
<div class="fw-bold text-primary">Google Maps</div> <div class="fw-bold text-primary">Google Maps</div>
</a> </a>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle"> <a href="#" class="card h-100 p-4 border-0 bg-light">
<i class="fa-brands fa-twitter fa-3x text-primary mb-3"></i> <i class="fa-brands fa-twitter fa-3x text-primary mb-3 align-self-center"></i>
<div class="fw-bold text-primary">Twitter</div> <div class="fw-bold text-primary">Twitter</div>
</a> </a>
</div> </div>

View File

@@ -12,7 +12,7 @@
<script src="~/js/bootstrap.bundle.js" defer></script> <script src="~/js/bootstrap.bundle.js" defer></script>
</head> </head>
<body> <body class="d-flex flex-column min-vh-100">
<partial name="_Header"/> <partial name="_Header"/>
<div class="container-fluid flex-grow-1 py-4"> <div class="container-fluid flex-grow-1 py-4">
<div class="row"> <div class="row">

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB