Fix dark theme label

Corsinvest · Jun 23, 2023 · 118cc5e · 118cc5e
1 parent 00f1bc4
commit 118cc5e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 8 deletions.
diff --git a/src/Corsinvest.ProxmoxVE.Admin.VzDumpTrend/Components/DataAnalysis.razor b/src/Corsinvest.ProxmoxVE.Admin.VzDumpTrend/Components/DataAnalysis.razor
@@ -64,7 +64,7 @@
 
     <br />
 
-    <ApexChart TItem="VzDumpDetail"
+    <ApexChart TItem="VzDumpDetail" 
            XAxisType="XAxisType.Datetime"
            Height="@("500px")"
            Options="Options1"
@@ -75,7 +75,7 @@
             <ApexPointSeries TItem="VzDumpDetail"
                      Items="@item"
                      Name="@item.Key"
-                     SeriesType="SeriesType.Line"
+                     SeriesType="SeriesType.Line"                      
                      XValue="e => e.Start"
                      YValue="a => Convert.ToDecimal(a.Size) / 1024 / 1024 / 1024"
                      OrderBy="a => a.X" />

diff --git a/src/Corsinvest.ProxmoxVE.Admin.VzDumpTrend/Components/DataAnalysis.razor.cs b/src/Corsinvest.ProxmoxVE.Admin.VzDumpTrend/Components/DataAnalysis.razor.cs
@@ -5,6 +5,7 @@
 using ApexCharts;
 using Ardalis.Specification;
 using Corsinvest.AppHero.Core.Domain.Repository;
+using Corsinvest.AppHero.Core.MudBlazorUI.Style;
 using Corsinvest.ProxmoxVE.Admin.Core.Services;
 using Corsinvest.ProxmoxVE.Admin.VzDumpTrend.Repository;
 using Corsinvest.ProxmoxVE.Api.Shared.Utils;
@@ -16,38 +17,42 @@ public partial class DataAnalysis
 {
     [Inject] private IReadRepository<VzDumpDetail> VzDumpDetails { get; set; } = default!;
     [Inject] private IPveClientService PveClientService { get; set; } = default!;
+    [Inject] private LayoutService LayoutService { get; set; } = default!;
 
-    private static ApexChartOptions<VzDumpDetail> Options1 => new()
+    private ApexChartOptions<VzDumpDetail> Options1 => new()
     {
         Markers = new()
         {
             Shape = ShapeEnum.Circle,
             Size = 5,
             FillOpacity = new Opacity(0.8d),
         },
-        Yaxis = new() { new YAxis { DecimalsInFloat = 0 } }
+        Yaxis = new() { new YAxis { DecimalsInFloat = 0 } },
+        Theme = new() { Mode = LayoutService.IsDarkMode ? Mode.Dark : Mode.Light }
     };
 
-    private static ApexChartOptions<VzDumpDetail> Options2 => new()
+    private ApexChartOptions<VzDumpDetail> Options2 => new()
     {
         Markers = new()
         {
             Shape = ShapeEnum.Circle,
             Size = 5,
             FillOpacity = new Opacity(0.8d),
         },
-        Yaxis = new() { new YAxis { DecimalsInFloat = 0 } }
+        Yaxis = new() { new YAxis { DecimalsInFloat = 0 } },
+        Theme = new() { Mode = LayoutService.IsDarkMode ? Mode.Dark : Mode.Light }
     };
 
-    private static ApexChartOptions<VzDumpDetail> Options3 => new()
+    private ApexChartOptions<VzDumpDetail> Options3 => new()
     {
         Markers = new()
         {
             Shape = ShapeEnum.Circle,
             Size = 5,
             FillOpacity = new Opacity(0.8d),
         },
-        Yaxis = new() { new YAxis { DecimalsInFloat = 0 } }
+        Yaxis = new() { new YAxis { DecimalsInFloat = 0 } },
+        Theme = new() { Mode = LayoutService.IsDarkMode ? Mode.Dark : Mode.Light }
     };
 
     class Data<T>