Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[Alero]

@opossum
HI, gefällt mir sehr gut. Das würde ich in der Form auch so umsetzen.

D.H. du hast es auch z..B. einen Fensterkontakt und einen Drehgriff in deiner Ansicht abgebildet?
Dein Bild zeigt dann gekippt an wenn die Terrassentür auf kipp steht?

Gruß
Alero

[dtp]

Also ich fasse je Raum die Fenster über eine Systemvariable meiner HomeMatic zusammen und lasse mir das in einer Übersicht anzeigen. Sieht dann auf dem Display meines iPhone X so aus:

Über den zweiten Button unten links komme ich dann in die Einzelansichten der Stockwerke.

[Alero]

@dtp
Hi, auch sehr schön. Vor allem fürs Handy sehr übersichtlich.
Wie ich sehe hast du Fensterkontakt und auch Drehgriff implementiert.

Kann du mir sagen wie du das umgesetzt hast?

Gruß
Alero

[opossum]

@Alero,

ja, ich habe an der Terassentür der Küche einen optischen Kontakt und einen Homematic Funk-Fenster-Drehgriffkontakt, der meldet ja 3 Zustände. Die kann man dann auch darstellen.

Gruß
opossum

[dtp]

@Alero sagte in Status von Fensterkontakten anzeigen:

Wie ich sehe hast du Fensterkontakt und auch Drehgriff implementiert.
Kann du mir sagen wie du das umgesetzt hast?

Es sind bei uns im Haus eigentlich nur Fenster-Drehgriffkontakte im Einsatz. Ich schreiben deren Zustand über entsprechende HM-Programme in Systemvariablen und lasse mir die dann als Widget in vis anzeigen. Ich kann das bei Gelegenheit mal im Detail posten.

Gruß,

Thorsten

[Alero]

@dtp
Hi,

das wäre nett.

Danke

Gruß
Alero

[Alero]

@dtp
Denkst du noch an mich?

[amsernat]

@smartboart
Hi,

ich finde deine Widget toll.
da ich mich in die scripts und widget kaum auskenne, wäre es möglich deine widget zu exportieren?

Danke im Voraus.

[smartboart]

@amsernat sagte in Status von Fensterkontakten anzeigen:

, wäre es möglich deine widget zu exportieren?

[{"tpl":"tplJquiIconDialog","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":false,"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":1,"visibility-groups-action":"hide","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,"html_dialog":"<div class=\"dialogstil\">{javascript.0.Status.TuerFensterKontakt.Ansage}</div>","title":"Offene Fenster und Türen","autoclose":"1000","dialog_width":"600","dialog_height":"300","html":"<div class=\"dialogstil\">{javascript.0.Status.Lichter.Ansage}</div>","setId":"","src":"/vis.0/info_black.png","closeOnClick":true,"preload":false,"persistent":false,"modal":true,"dialog_left":"10","overflowY":"scroll","invert_icon":true},"style":{"left":"815px","top":"62px","z-index":"6","background":"#383838","width":"60px","height":"60px","transform":"true","background-clip":"","background-origin":"","border-width":"1px","border-radius":"2px","border-style":"outset","border-color":"#FFFFFF","background-color":"#383838"},"widgetSet":"jqui"},{"tpl":"tplMetroTileString","data":{"visibility-cond":"==","visibility-val":1,"bg_class_true":"bg-transparent","bg_class_false":"bg-transparent","icon_class_true":"","icon_class_false":"","badge_bg_class_true":"","badge_bg_class_false":"","icon_badge_true":"","icon_badge_false":"","brand_bg_class_true":"","brand_bg_class_false":"","name":"FensterTueren","visibility-oid":"","content_prepend":"<span style=\"font-size: 65%;\">&nbsp;Fenster<br>&nbsp;</span> ","content_append":"","content_oid":"javascript.0.Status.TuerFensterKontakt.Anzahl","label_prepend":"offen ","label_append":"","label_id":"javascript.0.Status.TuerFensterKontakt.Anzahl_offen","state_oid":"javascript.0.Status.TuerFensterKontakt.Anzahl_offen","transform":false,"select_on_true":false,"icon":"/vis.0/mainV2/img/schritte.png","icon_width":"60","icon_height":"60","icon_false":"/icons-mfd-png/fts_window_2w.png","icon_top":"51","icon_left":"35","hover":false,"visibility-groups-action":"hide","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,"badge_top":"","badge_left":"","icon_true":"/icons-mfd-png/fts_window_2w_open_lr.png"},"style":{"left":"728px","top":"52px","width":"150px","height":"150px","z-index":"5","font-family":"","color":"","font-size":"","border-radius":"","border-width":"1px","border-style":"solid","border-color":"#ffffff","background-color":"","text-align":"left","background":""},"widgetSet":"metro"}]

[sigi234]

@smartboart

Invalide Json!

[smartboart]

@sigi234 als widget importiert?

[sigi234]

@smartboart sagte in Status von Fensterkontakten anzeigen:

@sigi234 als widget importiert?

Jup, Fehler in 1307

[smartboart]

@sigi234 ok, bessere es später oben aus....mache gerade ein image Backup...dauert noch ein paar Minuten...

[sigi234]

@smartboart sagte in Status von Fensterkontakten anzeigen:

@sigi234 ok, bessere es später oben aus....mache gerade ein image Backup...dauert noch ein paar Minuten...

Kein Problem wollte es nur testen.

[smartboart]

@sigi234 also habe es nach dem export nochmal verglichen...hatte keine unterschiede...Habe es aber nochmal exportiert und diesmal als code eingefügt...bei mir hat der import aus der zwischenablage funktioniert...

[sigi234]

@smartboart sagte in Status von Fensterkontakten anzeigen:

@sigi234 also habe es nach dem export nochmal verglichen...hatte keine unterschiede...Habe es aber nochmal exportiert und diesmal als code eingefügt...bei mir hat der import aus der zwischenablage funktioniert...

Geht jetzt.
Hat du das noch:

info_black.png

Skript?

[smartboart]

var logging = false;

var idAnzahlEin = 'javascript.0.Status.TuerFensterKontakt.Anzahl_offen',
idAnzahl = 'javascript.0.Status.TuerFensterKontakt.Anzahl',
idText = 'javascript.0.Status.TuerFensterKontakt.Text',
idAnsage = 'javascript.0.Status.TuerFensterKontakt.Ansage';

// Ab hier nix mehr ändern
createState(idAnzahl, { // wenn benötigt: Anzahl der vorhandenen TuerFensterKontakt
type: 'number',
name: 'Anzahl aller Tuer und Fensterkontakte',
min: 0,
def: 0,
role: 'value'
});
createState(idAnzahlEin, { // Anzahl der TuerFensterKontakt, die auf sind als Variable unter Javascript.0 anlegen
type: 'number',
name: 'Anzahl der offenen Tueren und Fenster',
min: 0,
def: 0,
role: 'value'
});
createState(idText, { // Anzahl der  TuerFensterKontakt und deren Namen als Variable unter Javascript.0 anlegen
type: 'string',
name: 'offene  Tuern und Fenster ',
desc: 'Namen der eingeschalteten TuerFensterKontakt',
def: ' ',
role: 'value'
});
createState(idAnsage, {
type: 'string',
name: 'offene Tueren und Fenster (Ansage)',
desc: 'Namen der offenen TuerFensterKontakt (für Ansage aufbereitet)',
def: ' ',
role: 'value'
});

var cacheSelectorState = $('state[state.id=*.STATE](functions="Fenster")'); // Gewerk Facade


function checkDevices(obj) {
// Setzt die Zähler vor dem Durchlauf aller Elemente *.STATE im Gewerk Facade auf 0
var anzahlTuerFensterKontaktAn = 0;
var anzahlTuerFensterKontakt = 0;
var textTuerFensterKontaktAn = [];

if (logging) {
log('++++++ TuerFensterKontakt Anzahl ++++ ');
log('#### SCHALTER ##### ');
}
cacheSelectorState.each(function (id, i) { // Schleife für jedes gefundenen Element *.STATE im Gewerk Facade
var obj = getObject(id);
var name = getObject(id).common.name;
var status = getState(id).val; // Zustand *.STATE abfragen (jedes Element)
var devicename = name.substring(0, name.indexOf(".STATE")); //.state aus Text entfernen

if (status) { // wenn Zustand = true, dann wird die ANzahl der TuerFensterKontakt hochgezählt
++anzahlTuerFensterKontaktAn; 
textTuerFensterKontaktAn.push(devicename); // Zu Array hinzufügen
}
++anzahlTuerFensterKontakt; // Zählt die Anzahl der vorhandenen TuerFensterKontakt unabhängig vom Status
// } // ENDE VK-Abfrage

});


// Array mit TuerFensterKontaktnamen sortieren
textTuerFensterKontaktAn.sort();
// Schleife ist durchlaufen. Im Log wird der aktuelle Status (Anzahl, davon an) ausgegeben
if (logging) log("Text: " + textTuerFensterKontaktAn);
if (logging) log("Anzahl TuerFensterKontakt: " + anzahlTuerFensterKontakt + "  davon TuerFensterKontakt an:  " + anzahlTuerFensterKontaktAn);
// die ermittelten Werte werden als javascript.0. Variable in ioBroker gespeichert (z.B. für die Verarbeitung in VIS)
setState(idText, textTuerFensterKontaktAn.join(',<br>')); // Schreibt die aktuelle Namen der eingeschalteten TuerFensterKontakt
setState(idAnzahlEin, textTuerFensterKontaktAn.length); // Schreibt die aktuelle Anzahl der eingeschalteten TuerFensterKontakt
setState(idAnzahl, anzahlTuerFensterKontakt); // Schreibt die aktuelle Anzahl der vorhandene Elemente im Gewerk Facade
}

// Trigger
cacheSelectorState.on(function(obj) { // bei Zustandänderung *.STATE im Gewerk Facade
if (logging) log('Auslösender Schalter: ' + obj.id + ': ' + obj.state.val); // Info im Log, welcher Zustand sich geändert hat
checkDevices();
});

function main() {
setTimeout(function(){
if (logging) log('Auslöser Skriptstart');
checkDevices();
}, 2000);
}

main(); // Skriptstart-Auslöser

//Aufbereitung für Ansage
function strip_tags(data) {
var rueckgabe = data.replace(/(&nbsp;|<([^>]+)>)|(_)|(0)|(:)/ig, " ");
return(rueckgabe);
}

on(idText, function (obj) {
var text = obj.state.val;
text = (getState(idAnzahl).val > 0 ) ? '  ' + strip_tags(text) : '';
setState(idAnsage, text);
});

[Negalein]

@smartboart sagte in Status von Fensterkontakten anzeigen:

bei mir hat der import aus der zwischenablage funktioniert...

Danke, hat geklappt!

Noch eine Frage.
Wie ändere ich im Dialog die Schriftfarbe vom Raum?

[smartboart]

@Negalein Eigenschaften / view Thma ist beimir black - tie...ansosnten im Widget CSS Hintergrund...

[Negalein]

@smartboart sagte in Status von Fensterkontakten anzeigen:

Eigenschaften / view Thma ist beimir black - tie...ansosnten im Widget CSS Hintergrund...

komisch, ich verwende auch black-tie!
Mit CSS kenn ich mich leider nicht aus.

Müsste man das bei HTML im Dialog noch zusätzlich ergänzen?

<div class="dialogstil">{javascript.0.Status.Fenster.Raum}</div>