Merge remote-tracking branch 'origin/j2/refactor/controler-style-titre' into j2/ajout_repo
This commit is contained in:
@@ -14,7 +14,8 @@
|
||||
<div class="col-12 col-md-3 text-center mb-3 mb-md-0">
|
||||
<img class="img-fluid img-thumbnail"
|
||||
src="@titre.UrlJaquette"
|
||||
alt="@titre.Libelle" />
|
||||
alt="@titre.Libelle"
|
||||
loading="lazy" />
|
||||
</div>
|
||||
|
||||
<!-- Contenu -->
|
||||
@@ -82,7 +83,7 @@
|
||||
{
|
||||
<div class="col-12 col-md-6 col-lg-4">
|
||||
<div class="card h-100">
|
||||
<img class="card-img-top" src="@titre.UrlJaquette" alt="@titre.Album" />
|
||||
<img class="card-img-top" src="@titre.UrlJaquette" alt="@titre.Album" loading="lazy" />
|
||||
|
||||
<div class="card-body">
|
||||
<a asp-controller="Titre" asp-action="Details" asp-route-id="@titre.IdTitre" class="card-link">
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@model Webzine.Entity.Artiste
|
||||
@model Webzine.WebApplication.ViewModels.Artiste.ArtisteDetailsViewModel;
|
||||
|
||||
@{
|
||||
ViewData["Title"] = "Artiste";
|
||||
@@ -8,22 +8,20 @@
|
||||
<div class="container">
|
||||
<h1>@Model.Nom</h1>
|
||||
|
||||
<hr class="mb-5" />
|
||||
<hr/>
|
||||
|
||||
<p class="lead">@Model.Biographie</p>
|
||||
|
||||
<h2 class="mt-5 mb-4">Albums</h2>
|
||||
<hr class="mb-5" />
|
||||
<hr/>
|
||||
|
||||
@* On groupe les titres par nom d'album *@
|
||||
@{
|
||||
var albumsGroupes = Model.Titres
|
||||
.OrderBy(t => t.Libelle) // Trie les titres par ordre alphabétique au sein de chaque groupe futur
|
||||
.GroupBy(t => t.Album) // Groupe par nom d'album
|
||||
.OrderBy(g => g.Key); // Trie les albums par ordre alphabétique (la clé du groupe)
|
||||
}
|
||||
|
||||
@foreach (var groupe in albumsGroupes)
|
||||
@if (!Model.AlbumsGroupes.Any())
|
||||
{
|
||||
<p>Cet artiste n'a pas encore de titres répertoriés.</p>
|
||||
}
|
||||
else
|
||||
{
|
||||
@foreach (var groupe in Model.AlbumsGroupes)
|
||||
{
|
||||
// On récupère le premier titre du groupe pour afficher l'image de l'album
|
||||
var premierTitre = groupe.First();
|
||||
@@ -32,7 +30,8 @@
|
||||
<div class="col-md-3 mb-3">
|
||||
<img src="@premierTitre.UrlJaquette"
|
||||
class="img-fluid shadow-sm rounded border"
|
||||
alt="Pochette de @groupe.Key" />
|
||||
alt="Pochette de @groupe.Key"
|
||||
loading="lazy" />
|
||||
</div>
|
||||
|
||||
<div class="col-md-9">
|
||||
@@ -70,4 +69,5 @@
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
</div>
|
||||
@@ -53,7 +53,7 @@
|
||||
asp-action="Details"
|
||||
asp-route-id="@titre.IdTitre"
|
||||
class="me-3 text-black">
|
||||
<img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70" height="70" class="object-fit-cover" />
|
||||
<img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70" height="70" class="object-fit-cover" loading="lazy"/>
|
||||
</a>
|
||||
|
||||
<div class="justify-content-center d-flex flex-column">
|
||||
|
||||
@@ -9,8 +9,6 @@
|
||||
<link rel="stylesheet" href="~/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="~/css/all.min.css">
|
||||
<link rel="stylesheet" href="~/css/app.css">
|
||||
|
||||
<script src="~/js/bootstrap.bundle.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<partial name="_Header"/>
|
||||
@@ -28,3 +26,5 @@
|
||||
<partial name="_Footer" />
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script src="~/js/bootstrap.bundle.min.js" defer></script>
|
||||
@@ -86,7 +86,9 @@
|
||||
<div class="col-md-4 text-center">
|
||||
<img src="@Model.Details.UrlJaquette"
|
||||
class="img-fluid rounded shadow"
|
||||
alt="Jaquette" />
|
||||
alt="Jaquette"
|
||||
loading="lazy"
|
||||
fetchpriority="high" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<a asp-action="Details"
|
||||
asp-route-id="@titre.IdTitre"
|
||||
class="me-3 text-black">
|
||||
<img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70px" height="70px" class="object-fit-cover"/>
|
||||
<img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70px" height="70px" class="object-fit-cover" loading="lazy"/>
|
||||
</a>
|
||||
|
||||
<!-- Infos -->
|
||||
|
||||
Reference in New Issue
Block a user