mirror of
https://github.com/lumapu/ahoy.git
synced 2025-06-27 14:57:01 +02:00
improved menu (seperators)
added second level for reboot if reboot from menu was selected by mistake
This commit is contained in:
parent
3764aa4ce1
commit
f721116987
10 changed files with 58 additions and 77 deletions
|
@ -1,3 +1,22 @@
|
|||
/**
|
||||
* GENERIC FUNCTIONS
|
||||
*/
|
||||
|
||||
function topnav() {
|
||||
toggle("topnav");
|
||||
}
|
||||
|
||||
function parseMenu(obj) {
|
||||
var e = document.getElementById("topnav");
|
||||
e.innerHTML = "";
|
||||
for(var i = 0; i < obj["name"].length; i ++) {
|
||||
if(obj["name"][i] == "-")
|
||||
e.appendChild(span("", ["seperator"]));
|
||||
else
|
||||
e.appendChild(link(obj["link"][i], obj["name"][i], obj["trgt"][i]));
|
||||
}
|
||||
}
|
||||
|
||||
function toggle(id, hide) {
|
||||
var elm = document.getElementById(id);
|
||||
if(hide) {
|
||||
|
@ -36,6 +55,10 @@ function getAjax(url, ptr, method="GET", json=null) {
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* CREATE DOM FUNCTIONS
|
||||
*/
|
||||
|
||||
function des(val) {
|
||||
e = document.createElement('p');
|
||||
e.classList.add("subdes");
|
||||
|
|
|
@ -85,20 +85,6 @@
|
|||
getAjax("/api/setup", apiCb, "POST", JSON.stringify(obj));
|
||||
}
|
||||
|
||||
function topnav() {
|
||||
toggle("topnav");
|
||||
}
|
||||
|
||||
function parseMenu(obj) {
|
||||
if(true == exeOnce) {
|
||||
var e = document.getElementById("topnav");
|
||||
e.innerHTML = "";
|
||||
for(var i = 0; i < obj["name"].length; i ++) {
|
||||
e.appendChild(link(obj["link"][i], obj["name"][i]));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function parseSys(obj) {
|
||||
// Disclaimer
|
||||
//if(obj["disclaimer"] == false) sessionStorage.setItem("gDisclaimer", promptFunction());
|
||||
|
@ -187,7 +173,8 @@
|
|||
|
||||
function parse(obj) {
|
||||
if(null != obj) {
|
||||
parseMenu(obj["menu"]);
|
||||
if(true == exeOnce)
|
||||
parseMenu(obj["menu"]);
|
||||
parseSys(obj["system"]);
|
||||
parseStat(obj["statistics"]);
|
||||
parseIv(obj["inverter"]);
|
||||
|
|
|
@ -70,18 +70,6 @@
|
|||
var con = document.getElementById("serial");
|
||||
var exeOnce = true;
|
||||
|
||||
function topnav() {
|
||||
toggle("topnav");
|
||||
}
|
||||
|
||||
function parseMenu(obj) {
|
||||
var e = document.getElementById("topnav");
|
||||
e.innerHTML = "";
|
||||
for(var i = 0; i < obj["name"].length; i ++) {
|
||||
e.appendChild(link(obj["link"][i], obj["name"][i]));
|
||||
}
|
||||
}
|
||||
|
||||
function parseSys(obj) {
|
||||
var up = obj["ts_uptime"];
|
||||
var days = parseInt(up / 86400) % 365;
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
</div>
|
||||
<div id="setup" class="content">
|
||||
<div id="content">
|
||||
<a class="erase" href="/erase">ERASE SETTINGS (not WiFi)</a>
|
||||
<a class="btn" href="/erase">ERASE SETTINGS (not WiFi)</a>
|
||||
|
||||
<form method="post" action="/save">
|
||||
<fieldset>
|
||||
|
@ -289,18 +289,6 @@
|
|||
document.getElementsByName(i[0])[0].value = obj[i[1]];
|
||||
}
|
||||
|
||||
function topnav() {
|
||||
toggle("topnav");
|
||||
}
|
||||
|
||||
function parseMenu(obj) {
|
||||
var e = document.getElementById("topnav");
|
||||
e.innerHTML = "";
|
||||
for(var i = 0; i < obj["name"].length; i ++) {
|
||||
e.appendChild(link(obj["link"][i], obj["name"][i]));
|
||||
}
|
||||
}
|
||||
|
||||
function parseSys(obj) {
|
||||
for(var i of [["device", "device_name"], ["ssid", "ssid"]])
|
||||
document.getElementsByName(i[0])[0].value = obj[i[1]];
|
||||
|
|
|
@ -47,7 +47,7 @@ h2 {
|
|||
padding-left: 80px !important
|
||||
}
|
||||
|
||||
.topnav span {
|
||||
.topnav .icon span {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
|
@ -57,6 +57,14 @@ h2 {
|
|||
border-radius: 2px;
|
||||
}
|
||||
|
||||
span.seperator {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
margin: 10px 0px 10px;
|
||||
background-color: #444;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/** old CSS below **/
|
||||
|
||||
p {
|
||||
|
@ -125,7 +133,7 @@ a:hover, a:focus {
|
|||
color: #f00;
|
||||
}
|
||||
|
||||
a.erase {
|
||||
a.btn {
|
||||
background-color: #006ec0;
|
||||
color: #fff;
|
||||
padding: 7px;
|
||||
|
|
|
@ -32,19 +32,6 @@
|
|||
<p class="right" id="version"></p>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
|
||||
function topnav() {
|
||||
toggle("topnav");
|
||||
}
|
||||
|
||||
function parseMenu(obj) {
|
||||
var e = document.getElementById("topnav");
|
||||
e.innerHTML = "";
|
||||
for(var i = 0; i < obj["name"].length; i ++) {
|
||||
e.appendChild(link(obj["link"][i], obj["name"][i]));
|
||||
}
|
||||
}
|
||||
|
||||
function parseSys(obj) {
|
||||
document.getElementById("version").appendChild(
|
||||
link("https://github.com/lumapu/ahoy/commits/" + obj["build"], "Git SHA: " + obj["build"] + " :: " + obj["version"], "_blank")
|
||||
|
|
|
@ -28,20 +28,6 @@
|
|||
<script type="text/javascript">
|
||||
var exeOnce = true;
|
||||
|
||||
function topnav() {
|
||||
toggle("topnav");
|
||||
}
|
||||
|
||||
function parseMenu(obj) {
|
||||
if(true == exeOnce) {
|
||||
var e = document.getElementById("topnav");
|
||||
e.innerHTML = "";
|
||||
for(var i = 0; i < obj["name"].length; i ++) {
|
||||
e.appendChild(link(obj["link"][i], obj["name"][i]));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function parseSys(obj) {
|
||||
if(true == exeOnce) {
|
||||
document.getElementById("version").appendChild(
|
||||
|
@ -133,7 +119,8 @@
|
|||
|
||||
function parse(obj) {
|
||||
if(null != obj) {
|
||||
parseMenu(obj["menu"]);
|
||||
if(true == exeOnce)
|
||||
parseMenu(obj["menu"]);
|
||||
parseSys(obj["system"]);
|
||||
parseIv(obj["inverter"], obj);
|
||||
document.getElementById("refresh").innerHTML = obj["refresh_interval"];
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue