Der Schieberegler "Zusaetzlich benoetigte Ladung" rechnet Prozent in Wattstunden um. Dafuer standen bisher drei verschiedene Zahlen im Code: 140 Wh/% beim Schreiben der EG-Wallbox, 90 Wh/% beim go-e und feste 14000 Wh beim Zurueckrechnen im Browser - fuer beide Autos dieselbe. Eine Einstellung von 50 % am go-e schrieb 4500 Wh und las sich beim naechsten Oeffnen als 32 % zurueck. Jetzt kommt die Zahl aus einer Quelle: restricted/config.php nennt Auto und nutzbare Akkukapazitaet je Wallbox, carForm.php gibt die Wattstunden je Prozent als data-Attribut an den Schieberegler weiter, und das JavaScript rechnet damit zurueck statt mit einer festen Konstanten. EG: Skoda Enyaq RS, Modelljahr 2026, 84 kWh brutto / 79 kWh nutzbar OG: Jeep Compass 4xe, 11,4 kWh Das Lademodal zeigt Auto und Kapazitaet jetzt unter dem Regler an - damit sichtbar ist, worauf sich die Prozente beziehen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
95 lines
3.8 KiB
PHP
95 lines
3.8 KiB
PHP
<?php
|
|
/*
|
|
* Formular des Auto-Lademodals. carEG.php und carOG.php zeigen dasselbe
|
|
* Formular; nur die Wallbox dahinter unterscheidet sich - eingebunden wird
|
|
* es aus carSteuerung.php, das $wallbox und $formId setzt. $formId trennt
|
|
* die beiden Formulare fuer das JavaScript.
|
|
*
|
|
* Der Schieberegler traegt die Wattstunden je Prozent als data-Attribut bei
|
|
* sich. Frueher stand die Umrechnung als feste 14000 im JavaScript und
|
|
* passte damit hoechstens zu einem der beiden Autos: eingestellte und
|
|
* angezeigte Prozente gingen auseinander.
|
|
*/
|
|
$auto = fahrzeuge()[$wallbox];
|
|
$whProProzent = wallboxWhProProzent($wallbox);
|
|
?>
|
|
<div class="d-grid gap-2 col-6 mx-auto my-4">
|
|
<button class="btn btn-primary" id="evStart/Stop">Laden starten</button>
|
|
</div>
|
|
<!--begin::Form-->
|
|
<form id="<?= $formId ?>">
|
|
<div class="card m-3">
|
|
<div class="card-header py-1 px-3">
|
|
<div class="card-title">Modus</div>
|
|
</div>
|
|
<!--begin::Body-->
|
|
<div class="card-body">
|
|
<div class="col-sm-10">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="evMode" id="EV_Default" value="default">
|
|
<label class="form-check-label" for="EV_Default"> Immer Laden </label></input>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="evMode" id="EV_Eco" value="eco">
|
|
<label class="form-check-label" for="EV_Eco"> Überschuss </label></input>
|
|
</div>
|
|
<div class="form-check disabled">
|
|
<input class="form-check-input" type="radio" name="evMode" id="EV_NextTrip" value="NextTrip">
|
|
<label class="form-check-label" for="EV_NextTrip"> Ladeplanung </label></input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card m-3">
|
|
<div class="card-header py-1 px-3">
|
|
<div class="card-title">Max. Ladestrom</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="col-sm-10">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="evAmp" id="EV_6A" value="6">
|
|
<label class="form-check-label" for="EV_6A"> 6A </label></input>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="evAmp" id="EV_10A" value="10">
|
|
<label class="form-check-label" for="EV_10A"> 10A </label></input>
|
|
</div>
|
|
<div class="form-check disabled">
|
|
<input class="form-check-input" type="radio" name="evAmp" id="EV_16A" value="16">
|
|
<label class="form-check-label" for="EV_16A"> 16A </label></input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card m-3">
|
|
<div class="card-header py-1 px-3">
|
|
<div class="card-title">Ladeplanung</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row mb-3">
|
|
<div class="form-check">
|
|
<label class="form-label" for="addedCharge">Zusätzlich benötigte Ladung (%): </label>
|
|
<div style="font-size: 15px;color: #297195;display: inline-block;" id="modal-slider-label">sdf</div>
|
|
<input type="range" id="modal-slider" name="fte" class="form-range range-color-track" min="1" max="100"
|
|
data-wh-pro-prozent="<?= $whProProzent ?>" />
|
|
<div class="small text-secondary">
|
|
<?= htmlspecialchars($auto["name"]) ?>,
|
|
<?= htmlspecialchars(rtrim(rtrim(number_format($auto["akkuKWh"], 1, ",", "."), "0"), ",")) ?> kWh nutzbar
|
|
</div>
|
|
<div class="d-flex justify-content-between">
|
|
<span class="max-amount f-16 font-weight-normal darkGray-color text-right mt-1">1%</span>
|
|
<span class="max-amount f-16 font-weight-normal darkGray-color text-right mt-1">100%</span>
|
|
</div>
|
|
<!--<input name="fte" class="form-control" type="number" max="100" min="1" value="" />-->
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="form-check">
|
|
<label class="form-label" for="planedTime">Zeitpunkt zudem geladen sein soll: </label>
|
|
<input id="EV_NextTripTime" name="ftt" class="form-control" size="2" type="time" value=""/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|