Solar/Felicity-Inverter-Monitor
Solar/Felicity-Inverter-Monitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve ui

Browse Source
This commit is contained in:
djnitehawk 2025-03-18 18:52:33 +05:30
parent 68b33186f7
commit f0fdf51000
7 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/Client/Pages/BMS.razor
View File

@ -11,7 +11,7 @@
@if (status is not null)
{
<div class="card">
<div class="card mt-2">
<h5 class="card-header fw-bold">
<span class="oi oi-battery-empty" aria-hidden="true"></span>
JK BMS
@ -26,7 +26,7 @@
<div class="fs-1 my-1 mx-5 border-top">
@status.CapacityPct%
</div>
<div class="fs-5 pack-capacity m-0 bg-light" style="cursor: pointer;" @onclick="ToggleCapacityKwh">
<div class="fs-5 pack-capacity m-0" style="cursor: pointer; background-color: #505e8b42;" @onclick="ToggleCapacityKwh">
@(GetPackCapacity())
</div>
</div>
@ -62,7 +62,7 @@
</div>
</div>
</div>
<div class="row text-center m-1 p-1 fw-bold" style="font-size:0.8em; background-color:#272f36;">
<div class="row text-center m-1 p-1 fw-bold" style="font-size:0.8em; background-color:#0000003b;">
<div class="col">
<div class="fw-normal">
Mosfet

6
src/Client/Pages/Index.razor
View File

@ -44,7 +44,7 @@
<div class="card-body pt-0">
<div class="container text-center fw-bold p-0">
<div class="row rounded">
<div class="progress p-0" style="height:2px;">
<div class="progress p-0" style="height:0.2rem;">
<span class="progress-bar" role="progressbar" style="width: @status.LoadPercentage%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"></span>
</div>
@ -84,7 +84,7 @@
<div class="card-body pt-0">
<div class="container text-center fw-bold p-0">
<div class="row rounded">
<div class="progress p-0" style="height:2px;">
<div class="progress p-0" style="height:0.2rem;">
<span class="progress-bar" role="progressbar" style="width: @status.PVPotential%" aria-valuenow="25" aria-valuemin="0"
aria-valuemax="100"></span>
</div>
@ -121,7 +121,7 @@
<div class="card-body p-0 m-0">
<div class="container text-center m-0 p-0">
<div class="row m-0 p-0">
<div class="progress p-0" style="height:2px;">
<div class="progress p-0" style="height:0.2rem;">
<span class="progress-bar" role="progressbar" style="width: @status.BatteryDischargePotential%" aria-valuenow="25"
aria-valuemin="0" aria-valuemax="100"></span>
</div>

2
src/Client/Pages/Settings.razor
View File

@ -196,7 +196,7 @@
<div style="width:6rem;">
<input type="number" class="form-control" @bind-value=settings.SystemSpec.PV_MaxCapacity>
</div>
<div class="col-1 fw-bolder fs-5 m-1 text-white">Watts</div>
<div class="col-1 fw-bolder fs-5 m-1 text-white">W</div>
</div>
</div>
</div>

15
src/Client/wwwroot/css/app.css
View File

@ -10,6 +10,11 @@ h1:focus {
outline: none;
}
.btn {
padding: 0.375rem .5rem;
line-height: 1.6;
}
a, .btn-link {
color: #0071c1;
}
@ -21,7 +26,7 @@ a, .btn-link {
}
.content {
padding-top: 0.5rem;
padding-top: 0;
}
.valid.modified:not([type=checkbox]) {
@ -161,8 +166,10 @@ a, .btn-link {
border-top: 1px solid #3c3c3c !important;
}
.jkbms {
.container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.nav-tabs .nav-link.active {
@ -170,6 +177,10 @@ a, .btn-link {
color: black;
}
.nav-tabs {
border-bottom: 1px solid #6b6b6b;
}
.form-control {
background-color: #d0d0d0
}

2
src/Server/Endpoints/GetStatus/Endpoint.cs
View File

@ -35,7 +35,7 @@ public class Endpoint : EndpointWithoutRequest<object>
{
var status = new InverterStatus
{
ChargeMode = ChargeMode.ABSORPTION,
ChargeMode = ChargeMode.ABSORB,
OutputVoltage = Random.Shared.Next(240),
LoadWatts = Random.Shared.Next(3500),
LoadPercentage = Random.Shared.Next(100),

2
src/Shared/Models/InverterSetting.cs
View File

@ -32,6 +32,6 @@ public enum ChargeMode : ushort
{
NONE = 0,
BULK = 1,
ABSORPTION = 2,
ABSORB = 2,
FLOAT = 3
}

1
src/changelog.md
View File

@ -1,4 +1,5 @@
## changelog
- change to a dark theme
- improve ui
- fix ui bugs