(#69) Import & Export Csv, Excel Files

Author: phongnguyend

src/Monolith/ClassifiedAds.Blazor.Modules/Products/Pages/List.cs

@@ -5,6 +5,7 @@
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Authorization;
 using Microsoft.Extensions.Logging;
+using Microsoft.JSInterop;
 using System.Collections.Generic;
 using System.Threading.Tasks;
 
@@ -21,6 +22,9 @@ public partial class List
         [Inject]
         public NavigationManager NavManager { get; set; }
 
+        [Inject]
+        public IJSRuntime JSRuntime { get; set; }
+
         [Inject]
         public ILogger<List> Logger { get; set; }
 
@@ -67,5 +71,19 @@ public async void ConfirmedDeleteProduct()
             Products = await ProductService.GetProductsAsync();
             StateHasChanged();
         }
+
+        protected async Task ExportAsPdf()
+        {
+            var token = await ProductService.GetAccessToken();
+            await JSRuntime.Log(token);
+            await JSRuntime.InvokeVoidAsync("interop.downloadFile", ProductService.GetExportPdfUrl(), token, "Products.pdf");
+        }
+
+        protected async Task ExportAsCsv()
+        {
+            var token = await ProductService.GetAccessToken();
+            await JSRuntime.Log(token);
+            await JSRuntime.InvokeVoidAsync("interop.downloadFile", ProductService.GetExportCsvUrl(), token, "Products.csv");
+        }
     }
 }

src/Monolith/ClassifiedAds.Blazor.Modules/Products/Pages/List.razor

@@ -5,11 +5,22 @@
 <div class="card">
     <div class="card-header">
         Product List
-        <button class="btn btn-primary"
-                style="float: right;"
-                @onclick="QuickAddProduct">
-            Add Product
-        </button>
+
+        <div style="float: right">
+            <button type="button" class="btn btn-secondary" @onclick="ExportAsPdf">
+                Export as Pdf
+            </button>
+            &nbsp;
+            <button type="button" class="btn btn-secondary" @onclick="ExportAsCsv">
+                Export as Csv
+            </button>
+            &nbsp;
+            <button class="btn btn-primary"
+                    style="float: right;"
+                    @onclick="QuickAddProduct">
+                Add Product
+            </button>
+        </div>
     </div>
     <div class="card-body">
         <div class="table-responsive">

src/Monolith/ClassifiedAds.Blazor.Modules/Products/Services/ProductService.cs

@@ -48,5 +48,15 @@ public async Task<List<ProductAuditLogModel>> GetAuditLogsAsync(Guid id)
             var auditLogs = await GetAsync<List<ProductAuditLogModel>>($"api/products/{id}/auditlogs");
             return auditLogs;
         }
+
+        public string GetExportPdfUrl()
+        {
+            return $"{_httpClient.BaseAddress.AbsoluteUri.Trim('/')}/api/products/ExportAsPdf";
+        }
+
+        public string GetExportCsvUrl()
+        {
+            return $"{_httpClient.BaseAddress.AbsoluteUri.Trim('/')}/api/products/ExportAsCsv";
+        }
     }
 }

src/Monolith/ClassifiedAds.Blazor.Modules/Settings/Pages/List.cs

@@ -4,16 +4,18 @@
 using ClassifiedAds.Blazor.Modules.Settings.Services;
 using Microsoft.AspNetCore.Components;
 using Microsoft.Extensions.Logging;
+using Microsoft.JSInterop;
 using System;
 using System.Collections.Generic;
-using System.Linq;
-using System.Text;
 using System.Threading.Tasks;
 
 namespace ClassifiedAds.Blazor.Modules.Settings.Pages
 {
     public partial class List
     {
+        [Inject]
+        public IJSRuntime JSRuntime { get; set; }
+
         [Inject]
         public ILogger<List> Logger { get; set; }
 
@@ -78,5 +80,12 @@ public async void ConfirmedAddEdit(ConfigurationEntryModel model)
             ConfigurationEntries = await ConfigurationEntryService.GetListAsync();
             StateHasChanged();
         }
+
+        protected async Task ExportAsExcel()
+        {
+            var token = await ConfigurationEntryService.GetAccessToken();
+            await JSRuntime.Log(token);
+            await JSRuntime.InvokeVoidAsync("interop.downloadFile", ConfigurationEntryService.GetExportExcelUrl(), token, "Settings.xlsx");
+        }
     }
 }

src/Monolith/ClassifiedAds.Blazor.Modules/Settings/Pages/List.razor

@@ -6,11 +6,17 @@
 <div class="card">
     <div class="card-header">
         Settings
-        <button class="btn btn-primary"
-                style="float: right;"
-                @onclick="@(()=> AddSetting())">
-            Add
-        </button>
+        <div style="float: right">
+            <button type="button" class="btn btn-secondary" @onclick="ExportAsExcel">
+                Export as Excel
+            </button>
+            &nbsp;
+            <button class="btn btn-primary"
+                    style="float: right;"
+                    @onclick="@(()=> AddSetting())">
+                Add
+            </button>
+        </div>
     </div>
     <div class="card-body">
         <div class="table-responsive">

src/Monolith/ClassifiedAds.Blazor.Modules/Settings/Services/ConfigurationEntryService.cs

@@ -49,5 +49,10 @@ public async Task<List<FileEntryAuditLogModel>> GetAuditLogsAsync(Guid id)
             var auditLogs = await GetAsync<List<FileEntryAuditLogModel>>($"api/ConfigurationEntries/{id}/AuditLogs");
             return auditLogs;
         }
+
+        public string GetExportExcelUrl()
+        {
+            return $"{_httpClient.BaseAddress.AbsoluteUri.Trim('/')}/api/ConfigurationEntries/ExportAsExcel";
+        }
     }
 }