Moin. Ich hab vor einiger Zeit hier einen Post gelesen, wo jemand eine Tabelle mit iFrames gebastelt hat um eine kleine Übersicht über seine Sonoffs zu haben...
Das hat mich inspiriert sowas auch mal zu bauen. Fernab von SonWeb / TasmoAdmin oder ioBroker.
Einfach eine simple HTML-Seite mit iFrames für die einzelnen Sonoffs.
Der Unterschied zum Ideengeber... die iFrames sind in der Größe für die einzelnen Geräte angepasst und die Seite passt sich automatisch der Fenstergröße an.
Sollte also auch auf Handys oder Tablets laufen.
Ich hängs mal als Code und als Datei an
Spoiler anzeigen
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Geräteübersicht</title>
<style type="text/css">
iframe {
border: 2px solid #1fa3ec;
border-radius: 5px;
padding: 0px;
margin: 0px;
box-shadow: 3px 3px 5px #0e70a4;
background-color: #C6E2FF;
}
.Basic {
width:363px;
height:325px;
}
.Dual {
width:363px;
height:320px;
}
.FourCh {
width:398px;
height:380px;
}
.LED {
width:363px;
height:395px;
}
</style>
</head>
<body>
<iframe src="http://192.168.10.102" scrolling="no" class="FourCh">
</iframe>
<iframe src="http://192.168.10.101" scrolling="no" class="Basic">
</iframe>
<iframe src="http://192.168.10.105" scrolling="no" class="LED">
</iframe>
<iframe src="http://192.168.10.114" scrolling="no" class="Dual">
</iframe>
<iframe src="http://192.168.10.100" scrolling="no" class="Basic">
</iframe>
<iframe src="http://192.168.10.103" scrolling="no" class="FourCh">
</iframe>
<iframe src="http://192.168.10.108" scrolling="no" class="Basic">
</iframe>
<iframe src="http://192.168.10.112" scrolling="no" class="Basic">
</iframe>
<iframe src="http://192.168.10.104" scrolling="no" class="Basic">
</iframe>
<iframe src="http://192.168.10.107" scrolling="no" class="Basic">
</iframe>
</body>
</html>
Das Anpassen ist auch recht simpel.
hinter 'src' kommt einfach die IP eurer Geräte
hinter 'class' kommt die Art des Gerätes.
Die Art ist weiter oben mit Höhe und Breite definiert
Das lässt sich natürlich beliebig für andere Geräte erweitern oder anpassen, falls bei euch was so nicht passt.
Falls jemandem das Aussehen der einzelnen iFrames ändern möchte, z.B. die Hintergrundfarbe oder die Ränder
dann ist das ganz oben zu finden.
Mehr Einträge lassen sich hinzufügen, indem einfach dieser 2zeiler kopiert und eingefügt wird
Ich hoffe euch gefällts und der ein oder andere kanns nutzen.
Ich finds ganz pratisch, da bei mir TasmoAdmin nicht ständig läuft und ich so einfach mal blitzschnell ne Übersicht habe um irgendwas zu schalten.
Freue mich auf Reaktionen...