lmasi/webzine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

#104 Rework du style du dashboard

Browse Source
This commit is contained in:
b.nodon
2026-03-26 11:59:18 +01:00
parent 2be5c154a7
commit 69116fb46b
1 changed files with 66 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
Webzine.WebApplication/Areas/Administration/Views/Dashboard/Index.cshtml
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> @Model.ArtisteLePlusChronique
</h2>
<h3> <p>artiste le plus chroniqué</p>
@Model.ArtisteLePlusChronique </div>
</h3>
<p>artiste le plus chroniqué</p>
</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,50 +138,57 @@
<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">
@Model.NombreLectures <i class="fa fa-eye fa-5x text-dark mb-3"></i>
</h3>
<p> <h2>
lectures @Model.NombreLectures
</p> </h2>
<p>
lectures
</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>