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) @if (status is not null)
{ {
<div class="card"> <div class="card mt-2">
<h5 class="card-header fw-bold"> <h5 class="card-header fw-bold">
<span class="oi oi-battery-empty" aria-hidden="true"></span> <span class="oi oi-battery-empty" aria-hidden="true"></span>
JK BMS JK BMS
@ -26,7 +26,7 @@
<div class="fs-1 my-1 mx-5 border-top"> <div class="fs-1 my-1 mx-5 border-top">
@status.CapacityPct% @status.CapacityPct%
</div> </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()) @(GetPackCapacity())
</div> </div>
</div> </div>
@ -62,7 +62,7 @@
</div> </div>
</div> </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="col">
<div class="fw-normal"> <div class="fw-normal">
Mosfet Mosfet

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

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

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

@ -196,7 +196,7 @@
<div style="width:6rem;"> <div style="width:6rem;">
<input type="number" class="form-control" @bind-value=settings.SystemSpec.PV_MaxCapacity> <input type="number" class="form-control" @bind-value=settings.SystemSpec.PV_MaxCapacity>
</div> </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> </div>
</div> </div>

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

@ -10,6 +10,11 @@ h1:focus {
outline: none; outline: none;
} }
.btn {
padding: 0.375rem .5rem;
line-height: 1.6;
}
a, .btn-link { a, .btn-link {
color: #0071c1; color: #0071c1;
} }
@ -21,7 +26,7 @@ a, .btn-link {
} }
.content { .content {
padding-top: 0.5rem; padding-top: 0;
} }
.valid.modified:not([type=checkbox]) { .valid.modified:not([type=checkbox]) {
@ -161,8 +166,10 @@ a, .btn-link {
border-top: 1px solid #3c3c3c !important; border-top: 1px solid #3c3c3c !important;
} }
.jkbms { .container {
max-width: 100%; max-width: 100%;
padding-left: 0;
padding-right: 0;
} }
.nav-tabs .nav-link.active { .nav-tabs .nav-link.active {
@ -170,6 +177,10 @@ a, .btn-link {
color: black; color: black;
} }
.nav-tabs {
border-bottom: 1px solid #6b6b6b;
}
.form-control { .form-control {
background-color: #d0d0d0 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 var status = new InverterStatus
{ {
ChargeMode = ChargeMode.ABSORPTION, ChargeMode = ChargeMode.ABSORB,
OutputVoltage = Random.Shared.Next(240), OutputVoltage = Random.Shared.Next(240),
LoadWatts = Random.Shared.Next(3500), LoadWatts = Random.Shared.Next(3500),
LoadPercentage = Random.Shared.Next(100), LoadPercentage = Random.Shared.Next(100),

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

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

1
src/changelog.md
View File

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