Einfach mal zeigen will….. :-) - Teil 3

[Mic]

Zum Motto "Einfach mal zeigen will": Hier eine Machbarkeit mittels VIS umgesetzt.
Der SONOS-Adapter bietet im Datenpunkt "sonos.0.root.xx_xx_xx_xx.favorites_list" die Favoriten-Liste, die man in der SONOS-App pflegt. Dies kann man schön in VIS verwenden.

Im gif-Video visualisiert.
Man kann also sehr einfach in VIS Auswahl-Listen pflegen, wie in diesem Fall aus der globalen SONOS-Liste gewisse Favoriten wählen und zu VIS hinzufügen.

Details: siehe https://forum.iobroker.net/topic/24743/vorlage-sonos-favoriten-in-vis

[Buddinski88]

@lesiflo sagte in Einfach mal zeigen will….. - Teil 3:

Hallo,
auf vielfachen Wunsch hier ein aktueller Export meiner Vis im "Material Design" von Uhula.

2019-08-25-1_Tablet_new.zip

Hatte ich auch schon mal hier vorgestellt:
https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2/607

Hallo Lesiflo,

wie machst du die Zusammenfassung der Gewerke Card? Hast du ein Skript, das dir die offenen Fenster, Lichter erfasst? Was passiert, wenn ein Fenster im EG offen ist, wird dieses dann explizit angezeigt?
Ich habe meine VIS auch auf Basis von Uhula aufgebaut und das wäre noch eine interessante Erweiterung

Viele Grüße
Bastian

[lesiflo]

@Buddinski88
Hi, für die Fenster und das Licht habe ich jeweils ein Script. Hier das Fenster Script für das EG:

Wenn ein Fenster offen ist wird es unter Gewerke -> Fenster angezeigt!

[Buddinski88]

@lesiflo danke! Das hat mir weitergeholfen

[Bluelinux]

@Glasfaser said in Einfach mal zeigen will….. - Teil 3:

@Negalein

Wurde eigentlich nicht gefragt … aber meinst du soetwas :

QR-Code ändert sich je Tag :

Widget :

Spoiler

[{"tpl":"tplBulbOnOffCtrl","data":{"oid":"tr-064.0.states.wlanGuest","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":true,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/vis.0/Wohnen/WLAN_grau.png","icon_on":"/vis.0/Wohnen/WLAN_grauan.png","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"min":"false","max":"true","urlTrue":"","urlFalse":"","oidTrue":"","oidFalse":"","class":"mdui-state"},"style":{"left":"531px","top":"560px","width":"60px","height":"60px","border-radius":"10px","box-shadow":"2px 2px 3px rgba(20, 20, 20, 50)","background-color":"#303030","z-index":"20"},"widgetSet":"basic"},{"tpl":"tplShapes","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","svgType":"circle","strokeColor":"green","fill":"transparent","strokeWidth":"8","scaleWidth":"1","scaleHeight":"1","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis.0/Forum/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis.0/Forum/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis.0/Forum/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"visibility-oid":"tr-064.0.states.wlanGuest","name":"Lichtstatus 1 Blau"},"style":{"left":"528px","top":"556px","z-index":"8","width":"69px","height":"69px","border-width":"5px","background":"green","border-radius":"12px"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"name":"Uptime","comment":"","visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","html_prepend":"Wlan Gast","html_append":""},"style":{"left":"463px","top":"625px","width":"188px","height":"25px","color":"#e6e6e6","font-family":"Verdana, Geneva, sans-serif","font-weight":"","font-size":"small","background-color":"","text-align":"center","z-index":"10","background":"-webkit-linear-gradient(-45deg, #272727 0%,#090909 100%)","border-radius":"10px","line-height":"25px","font-style":"normal","font-variant":"normal"},"widgetSet":"basic"},{"tpl":"tplValueStringRaw","data":{"hm_id":"80101","digits":"","factor":1,"min":0,"max":1,"step":0.01,"visibility-cond":"==","visibility-val":1,"oid":"javascript.0.QR-Code.Gast","gestures-offsetX":0,"gestures-offsetY":0,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-groups-action":"hide","lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"496px","top":"653px","width":"125px","height":"125px","border":"2px solid rgb(255, 255, 255)","border-radius":"5px","z-index":"44","color":"","background":"#ffffff"},"widgetSet":"basic"}]

Script :

Spoiler

// https://www.npmjs.com/package/qr-image

var MySSID          = "FRITZ!Box Gastzugang";           //  SSID Name

var MyCrypt         = "WPA2";                //  [WEP|WPA|WPA2]

var MyVisibility    = "n";                  //  Hidden SSID? 

var cronStr         = "3 1 * * *"           // Script wird jeden Tag um 03:01 Ausgeführt



var idQRZiel = "javascript.0.QR-Code.Gast"; // Zieldatenpunkt für QR-Code

var IdGPasswd = "tr-064.0.states.wlanGuestPassword"; /*wlanGuestPassword*/



if(MyVisibility == "y") {

   var MyHidden="H:true";

} 

else {

   MyHidden="";

} 



createState(idQRZiel, "", {



    name: 'QR-Code für Gastpasswort',

    desc: 'QR-Code für Gastpasswort',

    type: 'string',

    role: 'value'

});



function randomString(length) {         // Methode zur Erstellung eines Random-Passworts kann angepasst werden



   return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1);



}



function createQRcode() {



   var qr = require('qr-image');

   var NewPasswd = randomString(16);       // 16 Stelliges Passwort

   var svg_string = qr.imageSync('WIFI:S:'+MySSID+';T:'+MyCrypt+';P:'+NewPasswd+';'+MyHidden+';', { type: 'svg' });

        

   setState(idQRZiel, svg_string);
   setState(IdGPasswd, NewPasswd);
   console.log('+++ Wlan Gast QR-Code neu erstellt +++');
}




// regelmässige Wiederholungen

schedule(cronStr, createQRcode);

In Javascript eintragen :

Hallo @Glasfaser ... ich fand die idee so klasse das ich sie mal versucht habe nach zu bauen allerdings wird bei mir kein QR-code angezeigt. Muss ich in dem Javascript noch etwas ändern bzw eintragen? den QR-Image habe ich schon hinzugefügt unnd das Javascript erstellt. wie gesagt leider kommt kein QR-code zu sehen. eventuell hast du ja noch ein paar Ideen.

p.s.: geht das prinzipiell auch mit dem normalen wlan qr code oder nur mit dem wlan-gast?

danke für deine Hilfe

[Glasfaser]

@Bluelinux

Erstmal... die Idee habe ich von hier : Link Text

.

@Bluelinux sagte in Einfach mal zeigen will….. - Teil 3:

Muss ich in dem Javascript noch etwas ändern bzw eintragen?

var MySSID          = "FRITZ!Box Gastzugang";           //  SSID Name

var MyCrypt         = "WPA2";                //  [WEP|WPA|WPA2]

var MyVisibility    = "n";                  //  Hidden SSID? 

var cronStr         = "3 1 * * *"           // Script wird jeden Tag um 03:01 Ausgeführt

 

var idQRZiel = "javascript.0.QR-Code.Gast"; // Zieldatenpunkt für QR-Code

var IdGPasswd = "tr-064.0.states.wlanGuestPassword"; /*wlanGuestPassword*/

Du musst schon das Javascript auf dein System/Fritzbox anpassen .
Stimmt die Gast-SSID mit deinem überein … hast du den normalen oder schon den tr-04 Community Adapter , dann dort den Datenpunkt ändern ….

Die Erstellung der QR-Code ist erst um 01:03 Uhr, stelle mal zum testen auf minütlich.

var cronStr         = "* * * * *"     

[Bluelinux]

@Glasfaser ahhh super ja dann lag es an der Zeit... jetzt habe ich den QR code... ich danke dir für deine Hilfe.... TOP

[PaSi]

Dann melde ich mich auch mal wieder - hatte leider keine Zeit durch Umzug und privates.
Habe kleine Änderungen an meinem View vorgenommen und auch neue Sachen eingebaut (bedingt durch meine Frau).

Vom Design her hat sich nicht viel getan, nur kleinere Änderungen für die neuen Funktionen.

Ich habe einen "Modus" programmiert, wo ich einstellen kann, was z.B. im Urlaub, am Wochenende, wenn wir arbeiten sind oder wenn wir Frei haben, geschehen soll.
Sprich, die Rolladen, Heizung etc. wird pro Modus und Raum (wenn dieser Aktiv), komplett automatisch und anders gesteuert. (der Modus wird auch automatisch über den Kalender gesteuert)

Eine kleine Müllerinnerung kam auch hinzu, da ich diesen gerne vergesse und er mir es so einmal im Tablet anzeigt und mir auch per Alexa ausgibt.

Sonst kam nur hinzu, dass alles per Sprache steuerbar ist, oder die Waschmaschine und der Trockner die Startzeit anzeigen, die Endzeit und die jeweilige Dauer und bedingt durch unseren jetzigen Garten, eine Bewässerung und die Poolsteuerung (vorerst nur Pumpe ein und aus).

Dazu noch ein paar kleine Videos, wie es "Live" ausschaut.
Manches ist vom Design her noch nicht so, wie ich es will (oder meine Frau )
Liegt mit daran, dass ich nicht mehr so viel in das Design investiere, sondern mehr in der Programmierung und nebenbei mit weniger Priorität ein neues Design erstelle

Spoiler

Heizung-Video

Garten-Video

Alarmanlagen-Video

[coyote]

@PaSi meinst du, du kannst da vllt mal was zur Verfügung stellen? Eine Seite würde mir schon reichen. Ich finde deine VIS der Hammer, gefällt mir echt sehr gut. Top Arbeit, Hut ab

[Marty56]

@PaSi sehr schöne Visualisierung. Könntest Du bitte einen Export irgendwo bereitstellen?

[Mallet]

@PaSi Super VIS, tolle Arbeit, auch ich würde mich über einen Export freuen

[Nashra]

Schließe mich an, sehr tolle VIS. Bitte einen Export vom Home, das wäre toll. Danke

[Damich]

Hallo @Dutchman,
du hattest beim Teil 2 Unter anderem mal ein History Diagramm gepostet. Könntest du dieses zur Verfügung stellen ?

[Dutchman]

@Damich

meinst du sowas ? kan mich gerade nicht erinnern

[Bachmann77]

@PaSi

eine echt tolle vis.
Auch ich wäre am Export interessiert. Zumindest von der Home-Seite.
Vorab vielen Dank und weiter so

[MartyBr]

@PaSi
Das ist die bisher ansprechenste View. Sieht toll aus. Ich möchte mich meinen Vorrednern hier anschließen: Bin sehr an dem Export interessiert.

[Damich]

@Dutchman genau das meine ich
kannst du dein gesamtes VIS Projekt wohl als Export bereit stellen ?

[Hiltex]

@Damich das ist nicht VIS, sondern Grafana - im Prinzip ein Tool wie Flot, das idealerweise auf InfluxDB als Datenquelle aufgesetzt wird.
Für InfluxDB gibt es einen Adapter, der genauso funktioniert und bedient wird, wie History.
Influx und Grafana sind frei im Internet verfügbar, können aber auch als Docker-Container auf einem NAS laufen. Hab ich auch so, funktioniert echt super.

[lesiflo]

Hi,
nachdem ich ja schon mal meine Vis vom Tablet hier vorgestellt habe, nun die vom Handy. Basiert u.a. auf dem Adapter "Material Design Widget" von Scrounger (Super Arbeit!!!). Die Button unten sind "Home", "Räume" und "Gewerke". Wem's gefällt einfach mal melden.

[Jey Cee]

@lesiflo kannst du die Bilder bitte Automatisch anordnen lassen. Einfach alle links in einer Zeile, also ohne Zeilenumbruch, dazwischen mit einem Leerzeichen dann sieht es besser aus.