Update Submit UI with 0 based chart and info box for submissions

Author: JPVenson

Jellyfin.HardwareVisualizer/Client/Pages/HardwareSurveyChartsPage.razor

@@ -4,6 +4,13 @@
 
 <PageTitle>Jellyfin Hardware Survey</PageTitle>
 
+@if(Submission != Guid.Empty)
+{
+	<div>
+		<p>Your submission was received and is currently been processed. Please check in a few Minutes and reload the website.</p>
+	</div>
+}
+
 <div class="d-inline-flex p-2 flex-row">
 	@foreach (var selectedDevice in this.DataSelectorService.SelectedDevices)
 	{

Jellyfin.HardwareVisualizer/Client/Pages/HardwareSurveyChartsPage.razor.cs

@@ -1,6 +1,10 @@
 using ChartJs.Blazor.BarChart;
+using ChartJs.Blazor.BarChart.Axes;
 using ChartJs.Blazor.Common;
+using ChartJs.Blazor.Common.Axes;
+using ChartJs.Blazor.Common.Axes.Ticks;
 using ChartJs.Blazor.Common.Enums;
+using ChartJs.Blazor.LineChart;
 using Jellyfin.HardwareVisualizer.Client.Service;
 using Jellyfin.HardwareVisualizer.Client.Service.ResLoaded;
 using Jellyfin.HardwareVisualizer.Shared.Models;
@@ -21,6 +25,10 @@ public partial class HardwareSurveyChartsPage
 	[SupplyParameterFromQuery(Name = "device")]
 	[Parameter]
 	public string[]? SelectedDevices { get; set; }
+	
+	[SupplyParameterFromQuery(Name = "submission")]
+	[Parameter]
+	public Guid Submission { get; set; }
 
 	public Guid SelectedDevice { get; set; }
 
@@ -45,7 +53,7 @@ await ResourceLoaderService.AddResource(
 			new ScriptLinkResource("_content/ChartJs.Blazor.Fork/ChartJsBlazorInterop.js"));
 
 		var usageChart = new BarConfig(_horizontalChart);
-		
+
 		usageChart.Options = new BarOptions
 		{
 			Responsive = true,
@@ -58,6 +66,16 @@ await ResourceLoaderService.AddResource(
 			{
 				Display = true,
 				Position = Position.Top
+			},
+			Scales = new BarScales
+			{
+				XAxes = new List<CartesianAxis>(){
+					new BarLinearCartesianAxis (){	
+						Ticks = new LinearCartesianTicks(){
+							BeginAtZero = true
+						}
+					}
+				}
 			}
 		};
 
@@ -137,7 +155,7 @@ private void DataSelectorService_DeviceAdded(object? sender, RenderDeviceViewMod
 			_usageChart.Data.Datasets.Add(new BarDataset<int>(values, _horizontalChart)
 			{
 				Label = renderDeviceViewModel.Name,
-				BackgroundColor = ChartBackgroundColors[i % ChartBackgroundColors.Length]
+				BackgroundColor = ChartBackgroundColors[i % ChartBackgroundColors.Length],
 			});
 		}
 

Jellyfin.HardwareVisualizer/Client/Pages/SubmitSurveyResultPage.razor.cs

@@ -52,11 +52,42 @@ protected override async Task OnInitializedAsync()
 
 	public async Task SubmitResults()
 	{
-		var textModel = await this._editor.GetModel();
-		var value = await textModel.GetValue(EndOfLinePreference.TextDefined, false);
-		ValidateSubmission(value);
-		if (!IsSchemaValid)
+		string value;
+		try
+		{
+			var textModel = await this._editor.GetModel();
+			value = await textModel.GetValue(EndOfLinePreference.TextDefined, false);
+		}
+		catch (Exception ex)
 		{
+			ValidationErrors.Add(new Error()
+			{
+				Column = 0,
+				Line = 0,
+				Message = $"Could not get text from editor. Please try again: {ex.Message}",
+				Path = ""
+			});
+			Console.WriteLine(ex);
+			return;
+		}
+		try
+		{
+			ValidateSubmission(value);
+			if (!IsSchemaValid)
+			{
+				return;
+			}
+		}
+		catch (Exception ex)
+		{
+			ValidationErrors.Add(new Error()
+			{
+				Column = 0,
+				Line = 0,
+				Message = $"Could not validate submission. Please try again: {ex.Message}",
+				Path = ""
+			});
+			Console.WriteLine(ex);
 			return;
 		}
 
@@ -75,6 +106,16 @@ public async Task SubmitResults()
 				Message = f
 			})));
 		}
+		else if (postAsync.StatusCode == HttpStatusCode.GatewayTimeout)
+		{			
+			ValidationErrors.Add(new Error()
+			{
+				Column = 0,
+				Line = 0,
+				Message = $"You are currently rate limited. Please try again in {postAsync.StatusMessage}",
+				Path = ""
+			});
+		}
 	}
 
 	private async Task OnEditorInitialized()