lancommander-ref/LANCommander
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch dashboard charts to dark theme if set

Browse source 
Fixes #118
This commit is contained in:
Pat Hartl 2024-10-01 18:23:58 -05:00
parent 320d4e2c5e
commit 43e5c2bea3
4 changed files with 31 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesAverageSessionPlaytime.razor
View file

@ -1,12 +1,17 @@
@using AntDesign.Charts
@using ByteSizeLib
@using LANCommander.Server.Models
@inject PlaySessionService PlaySessionService
<Spin Spinning="Loading">
<AntDesign.Charts.Column Data="Data" Config="Config" JsConfig="@JsConfig" />
<div class="dashboard-chart">
<AntDesign.Charts.Column Data="Data" Config="Config" JsConfig="@JsConfig" />
</div>
</Spin>
@code {
LANCommanderSettings Settings = SettingService.GetSettings();
object[] Data;
bool Loading = true;
@ -16,6 +21,9 @@
playtime: {
alias: 'Average Session Playtime',
formatter: (v) => Math.floor(v / 3600) > 0 ? `${Math.floor(v / 3600)}h ${Math.floor((v % 3600) / 60)}m` : `${Math.floor((v % 3600) / 60)}m`
},
game: {
alias: 'Game'
}
},
label: {
@ -38,6 +46,8 @@
{
if (firstRender)
{
Config.Theme = Settings.Theme == LANCommanderTheme.Dark ? "dark" : "light";
Dictionary<string, TimeSpan> playtimes = new Dictionary<string, TimeSpan>();
var sessions = await PlaySessionService.Get();

9
LANCommander.Server/UI/Pages/Dashboard/Charts/TopGamesPlaytime.razor
View file

@ -1,12 +1,17 @@
@using AntDesign.Charts
@using ByteSizeLib
@using LANCommander.Server.Models
@inject PlaySessionService PlaySessionService
<Spin Spinning="Loading">
<Pie Data="Data" Config="Config" JsConfig="@JsConfig" />
<div class="dashboard-chart">
<Pie Data="Data" Config="Config" JsConfig="@JsConfig" />
</div>
</Spin>
@code {
LANCommanderSettings Settings = SettingService.GetSettings();
object[] Data;
bool Loading = true;
@ -38,6 +43,8 @@
{
if (firstRender)
{
Config.Theme = Settings.Theme == LANCommanderTheme.Dark ? "dark" : "light";
Dictionary<string, TimeSpan> playtimes = new Dictionary<string, TimeSpan>();
var sessions = await PlaySessionService.Get();

9
LANCommander.Server/UI/Pages/Dashboard/Charts/TopPlayersPlaytime.razor
View file

@ -1,12 +1,17 @@
@using AntDesign.Charts
@using ByteSizeLib
@using LANCommander.Server.Models
@inject PlaySessionService PlaySessionService
<Spin Spinning="Loading">
<Bar Data="Data" Config="Config" JsConfig="@JsConfig" />
<div class="dashboard-chart">
<Bar Data="Data" Config="Config" JsConfig="@JsConfig" />
</div>
</Spin>
@code {
LANCommanderSettings Settings = SettingService.GetSettings();
object[] Data;
bool Loading = true;
@ -43,6 +48,8 @@
{
if (firstRender)
{
Config.Theme = Settings.Theme == LANCommanderTheme.Dark ? "dark" : "light";
Dictionary<string, TimeSpan> playtimes = new Dictionary<string, TimeSpan>();
var sessions = await PlaySessionService.Get();

4
LANCommander.Server/wwwroot/css/site.css
View file

@ -213,6 +213,10 @@ label.ant-btn-icon-only {
background: #0a0a0a;
}
.dashboard-chart > div {
background: none !important;
}
@media screen and (min-width: 768px) {
.mobile-menu {
display: none;