Created View Project

View/Pages/Export.razor

@@ -0,0 +1,47 @@
+@page "/Export"
+
+@using IgniteUI.Blazor.Controls
+@using Microsoft.AspNetCore.Components.Web
+@using OI.Metrology.Shared.DataModels
+
+@namespace OI.Metrology.View
+
+<PageTitle>Export Data</PageTitle>
+
+<h3>Export Data</h3>
+
+<hr />
+
+<IgbButton>
+    <IgbIcon @ref="IconRef" Size="SizableComponentSize.Small" IconName="build" Collection="material" />
+    Refresh
+</IgbButton>
+
+@if (_TimeSpan is null || _DateRange is null || _ToolTypeNameId is null || _ToolTypeNameIdCollection is null)
+{
+    <p><em>Loading...</em></p>
+}
+else
+{
+    <table id="ExportData">
+        <tr>
+            <td>
+                <MudSelect @bind-Value="_ToolTypeNameId" ToStringFunc="@_ConvertFunc" Label="Tool Type" Placeholder="Please Select" AdornmentColor="Color.Primary">
+                    @foreach (ToolTypeNameId toolTypeNameId in _ToolTypeNameIdCollection)
+                    {
+                        <MudSelectItem Value="@toolTypeNameId" />
+                    }
+                </MudSelect>
+            </td>
+            <td>
+                <MudDateRangePicker Label="Date Range" @bind-DateRange="_DateRange" />
+            </td>
+            <td>
+                <MudTimePicker Label="Start and End Time" AmPm="true" @bind-Time="_TimeSpan" />
+            </td>
+            <td>
+                <MudButton Variant="Variant.Filled" Color="Color.Info" OnClick="DownloadAsync">Download</MudButton>
+            </td>
+        </tr>
+    </table>
+}