Merge branch 'master' of https://codefirst.iut.uca.fr/git/enzo.jolys/ProjetBlazer

ProjetBlazor/Pages/MusiquesListe.razor

@@ -1,4 +1,34 @@
-<h3>MusiquesListe</h3>
+@page  "/MusiquesListe"
+
+@using Modeles
+
+<h3>Liste de Musiques</h3>
+
+
+
+<div>
+    <NavLink class="btn btn-primary" href="Add" Match="NavLinkMatch.All">
+        <i class="fa fa-plus"></i> Ajouter
+    </NavLink>
+</div>
+
+<DataGrid TItem="Musique"
+          Data="@items"
+          ReadData="@OnReadData"
+          TotalItems="@totalItem"
+          ShowPager
+          Responsive>
+
+    <DataGridColumn Musique="Musique" Field="@nameof(Musique.id)" Caption="#" />
+    <DataGridColumn Musique="Musique" Field="@nameof(Musique.titre)" Caption="Titre" />
+    <DataGridColumn Musique="Musique" Field="@nameof(Musique.auteur)" Caption="Auteurs" />
+    <DataGridColumn Musique="Musique" Field="@nameof(Musique.duree)" Caption="duree" />
+    <DataGridColumn Musique="Musique" Field="@nameof(Musique.genre)" Caption="Genres"/>
+    <DataGridColumn Musique="Musique" Field="@nameof(Musique.genre)" Caption="Genres"/>
+    
+
+
+</DataGrid>
 
 
 

ProjetBlazor/Pages/MusiquesListe.razor.cs

@@ -0,0 +1,35 @@
+using Blazorise.DataGrid;
+using Microsoft.AspNetCore.Components;
+using ProjetBlazor.Modeles;
+using ProjetBlazor.Services;
+
+namespace ProjetBlazor.Pages
+{
+    public partial class MusiquesListe
+    {
+        private List<Musique> items;
+
+        private int totalItem;
+
+
+        public IDataService DataService { get; set; }
+
+
+        [Inject]
+        public IWebHostEnvironment WebHostEnvironment { get; set; }
+
+        private async Task OnReadData(DataGridReadDataEventArgs<Musique> e)
+        {
+            if (e.CancellationToken.IsCancellationRequested)
+            {
+                return;
+            }
+
+            if (!e.CancellationToken.IsCancellationRequested)
+            {
+                items = await DataService.List(e.Page, e.PageSize);
+                totalItem =  items.Count();
+            }
+        }
+    }
+}

ProjetBlazor/Pages/_Layout.cshtml

@@ -27,6 +27,10 @@
         <a class="dismiss">🗙</a>
     </div>
 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
+
+    <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
+    <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
     <script src="_framework/blazor.server.js"></script>
 </body>
 </html>

ProjetBlazor/Program.cs

@@ -1,3 +1,6 @@
+using Blazorise;
+using Blazorise.Bootstrap;
+using Blazorise.Icons.FontAwesome;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using ProjetBlazor.Services;
@@ -7,6 +10,10 @@ var builder = WebApplication.CreateBuilder(args);
 // Add services to the container.
 builder.Services.AddRazorPages();
 builder.Services.AddServerSideBlazor();
+builder.Services
+   .AddBlazorise()
+   .AddBootstrapProviders()
+   .AddFontAwesomeIcons();
 
 builder.Services.AddScoped<IDataService, DataApiService>();
 builder.Services.AddHttpClient();

ProjetBlazor/ProjetBlazor.csproj

@@ -7,7 +7,13 @@
   </PropertyGroup>
 
   <ItemGroup>
+<<<<<<< HEAD
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.1.4.1" />
+    <PackageReference Include="Blazorise.DataGrid" Version="1.1.4.1" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.4.1" />
+=======
     <Folder Include="wwwroot\images\" />
+>>>>>>> 3440c9059da8cb9c6643c5187eb805ec45f4ec18
   </ItemGroup>
 
 </Project>

ProjetBlazor/Shared/NavMenu.razor

@@ -14,9 +14,15 @@
                 <span class="oi oi-home" aria-hidden="true"></span> Home
             </NavLink>
         </div>
+<<<<<<< HEAD
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="MusiquesListe">
+                <span class="oi oi-plus" aria-hidden="true"></span> MusiquesListe
+=======
          <div class="nav-item px-3">
             <NavLink class="nav-link" href="edit/5/">
                 <span class="oi oi-plus" aria-hidden="true"></span> Edit
+>>>>>>> 3440c9059da8cb9c6643c5187eb805ec45f4ec18
             </NavLink>
         </div>
     </nav>

ProjetBlazor/_Imports.razor

@@ -8,3 +8,4 @@
 @using Microsoft.JSInterop
 @using ProjetBlazor
 @using ProjetBlazor.Shared
+@using Blazorise.DataGrid;