Merge pull request #111 from mateof/feature/live-info-modals

feat: live refresh in the download/upload/task info modals

Author: mateof

TelegramDownloader/Pages/Modals/InfoModals/DownloadFileInfoModal.razor

@@ -1,5 +1,8 @@
 @using TelegramDownloader.Models
 @using TelegramDownloader.Services
+@implements IDisposable
+
+@inject TransactionInfoService tis
 
 <style>
     .download-info-modal-overlay {
@@ -416,13 +419,19 @@
         this.downloadModel = downloadModel;
         if (this.downloadModel != null)
         {
+            // Live refresh while the modal is open: the model reference is live,
+            // so re-rendering on the aggregated (throttled) transactions event
+            // keeps progress, state, duration and speed up to date.
+            tis.TransactionsChanged -= OnTransactionsChanged;
+            tis.TransactionsChanged += OnTransactionsChanged;
             isVisible = true;
             StateHasChanged();
         }
     }
 
     private async Task HideModal()
     {
+        tis.TransactionsChanged -= OnTransactionsChanged;
         isVisible = false;
         StateHasChanged();
 
@@ -432,6 +441,21 @@
         }
     }
 
+    private async void OnTransactionsChanged(object sender, System.EventArgs e)
+    {
+        if (!isVisible) return;
+        try
+        {
+            await InvokeAsync(StateHasChanged);
+        }
+        catch { }
+    }
+
+    public void Dispose()
+    {
+        tis.TransactionsChanged -= OnTransactionsChanged;
+    }
+
     private async Task OnOverlayClick()
     {
         await HideModal();

TelegramDownloader/Pages/Modals/InfoModals/TaskInfoModal.razor

@@ -1,5 +1,8 @@
 @using TelegramDownloader.Models
 @using TelegramDownloader.Services
+@implements IDisposable
+
+@inject TransactionInfoService tis
 
 <style>
     .task-info-modal-overlay {
@@ -465,13 +468,19 @@
         this.taskModel = taskModel;
         if (this.taskModel != null)
         {
+            // Live refresh while the modal is open: the model reference is live,
+            // so re-rendering on the aggregated (throttled) transactions event
+            // keeps progress, state, duration and file counters up to date.
+            tis.TransactionsChanged -= OnTransactionsChanged;
+            tis.TransactionsChanged += OnTransactionsChanged;
             isVisible = true;
             StateHasChanged();
         }
     }
 
     private async Task HideModal()
     {
+        tis.TransactionsChanged -= OnTransactionsChanged;
         isVisible = false;
         StateHasChanged();
 
@@ -481,6 +490,21 @@
         }
     }
 
+    private async void OnTransactionsChanged(object sender, System.EventArgs e)
+    {
+        if (!isVisible) return;
+        try
+        {
+            await InvokeAsync(StateHasChanged);
+        }
+        catch { }
+    }
+
+    public void Dispose()
+    {
+        tis.TransactionsChanged -= OnTransactionsChanged;
+    }
+
     private async Task OnOverlayClick()
     {
         await HideModal();

TelegramDownloader/Pages/Modals/InfoModals/UploadFileInfoModal.razor

@@ -1,5 +1,8 @@
 @using TelegramDownloader.Models
 @using TelegramDownloader.Services
+@implements IDisposable
+
+@inject TransactionInfoService tis
 
 <style>
     .upload-modal-overlay {
@@ -422,13 +425,19 @@
         this.uploadModel = uploadModel;
         if (this.uploadModel != null)
         {
+            // Live refresh while the modal is open: the model reference is live,
+            // so re-rendering on the aggregated (throttled) transactions event
+            // keeps progress, state, duration and speed up to date.
+            tis.TransactionsChanged -= OnTransactionsChanged;
+            tis.TransactionsChanged += OnTransactionsChanged;
             isVisible = true;
             StateHasChanged();
         }
     }
 
     private async Task HideModal()
     {
+        tis.TransactionsChanged -= OnTransactionsChanged;
         isVisible = false;
         StateHasChanged();
 
@@ -438,6 +447,21 @@
         }
     }
 
+    private async void OnTransactionsChanged(object sender, System.EventArgs e)
+    {
+        if (!isVisible) return;
+        try
+        {
+            await InvokeAsync(StateHasChanged);
+        }
+        catch { }
+    }
+
+    public void Dispose()
+    {
+        tis.TransactionsChanged -= OnTransactionsChanged;
+    }
+
     private async Task OnOverlayClick()
     {
         await HideModal();