Add code to delete screens.

Marechai/Areas/Admin/Views/Screens/Delete.cshtml

@@ -1,50 +0,0 @@
-@model Marechai.Database.Models.Screen
-
-@{
-    ViewData["Title"] = "Delete";
-}
-<h1>Delete</h1>
-<h3>Are you sure you want to delete this?</h3>
-<div>
-    <h4>Screen</h4>
-    <hr />
-    <dl class="row">
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Diagonal)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Diagonal)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Size)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Size)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.NativeResolution)
-        </dt>
-        <dd class="col-sm-10">
-            @Model.NativeResolution.ToString()
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.EffectiveColors)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.EffectiveColors)
-        </dd>
-        <dt class="col-sm-2">
-            @Html.DisplayNameFor(model => model.Type)
-        </dt>
-        <dd class="col-sm-10">
-            @Html.DisplayFor(model => model.Type)
-        </dd>
-    </dl>
-    <form asp-action="Delete">
-        <input type="hidden" asp-for="Id" />
-        <input class="btn btn-danger" type="submit" value="Delete" />
-        <a asp-action="Index" class="btn btn-secondary">
-            Back to List
-        </a>
-    </form>
-</div>

Marechai/Pages/Admin/Screens.razor

@@ -88,21 +88,26 @@
                 <span class="btn btn-secondary">
                     @L["Edit"]
                 </span>
-                <span class="btn btn-danger">
-                    @L["Delete"]
-                </span>
+                <Button Color="Color.Danger" Clicked="() => {ShowModal(item.Id);}">@L["Delete"]</Button>
             </td>
         </tr>
     }
     </tbody>
 </table>
 
-@code
-{
-    List<Screen> _screens;
-
-    protected override void OnInitialized()
-    {
-        _screens = Service.Get();
-    }
-}
+<Modal @ref="_frmDelete" IsCentered="true" Closing="@ModalClosing"> 
+    <ModalBackdrop/>
+    <ModalContent Centered="true">
+        <ModalHeader>
+            <ModalTitle>@L["Delete screen"]</ModalTitle>
+            <CloseButton Clicked="@HideModal"/>
+        </ModalHeader>
+        <ModalBody>
+            <Text>@string.Format(@L["Are you sure you want to delete screen of {0}\" size with a resolution of {1} and type {2}?"], _screen?.Diagonal, _screen?.NativeResolution, _screen?.Type)</Text>
+        </ModalBody>
+        <ModalFooter>
+            <Button Color="Color.Primary" Clicked="@HideModal" Disabled="@_deleteInProgress">@L["Cancel"]</Button>
+            <Button Color="Color.Danger" Clicked="@ConfirmDelete" Disabled="@_deleteInProgress">@L["Delete"]</Button>
+        </ModalFooter>
+    </ModalContent>
+</Modal>

Marechai/Pages/Admin/Screens.razor.cs

@@ -0,0 +1,52 @@
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Blazorise;
+using Marechai.Database.Models;
+
+namespace Marechai.Pages.Admin
+{
+    public partial class Screens
+    {
+        bool         _deleteInProgress;
+        Modal        _frmDelete;
+        Screen       _screen;
+        List<Screen> _screens;
+
+        void ShowModal(int itemId)
+        {
+            _screen = _screens.FirstOrDefault(n => n.Id == itemId);
+            _frmDelete.Show();
+        }
+
+        void HideModal() => _frmDelete.Hide();
+
+        async void ConfirmDelete()
+        {
+            if(_screen is null)
+                return;
+
+            _deleteInProgress = true;
+            _screens          = null;
+
+            // Yield thread to let UI to update
+            await Task.Yield();
+
+            await Service.DeleteAsync(_screen.Id);
+            _screens = Service.Get();
+
+            _deleteInProgress = false;
+            _frmDelete.Hide();
+
+            // Yield thread to let UI to update
+            await Task.Yield();
+
+            // Tell we finished loading
+            StateHasChanged();
+        }
+
+        void ModalClosing(ModalClosingEventArgs obj) => _screen = null;
+
+        protected override async Task OnInitializedAsync() => _screens = await Service.GetAsync();
+    }
+}

Marechai/Resources/Services/ScreensService.es.resx

@@ -162,4 +162,16 @@
     <value>Eliminar</value>
     <comment>Delete</comment>
   </data>
+  <data name="Delete screen" xml:space="preserve">
+    <value>Eliminar pantalla</value>
+    <comment>Delete screen</comment>
+  </data>
+  <data name="Are you sure you want to delete screen of {0}&quot; size with a resolution of {1} and type {2}?" xml:space="preserve">
+    <value>¿Está seguro de que desea borrar la pantalla de {0}&quot; de tamaño con una resolución de {1} y tipo {2}?</value>
+    <comment>{0} size in inches, {1} resolution, {2} type</comment>
+  </data>
+  <data name="Cancel" xml:space="preserve">
+    <value>Cancelar</value>
+    <comment>Cancel</comment>
+  </data>
 </root>

Marechai/Services/ScreensService.cs

@@ -1,5 +1,6 @@
 using System.Collections.Generic;
 using System.Linq;
+using System.Threading.Tasks;
 using Marechai.Database.Models;
 
 namespace Marechai.Services
@@ -13,5 +14,17 @@ namespace Marechai.Services
         public List<Screen> Get() => _context.Screens.AsEnumerable().OrderBy(s => s.Diagonal).
                                               ThenBy(s => s.EffectiveColors).ThenBy(s => s.NativeResolution.ToString()).
                                               ThenBy(s => s.Type).ThenBy(s => s.Size).ToList();
+
+        public async Task DeleteAsync(int id)
+        {
+            Screen item = await _context.Screens.FindAsync(id);
+
+            if(item is null)
+                return;
+
+            _context.Screens.Remove(item);
+
+            await _context.SaveChangesAsync();
+        }
     }
 }