was dem Einen recht ist... 
Beiträge von scotty
-
-
-
-
Herzlich Willkommen, Markus7017! Ich habe schon viel in der openhab-community von dir gelesen. Dein Angebot zur Zusammenarbeit wird dieses Forum garantiert aufwerten, davon bin ich überzeugt
-
Meine Vorgehensweise für das Anlegen von Things ist identisch. Updates habe ich bisher immer über Putty und der Eingabe sudo apt dist-upgrades gemacht. Bin allerdings nicht auf die Idee gekommen, die Things vorher zu sichern und anschließend wieder einzuspielen. Bis auf wenige Ausnahmen funktionierte alles wie vorher. In Zukunft werde ich den Vorgang mal anpassen.
Danke Eagle1887
-
hab bis jetzt nur mit PaperUi gemacht, also jetzt kommt Neuland?
was passiert mit dem HABpanel? klappt von selbst dann? oder auch neu Anlegen (wäre sehr doof) ?
Die Panels haben damit nichts zu tun, es geht um das Anlegen der Things.
-
Hallo Zusammen, ich kann mich Eagle1887 eigentlich nur anschließen.
Hier ist es natürlich extrem hilfreich und klare Empfehlung die Things nicht über das Paper UI aufzunehmen, sondern die Definition in den Config Files zu machen.
Vielleicht kannst du das mal etwas ausführlicher beschreiben. Ich glaube nämlich, dass viele gar nicht genau wissen, wie diese Konfiguration eigentlich vorgenommen wird. Und ehrlich gesagt bin ich auch etwas neugierig darauf, ob diese Methode von der von mir angewandten abweicht.
Grüße aus dem tiefen Westen
-
Herzlich Willkommen, als als IT'ler wirst Du Dich sicher schnell in die Materie einarbeiten können. Zusätzlich kann ich Dir noch das Openhabforum.de empfehlen.
Viel Spaß dabei!
-
Hallo Lani,
inzwischen habe ich das Widget für 3 Shelly H&T fertiggestellt. Hier ist der Code:
Code
Alles anzeigen<!--Shelly HT--> <div class="row0"> <div class="col-xs-6 col-sm-3"><span style="color: red; font-size: 12pt"></span></div> <div class="col-xs-6 col-sm-3"><span style=" font-size: 14pt; color: orange">{{config.title_label1}} </span></div> <div class="col-xs-6 col-sm-3"><span style=" font-size: 14pt; color: orange">{{config.title_label2}} </span></div> <div class="col-xs-6 col-sm-3"><span style=" font-size: 14pt; color: orange">{{config.title_label3}} </span></div> </div> <div class="row"> <div class="col-xs-6 col-sm-3"><span><widget-icon iconset="'smarthome-set'" icon="'temperature'" size="30"/></span></div> <div class="col-xs-6 col-sm-3"><span style="color: red; font-size: 12pt">{{itemValue(config.Temperature1)}}</span></div> <div class="col-xs-6 col-sm-3"><span style="color: red; font-size: 12pt">{{itemValue(config.Temperature2)}}</span></div> <div class="col-xs-6 col-sm-3"><span style="color: red; font-size: 12pt">{{itemValue(config.Temperature3)}}</span></div> </div> <br> <div class="row"> <div class="col-xs-6 col-sm-3"><span><widget-icon iconset="'smarthome-set'" icon="'drop'" size="30"/></span></div> <div class="col-xs-6 col-sm-3"><span style="color: cyan; font-size: 12pt">{{itemValue(config.Humidity1)}}</span></div> <div class="col-xs-6 col-sm-3"><span style="color: cyan; font-size: 12pt">{{itemValue(config.Humidity2)}}</span></div> <div class="col-xs-6 col-sm-3"><span style="color: cyan; font-size: 12pt">{{itemValue(config.Humidity3)}}</span></div> <div class="clearfix visible-xs-block"></div> <table cellpadding="5" cellspacing="10" width="100%"> <td width="20%" valign="top"> <ul> </ul> </td> <td width="13,333%" valign="top"> <ul> <div ng-if="config.battery_powerd1 == true"><span><widget-icon iconset="'eclipse-smarthome-classic'" icon="'battery'" size="20" state="itemValue(config.Battery_item1)"/> </span></div> <div ng-if="config.battery_powerd1 == false"><span style="color: ORANGE; font-size: 6pt"></span></div> </ul> </td> <td width="13,333%" valign="top"> <ul> <div><span><widget-icon iconset="'custom-icon'" icon="'cwifi'" size="20" state="itemValue(config.RF_Signal_item1)"/> </span></div> <div class="col"><span style="color: ORANGE; font-size: 6pt; text-align: right">{{itemValue(config.RF_Signal_item1)}}</span></div> </ul> </td> <td width="13,333%" valign="top"> <ul> <div ng-if="config.battery_powerd2 == true"><span><widget-icon iconset="'eclipse-smarthome-classic'" icon="'battery'" size="20" state="itemValue(config.Battery_item2)"/> </span></div> <div ng-if="config.battery_powerd2 == false"><span style="color: ORANGE; font-size: 6pt"></span></div> </ul> </td> <td width="13,333%" valign="top"> <ul> <div><span><widget-icon iconset="'custom-icon'" icon="'cwifi'" size="20" state="itemValue(config.RF_Signal_item2)"/> </span></div> <div class="col"><span style="color: ORANGE; font-size: 6pt; text-align: right">{{itemValue(config.RF_Signal_item2)}}</span></div> </ul> </td> <td width="13,333%" valign="top"> <ul> <div ng-if="config.battery_powerd3 == true"><span><widget-icon iconset="'eclipse-smarthome-classic'" icon="'battery'" size="20" state="itemValue(config.Battery_item1)"/> </span></div> <div ng-if="config.battery_powerd3 == false"><span style="color: ORANGE; font-size: 6pt"></span></div> </ul> </td> <td width="13,333%" valign="top"> <ul> <div><span><widget-icon iconset="'custom-icon'" icon="'cwifi'" size="20" state="itemValue(config.RF_Signal_item1)"/> </span></div> <div class="col"><span style="color: ORANGE; font-size: 6pt; text-align: right">{{itemValue(config.RF_Signal_item1)}}</span></div> </ul> </td> </table>und so sieht das Ganze dann aus:
Ich habe eine Tabelle eingefügt, um eine präzisere Positionierung der Icons bzw. Werte zu erzielen. Zugegeben, die Programmierung ist nicht immer ganz sauber, aber sie funktioniert.
Schöne Grüße
-
Hier der Code mit Kurzanleitung zur Anzeige einer eigenen Map in Verbindung mit Tankerkönig.
HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <title>Leaflet Map</title> <meta charset="utf-8" /> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> </head> <body> <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script> <div id="map" style="width: 100%; height: 540px"></div> <script> var planes = [ ["<b>Aral Tankstelle</b><br>Mustermann Str. 1",48.123459,2.12325], <!-- Muster-Eintrag für Ihre Tankstelle1 --> ["<b>Esso Tankstelle</b><br>Mustermann Str. 2",48.123459,2.12245], <!-- Muster-Eintrag für Ihre Tankstelle2 --> ["<b>Shell Tankstelle</b><br>Mustermann Str. 3",48.123459,2.12342], <!-- Muster-Eintrag für Ihre Tankstelle3 --> ["<b>Jet Tankstelle</b><br>Mustermann Str. 4",48.123459,2.12325], <!-- Muster-Eintrag für Ihre Tankstelle4 --> ["<b>Total Tankstelle</b><br>Mustermann Str. 5",48.123459,2.12245], <!-- Muster-Eintrag für Ihre Tankstelle5 --> ["<b>Shell Tankstelle</b><br>Mustermann Str. 6",48.123459,2.1232], <!-- Muster-Eintrag für Ihre Tankstelle6 --> ["<b>Bavaria Tankstelle</b><br>Mustermann Str. 7",48.123459,2.125], <!-- Muster-Eintrag für Ihre Tankstelle7 --> ["<b>Markant Tankstelle</b><br>Mustermann Str. 8",48.123459,2.2345], <!-- Muster-Eintrag für Ihre Tankstelle8 --> ]; var map = L.map('map').setView([41.2858, 174.78682], 13) <!-- Koordinaten Ihrer eigenen Adresse --> var circle = L.circle([41.2858, 174.78682], { <!-- Koordinaten Ihrer eigenen Adresse --> color: 'red', fillColor: '#f03', fillOpacity: 0.5, radius: 200 }).addTo(map); circle.bindPopup("<b>Eigene Adresse:</b><br>Muster Str. 9"); mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>'; L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© ' + mapLink + ' created by scotty', maxZoom: 18, }).addTo(map); for (var i = 0; i < planes.length; i++) { marker = new L.marker([planes[i][1],planes[i][2]]) .bindPopup(planes[i][0]) .addTo(map); } </script> </body> </html>1.) Erstelle mit Visual Studio Code auf dem raspi im Verzeichnis /etc/openhab2/html eine HTML-Datei (z. B. tanke.html)
2.) Füge den obigen Code in die leere Datei ein und speicher sie ab.
3.) Die richtigen Koordinaten für deine Tankstellen und deine Adresse (Zeilen 19 bis 26, 28 und 30 kannst du dir über den Tankstellenfinder von Tankerkönig
(https://creativecommons.tankerkoenig.de/) besorgen. Wenn du möchtest kannst du dir eine Zusammenstellung als "station.json" runterladen.
4.) Nachdem die Datei mit deinen Daten gefüllt und gespeichert ist, empfiehlt sich ein Neustart.
5.) Installiere das Widget "Rahmen" im Habpanel und trage in den Einstellungen "http://raspiIP:8080/static/deinehtmldatei.html" ein.
Dann müsste deine eigene MAP mit den positionierten Markern eigentlich auf dem Bildschirm bzw. Tablet zu sehen sein.
Weitere Hilfe kannst du dir hier:
https://wiki.openstreetmap.org/wiki/DE:OSM_mi…et/Vorbereitung
https://wiki.openstreetmap.org/wiki/DE:OSM_mit_Leaflet/HTML-Datei
https://leanpub.com/leaflet-tips-a…kers-to-our-map
https://leafletjs.com/examples/exten…3-controls.html
https://astrid-guenther.de/dies-und-das/4…aflet-erstellen
holen.
Verbesserungsvorschläge sind jederzeit willkommen!
-
Hallo Lani,
das hat schon seine Richtigkeit (für mich jedenfalls). Wie ich schon schrieb, habe ich eine Tabelle mit 4 Spalten eingefügt. Die 3 rechts sind in den unteren beiden Zeilen noch einmal halbiert (12,5%). So erreiche ich eine genauere Formatierung der Werte. Die Werte für Wohnzimmer und Küche sind im Moment noch identisch, weil es zur Zeit nur 2 HT's sind. Ein dritter kommt später hinzu.
Ich benötige eigentlich nur noch eine Zeile unten, um den Wifi-Wert anzuzeigen.
Mach dir keinen Stress, wenn es zu aufwendig ist kümmere ich mich irgendwann selbst noch einmal drum.
Viele Grüße
-
vielen Dank für die Unterstützung.
Ich habe eine Tabelle eingefügt, um eine präzisere Darstellung zu erzielen. Den Wert hätte ich gerne direkt unter dem Wifi-Icon.
Schöne Grüße
-
-
hab mein erstes Widget für 3 Shelly's nebeneinander, Batterie- und Wifi-Anzeige gebaut.
Mir werden zwar die Icons angezeigt, allerdings fehlt mir unter "WiFi" die Anzeige des Wertes. Ich hänge die Datei mal dran. Kannst du mal drüber schauen, vielleicht findest du ja den Fehler.
Gruß
scotty
-
Ich danke dir für die Infos!
-
wie hast du es geschafft, die Tankstellen in der Karte zu markieren? Ich komm mit der Konfiguration derMap nicht klar, "Item of type Location (or String with latitude,longitude)". Item habe ich dafür keins und für Breite, Länge finde ich nicht das richtige Format. Auch den Marker krieg ich nicht hin, muss man die komplette URL eingeben?
-
was heißt "Standard"? Mir gefällt das gut.
Danke auf jeden Fall!
-
noch eine Frage: wie hast du das Ganze denn aufgebaut? Ist es möglich, dass du hier mal ein Screenshot veröffentlichst?
-
Danke dir, ist ja auch kein Problem. Ich gebe dir Bescheid, wenn mir was passenderes begegnet
-
Der Zacki aus Wien hat wohl einen Weg gefunden, schau hier: