Moved crud operations to the title field

WebApp/Components/Features/Events/Details.razor

@@ -4,6 +4,7 @@
 @using WebApp.Components.Shared.Components
 @inject AppDbContext context
 @inject NavigationManager NavigationManager
+@inject IJSRuntime JSRuntime
 
 @if (eventdefinition is null)
 {
@@ -17,8 +18,13 @@
     ShowBackButton="true"
     BackButtonUrl="/events">
     <ActionButtons>
-        <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/events/edit?id={eventdefinition.Id}")" Variant="Variant.Outlined">Edit</MudButton>
-        <MudButton Href="/events" Variant="Variant.Text">Back to List</MudButton>
+        <div class="no-print">
+            <MudButton StartIcon="@Icons.Material.Filled.Print"
+                       OnClick="PrintPage"
+                       Variant="Variant.Outlined">Print</MudButton>
+            <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/events/edit?id={eventdefinition.Id}")" Variant="Variant.Outlined">Edit</MudButton>
+            <MudButton Href="/events" Variant="Variant.Text">Back to List</MudButton>
+        </div>
     </ActionButtons>
 </PageHeader>
 
@@ -102,4 +108,9 @@
             NavigationManager.NavigateTo("notfound");
         }
     }
+
+    private async Task PrintPage()
+    {
+        await JSRuntime.InvokeVoidAsync("window.print");
+    }
 }

WebApp/Components/Features/Events/Index.razor

@@ -16,7 +16,28 @@
 
 <MudDataGrid T="EventDefinition" ServerData="ServerReload" @ref="_dataGrid" Filterable="true" RowsPerPage="50" >
     <Columns>
-        <PropertyColumn Property="@(e => e.Name)" Title="Event Name" Sortable="true" />
+        <PropertyColumn Property="@(e => e.Name)" Title="Event Name" Sortable="true">
+            <CellTemplate>
+                <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.SpaceBetween" Spacing="1">
+                    <MudLink Href="@($"/events/details?id={context.Item.Id}")"
+                             Underline="Underline.Hover"
+                             Color="Color.Primary">
+                        @context.Item.Name
+                    </MudLink>
+                    <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1">
+                        <MudIconButton Icon="@Icons.Material.Filled.Edit"
+                                       Size="Size.Small"
+                                       Href="@($"/events/edit?id={context.Item.Id}")"
+                                       Title="Edit" />
+                        <MudIconButton Icon="@Icons.Material.Outlined.Delete"
+                                       Size="Size.Small"
+                                       Color="Color.Error"
+                                       OnClick="() => DeleteEventDefinition(context.Item!)"
+                                       Title="Delete" />
+                    </MudStack>
+                </MudStack>
+            </CellTemplate>
+        </PropertyColumn>
         <PropertyColumn Property="@(e => e.EventFormat)" Title="Event Format" />
 
         <TemplateColumn Title="Team Size" CellStyle="white-space:nowrap">
@@ -34,14 +55,6 @@
         </TemplateColumn>
         
         <PropertyColumn Property="@(e => e.LevelOfEffort)" Title="Level of Effort" />
-        <TemplateColumn>
-            <CellTemplate>
-                <CrudActions DetailsHref="@($"/events/details?id={context.Item!.Id}")"
-                             EditHref="@($"/events/edit?id={context.Item!.Id}")"
-                             DeleteOnClick="() => DeleteEventDefinition(context.Item!)">
-                </CrudActions>
-            </CellTemplate>
-        </TemplateColumn>
     </Columns>
     <PagerContent>
         <MudDataGridPager T="EventDefinition"></MudDataGridPager>