Skip to content

Commit

Permalink
new Layout
Browse files Browse the repository at this point in the history
raibisch committed Dec 28, 2023
1 parent d7a9dcc commit 8ce9de7
Showing 35 changed files with 344 additions and 510 deletions.
6 changes: 3 additions & 3 deletions data/config.html
Original file line number Diff line number Diff line change
@@ -27,9 +27,9 @@
-->
</table>

<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">HOME</button>
<button type="button" class="image-btn" onclick="window.location.href='log.html'"><img src="file-list.png" >LOG</button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">SETUP</button>
<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">Home</button>
<button style="width: 100px;" type="button" class="image-btn" > </button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">Setup</button>

</body>
</html>
10 changes: 7 additions & 3 deletions data/config_template.txt
Original file line number Diff line number Diff line change
@@ -4,9 +4,13 @@

varDEVICE_s_Name=ABL-Wallbox;

varWIFI_s_Mode=STA;
varWIFI_s_Password=mypassword;
varWIFI_s_SSID=myssid;
varWIFI_s_Mode=AP;
varWIFI_s_Password=;
varWIFI_s_SSID=;

;varWIFI_s_Mode=STA;
;varWIFI_s_Password=mypassword;
;varWIFI_s_SSID=myssid;

varABL_i_A_soll_low = 6;
varABL_i_A_soll_high = 16;
Binary file added data/current.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 changes: 21 additions & 27 deletions data/index.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
<!DOCTYPE HTML>
<html>

<head>
<title>%DEVICEID%</title>
<meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport">
@@ -21,45 +20,42 @@
<h2>%DEVICEID%</h2>
<div class="outerring" id="RING_ID">
<div class="innerring"></div>
<div id="ABL_KWH_IST"class="ringtext_value">---</div>
<div id="ABL_KWH_IST" class="ringtext_value">---</div>
<div class="ringtext_unit">[kW/h]</div>
<div class="ringtext_time" id="ABL_CHARGE_TIME">--:--</div>
<div class="ringtext_status" id="ABL_STATUS">--</div>
</div>
<table>
<table>
<tr>
<td class="mywidth" id="ABL_A_SOLL">--</td>
<td id="ABL_KW_IST">--</td>
<td class="mywidth" id="ABL_KWH_SUM">--</td>
<td class="table" id="ABL_A_SOLL">--</td>
<td class="table" id="ABL_KW_IST">--</td>
<td class="table" id="ABL_KWH_SUM">--</td>
</tr>
<tr>
<th>I-max</th>
<th>kW-charge</th>
<th>kW/h-sum</th>
</tr>
</table>
</p>
</table>
</p>
<!-- if you want to switch Ipwm from the index-page
<p><form action="" method="POST" >
<input class="buttonred" name="ihigh" type="submit" value="%I-HIGH%">
</form></p>
<p><form action="" method="POST" >
<input class="buttongreen" name="ilow" type="submit" value="%I-LOW%">
</form></p>
<p><form action="" method="POST" >
<input class="buttonyellow" name="pause" type="submit" value="PAUSE" id="BUTTON_PAUSE">
</form></p>

<!--
<a class="buttonlink" href="setup.html">Setup</a>
</p>
-->
-->
<p>
<form action="" method="POST" >
<input class="buttonyellow" name="pause" type="submit" value="PAUSE" id="BUTTON_PAUSE">
</form></p>

<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">HOME</button>
<button type="button" class="image-btn" onclick="window.location.href='log.html'"><img src="file-list.png" >LOG</button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">SETUP</button>
<button type="button" class="image-btn" onclick="window.location.href='log.html'"><img src="file-list.png">Log</button>
<button type="button" class="image-btn" onclick="window.location.href='setcurrent.html'"><img src="current.png" >Set-Current</button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">Setup</button>



<script type="text/javascript">
<script type="text/javascript">
//var t = new Date();
function reqListener ()
{
@@ -76,9 +72,10 @@ <h2>%DEVICEID%</h2>
document.getElementById('ABL_STATUS').innerHTML = myArray[2];
document.getElementById('ABL_KWH_IST').innerHTML = myArray[3];
document.getElementById('ABL_KWH_SUM').innerHTML = (myArray[4]/1000);
document.getElementById('ABL_CHARGE_TIME').innerHTML = myArray[5];
}
myStatus = String(myArray[2]);
// Beispiel : https://code-boxx.com/change-override-css-with-javascript
// example : https://code-boxx.com/change-override-css-with-javascript
if (myStatus.startsWith('A'))
{
document.getElementById('ABL_STATUS').style.color = 'green';
@@ -135,9 +132,6 @@ <h2>%DEVICEID%</h2>
oReq.open("GET", "/fetch");
oReq.send();
}, 2000);


</script>
</script>
</body>

</html>
139 changes: 0 additions & 139 deletions data/index_old.html

This file was deleted.

29 changes: 29 additions & 0 deletions data/info.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
<!DOCTYPE HTML>
<html>

<script type="text/javascript">
function myConfirm ()
{
return confirm('Neustart ?')
}
</script>

<head>
<title>Config</title>
<meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table>
<form action="config.html" method="POST">
<p>Info</p>
<textarea autocorrect="off" name="info">%INFO%</textarea>
</form>
</table>

<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">Home</button>
<button style="width: 100px;" type="button" class="image-btn" > </button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">Setup</button>

</body>
</html>
6 changes: 3 additions & 3 deletions data/log.html
Original file line number Diff line number Diff line change
@@ -22,9 +22,9 @@
<a class="buttonlink" href="setup.html">back</a>
-->

<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">HOME</button>
<button type="button" class="image-btn" onclick="window.location.href='log.html'"><img src="file-list.png" >LOG</button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">SETUP</button>
<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">Home</button>
<button style="width: 100px;" type="button" class="image-btn" > </button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">Setup</button>

<script>
var stopscroll=false;
14 changes: 7 additions & 7 deletions data/ota.html
Original file line number Diff line number Diff line change
@@ -2,33 +2,33 @@
<html lang="de">
<head>
<title>OTA-Update</title>
<meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport">
<meta content="width=device-width, initial-scale=0.9, user-scalable=yes" name="viewport">
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="UTF-8">
</head>
<body>


<form method='POST' action='/ota_update' enctype='multipart/form-data'>

<!--
<INPUT id="otaspiffs" type="radio" name="otatype" value="spiffs">
<label for="otaspiffs">SPIFFS-DATA</label>
<INPUT id="otaprog" type="radio" name="otatype" value="prog" checked>
<label for="otaprog">PROGRAM</label>
-->
<p></p>
<div>Select a file 'spiffs.bin' (SPIFFS-Data) or 'firmware.bin' (Program) </div>
</p>
<div>Select a file 'spiffs.bin' (SPIFFS-Data) or 'firmware.bin' (Program)</div>

<input class='container' type='file' name='update' accept='.bin'>
<input class='buttonred' type='submit' name="startupdate" value='START-UPLOAD'><BR>

<input class='buttonred' type='submit' name="startupdate" value='START-UPLOAD'><BR>
</form>
</p>
<a class="buttonlink" href="reboot.html">REBOOT!</a>
</p>
<a class="buttonlink" href="setup.html">back</a>
<button type="button" class="image-btn" onclick="window.location.href='index.html'"><img src="home.png">HOME</button>
<button type="button" class="image-btn" > </button>
<button type="button" class="image-btn" onclick="window.location.href='setup.html'"><img src="settings.png">Setup</button>

</body>
</html>
41 changes: 0 additions & 41 deletions data/ota2.html

This file was deleted.

Loading

0 comments on commit 8ce9de7

Please sign in to comment.