Einfach mal zeigen will..... :-) - Teil 1

sigi234
professional
Beiträge: 553
Registriert: 12.06.2017, 21:22

Re: Einfach mal zeigen will..... :-)

Beitrag von sigi234 » 10.03.2018, 00:07

RappiRN hat geschrieben:Einfach ein Leerzeichen vor den eigentlichen Feldinhalt setzen.

Enrico
Hallo, geht nicht.
MfG
Sigi

RappiRN
guru
Beiträge: 1057
Registriert: 22.02.2017, 16:31
Wohnort: Rathenow

Re: Einfach mal zeigen will..... :-)

Beitrag von RappiRN » 10.03.2018, 00:34

Doch, wenn du bei "html voranstellen" das hier einträgst:

Code: Alles auswählen

 
Hab grad nochmal gegoogelt und ausprobiert! :D

Enrico
Auch wenn unter meinem Benutzernamen jetzt "guru" steht, ich bin leider keiner, versuche aber zu helfen wo es geht. :D

mikiline
professional
Beiträge: 245
Registriert: 09.05.2017, 12:57

Re: Einfach mal zeigen will..... :-)

Beitrag von mikiline » 13.03.2018, 19:46

So, dann bin ich auch mal dran.

Beschäftige mich erst seit kurzer Zeit mit ioBroker und habe mal etwas angefangen meine ersten Views zu "generieren" ;)

Ich denke man brauch nicht zu schreiben um was es sich handelt, man erkennt es an dem ausgewählten Widget

Ausser......Das Bild mit den Fernsehsendern ist kein Widget ansich (HTML Widget - Basic iFrame), sondern eine php Seite die ich mir geschrieben habe um die Sender der Dreambox auszulesen usw....

Ps: freut mich hier im Forum zu sein um noch mehr Ideen zu sammeln. Danke an alle die auch Ihre "Arbeit" mit anderen teilen !!! :-)
Dateianhänge
IMG_0014.PNG
IMG_0014.PNG (322.58 KiB) 1348 mal betrachtet
IMG_0013.PNG
IMG_0013.PNG (615.28 KiB) 1348 mal betrachtet
IMG_0012.PNG
IMG_0012.PNG (437.5 KiB) 1348 mal betrachtet
IMG_0011.PNG
IMG_0011.PNG (616.18 KiB) 1348 mal betrachtet
IMG_0010.PNG
IMG_0010.PNG (640.1 KiB) 1348 mal betrachtet
IMG_0009.PNG
IMG_0009.PNG (541.5 KiB) 1348 mal betrachtet
IMG_0008.PNG
IMG_0008.PNG (708.94 KiB) 1348 mal betrachtet
IMG_0007.PNG
IMG_0007.PNG (626.11 KiB) 1348 mal betrachtet

Benutzeravatar
tomdeboom
professional
Beiträge: 192
Registriert: 09.01.2018, 21:38
Wohnort: Wbn

Re: Einfach mal zeigen will..... :-)

Beitrag von tomdeboom » 13.03.2018, 20:31

Hi,

sieht sehr gut aus.
Mit was hast du den die Buttons oben in deiner View gemacht? (icon & Text und den Hintergrund)
Würdest du so einen Button zu verfügung stellen.

Gruß Tom
CCU2 | Cloud.pro | Raspberry PI 3 SSD 32GB/USB-Stick 16GB | Synology Ds216j | Echo 2. Gen. | LAN/Wifi | 18 Geräte

mikiline
professional
Beiträge: 245
Registriert: 09.05.2017, 12:57

Re: Einfach mal zeigen will..... :-)

Beitrag von mikiline » 13.03.2018, 20:39

einfaches Navigationswidget (bars Views -bars)
Spoiler: Show hidden text

Code: Alles auswählen

[{"tpl":"tplBarNavigator","data":{"buttonsImage1":"/vis.0/iPad/icons/House-icon.png","buttonsText1":"Übersicht","buttonsOption1":"Home","buttonsImage2":"/vis.0/iPad/icons/kodi_256x256.png","buttonsText2":"Kodi","buttonsOption2":"Kodi","buttonsImage3":"/vis.0/iPad/icons/avm_7390_256_256_32.png","buttonsText3":"FritzBox","buttonsOption3":"FritzBox","buttonsImage4":"/vis.0/iPad/icons/lamp-icon.png","buttonsText4":"Lichter","buttonsOption4":"Lichter","buttonsImage5":"/vis.0/iPad/icons/Onkyo.png","buttonsText5":"Onkyo","buttonsOption5":"Onkyo","buttonsImage6":"/vis.0/iPad/icons/Drem-multimedia-logo.png","buttonsText6":"Dream","buttonsOption6":"DreamBox","buttonsImage7":"/vis.0/iPad/icons/Calendar-icon.png","buttonsText7":"Kalender","buttonsOption7":"Kalender","bCount":"8","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"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","bTheme":"sidebar-dark","bPosition":"floatHorizontal","bSpace":"3","bRadius":"2","bOffset":"25","bTextAlign":"left","bImageAlign":"left","bLayout":"auto","imagePaddingLeft":"0","imagePaddingTop":"0","bShowEffect":"show","bShowEffectMs":"99","bHideEffect":"show","bHideEffectMs":"96","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-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,"views":["ChannelSelection","DreamBox","FindMyPhone","FritzBox","Heizung","Home","Hyperion","Info","Kalender","Kodi","Lichter","Network","Onkyo","Spotify","TuerUndTor"],"buttonsText11":"Geräte","buttonsOption11":"Geräte","g_buttons_§8":false,"g_buttons_§9":false,"alwaysOpened":false,"lc-is-moment":false,"lc-zindex":0,"bStyleNormal":"","g_buttons_§7":true,"buttonsText8":"Spotify","buttonsOption8":"Spotify","buttonsImage8":"/vis.0/iPad/icons/1180208.png"},"style":{"left":"0px","top":"0px","width":"100%","height":"52px","z-index":"1","text-align":"","font-family":"Verdana, Geneva, sans-serif","font-style":"normal","font-variant":"normal","font-weight":"normal","font-size":"12px","border-color":"","border-style":"","position":"sticky","display":""},"widgetSet":"bars"}]

Tom198621
Beiträge: 5
Registriert: 31.01.2018, 00:31

Re: Einfach mal zeigen will..... :-)

Beitrag von Tom198621 » 14.03.2018, 01:57

Wow sieht sehr gut aus, echt top
Was hast du denn für eine Kamera?
Ist kein Bild womit sich der vlc Player öffnet oder
Und könntest du bitte das widget mit dem Licht zur Verfügung stellen, wäre nett
LG

mikiline
professional
Beiträge: 245
Registriert: 09.05.2017, 12:57

Re: Einfach mal zeigen will..... :-)

Beitrag von mikiline » 14.03.2018, 05:52

Tom198621 hat geschrieben:Wow sieht sehr gut aus, echt top
Was hast du denn für eine Kamera?
Ist kein Bild womit sich der vlc Player öffnet oder
Und könntest du bitte das widget mit dem Licht zur Verfügung stellen, wäre nett
LG
Kamera: Es handelt sich um eine Reolink RLC-422
Licht Widget: Ich nehme mal an du meinst das mit den Szenen ;)
Spoiler: Show hidden text

Code: Alles auswählen

[{"tpl":"tplJquiToogle","data":{"oid":"hue.0.Philips_hue.Wintergarten.on","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":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,"src_true":"/vis.0/iPad/icons/bulb-on.png","imageHeight":"100","src_false":"/vis.0/iPad/icons/bulb-off.png","label":"","lc-type":"last-change","lc-is-interval":true,"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-is-moment":false,"lc-zindex":0},"style":{"left":"653px","top":"110px","color":"#ffffff","font-family":"","font-size":"x-small","z-index":"2","width":"84px","height":"79px","text-align":"center","box-shadow":"","border-style":"none"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.Hue_Scenes.Sonnenuntergang_Savanne.G2I3pusvzUU6-9H","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"Sonnenuntergang","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,"value":"true","visibility-groups":["administrator"],"visibility-oid":""},"style":{"left":"750px","top":"110px","width":"185px","height":"30px","font-weight":"bold","font-size":"xx-small","z-index":"2","text-align":"center"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.Hue_Scenes.Gedimmt.GxVEoXynIDGGGZd","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"Gedimmt","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,"value":"true","visibility-groups":["administrator"],"visibility-oid":""},"style":{"left":"750px","top":"209px","width":"185px","height":"30px","font-weight":"bold","font-size":"xx-small","z-index":"2","text-align":"center"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.Hue_Scenes.Tropendämmerung.wNw26oCigaZfnYP","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"Tropendämmerung","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,"value":"true","visibility-groups":["administrator"],"visibility-oid":""},"style":{"left":"750px","top":"143px","width":"185px","height":"30px","font-weight":"bold","font-size":"xx-small","z-index":"2","text-align":"center"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.Hue_Scenes.Lesen.L3-cgawMfFtj2KL","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"Hell","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,"value":"true","visibility-groups":["administrator"],"visibility-oid":""},"style":{"left":"750px","top":"242px","width":"185px","height":"30px","font-weight":"bold","font-size":"xx-small","z-index":"2","text-align":"center"},"widgetSet":"jqui"},{"tpl":"tplJquiButtonState","data":{"oid":"javascript.0.Hue_Scenes.Nordlichter.0WsmGcTimC4cKXb","g_fixed":false,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"Nordlichter","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,"value":"true","visibility-groups":["administrator"],"visibility-oid":""},"style":{"left":"750px","top":"176px","width":"185px","height":"30px","font-weight":"bold","font-size":"xx-small","z-index":"2","text-align":"center"},"widgetSet":"jqui"},{"tpl":"tplFrame","data":{"visibility-cond":"==","visibility-val":1,"title":"Wintergarten Tischleuchte","title_color":"#f9f9fb","title_top":"5","title_left":"5","header_height":"30","header_color":"black","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-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-is-moment":false,"lc-zindex":0},"style":{"left":"639px","top":"57px","width":"304px","height":"246px","border-width":"4px","border-style":"solid","border-color":"grey","border-radius":"5px","z-index":"1","font-size":"small","font-weight":"bold","font-variant":"normal","font-style":"normal","font-family":"Verdana, Geneva, sans-serif"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":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,"html_prepend":"Szenen","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":"750px","top":"90px","width":"75px","height":"20px","text-align":"left","color":"","z-index":"3","font-style":"normal","font-variant":"small-caps","font-weight":"bold"},"widgetSet":"basic"},{"tpl":"tplMetroSlider","data":{"oid":"hue.0.Philips_hue.Wintergarten.level","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"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,"sliderColor":"#e02e2e","sliderMarkerColor":"#ba2121","min":"0","max":"100","step":"1"},"style":{"left":"653px","top":"281px","width":"283px","height":"19px"},"widgetSet":"metro"},{"tpl":"tplValueString","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":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,"html_prepend":"Dimmer","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":"653px","top":"259px","width":"75px","height":"20px","text-align":"left","color":"","z-index":"3","font-style":"normal","font-variant":"small-caps","font-weight":"bold"},"widgetSet":"basic"}]

Tagiwara
starter
Beiträge: 19
Registriert: 30.12.2017, 09:42

Re: Einfach mal zeigen will..... :-)

Beitrag von Tagiwara » 14.03.2018, 08:43

ich sage nur M E G A!!!

Da bin ich meilenweit von entfernt. Magst du nicht deinen Code und deine Grafiken in ne Zip Packen und hochladen? ;-)

mikiline
professional
Beiträge: 245
Registriert: 09.05.2017, 12:57

Re: Einfach mal zeigen will..... :-)

Beitrag von mikiline » 14.03.2018, 09:14

Ich sag nur..... es hat keinerlei CSS oder sonst was!

es handelt sich nur um Themes (im Widget einstellbar) und Hintergrundbilder. Natürlich noch dazu die richtigen icons die man immer in Google findet ;)

Also, einfach nur mit reinen "Boradmitteln"

Nepomukl
professional
Beiträge: 120
Registriert: 26.10.2015, 20:39

Re: Einfach mal zeigen will..... :-)

Beitrag von Nepomukl » 14.03.2018, 10:03

WoW, sieht toll aus, alle Achtung.

Da wirst du wo nicht umhin kommen die hier alle hoch zu laden *grins*

Mich interessiert z.B. ganz sehr die Seite der Dream. Was hast du da für php Seite gebastelt?

Ich nehme mal an du kannst auch auf die entsprechenden Sender schalten. Und ist das die Reihenfolge
deiner Favoriten? Kann man das auch auf Bouquets hoch brechen?

Hast mich neugierig gemacht. Hätte da ganz starkes Interesse daran ;)

Gruß Andreas

mikiline
professional
Beiträge: 245
Registriert: 09.05.2017, 12:57

Re: Einfach mal zeigen will..... :-)

Beitrag von mikiline » 14.03.2018, 10:57

Nepomukl hat geschrieben:WoW, sieht toll aus, alle Achtung.

Da wirst du wo nicht umhin kommen die hier alle hoch zu laden *grins*

Mich interessiert z.B. ganz sehr die Seite der Dream. Was hast du da für php Seite gebastelt?

Ich nehme mal an du kannst auch auf die entsprechenden Sender schalten. Und ist das die Reihenfolge
deiner Favoriten? Kann man das auch auf Bouquets hoch brechen?

Hast mich neugierig gemacht. Hätte da ganz starkes Interesse daran ;)

Gruß Andreas
Bouquets lege ich von Hand an (nachdem es vorher von der Dream angezeigt wurde) und dann erstellt es dazu die einzelnen Buttons. Und ja, umschalten geht somit auch.
Und nochmals ja, es ist angelegt wie meine Favoriten, da die Sender einzeln nacheinander aus der Dreambox xml Datei (Webseite) ausgelesen werden

Das werde ich aber nicht teilen, da es einen kleinen Aufwand benötigt alles komplett einzustellen, das es auch funktioniert.
Und momentan habe ich keine Zeit (und auch wenig Lust) einen Workaraound zu schreiben und jeden User der nun mit einer Enigma 2 Box kommt zu supporten.

Tut mir leid...... ich mach das gerne hier im Forum mit den ioBroker skripten oder auch Widgets teilen, denn hier können mehrere User helfen und so stellt sich kein "privater" Support ein. Hoffe Ihr habt dazu Verständnis

2hot4you
starter
Beiträge: 18
Registriert: 30.12.2017, 19:32

Re: Einfach mal zeigen will..... :-)

Beitrag von 2hot4you » 19.03.2018, 09:32

Hallo Zusammen,

ich möchte auch meine Visualisierung mit euch teilen. Danke an die vielen Inspirationen aus dem Forum ;)

Im Hintergrund laufen diverse Skripte.

Das ganze läuft auf einem Android Tablet mit Kiosk App. Die App verwaltet die Frontkamera, sodass das Display nur
hell wird , wenn man davor steht, sonnst ist es dunkel gedimmt

Gruß Michael
Dateianhänge
home.png
home.png (84.2 KiB) 953 mal betrachtet
home1.PNG
Überwachung der Sonoff´s mit dem Ping Adapter. Beim Fehler erhalte ich eine Anzeige
home1.PNG (53.69 KiB) 953 mal betrachtet
home2.PNG
home2.PNG (46.94 KiB) 953 mal betrachtet
home3.PNG
home3.PNG (40.42 KiB) 953 mal betrachtet
home4.PNG
home4.PNG (52.86 KiB) 953 mal betrachtet
home5.PNG
home5.PNG (77.74 KiB) 953 mal betrachtet

Benutzeravatar
tomdeboom
professional
Beiträge: 192
Registriert: 09.01.2018, 21:38
Wohnort: Wbn

Re: Einfach mal zeigen will..... :-)

Beitrag von tomdeboom » 19.03.2018, 10:16

Guten Morgen Michael,

sehr geil gelungen, Respekt. Gefällt mir was du da auf die Beine gestellt hast.

Besonders die Seiten wo du die Info für Raspberry iobroker darstellst und die die Diagrammfunktion.
Und auf deiner Startseite, würde mich interresieren wie du das mit den Mondphasen machst(welche icons?)?

Gibt es da eine Möglichkeit das als Vorlage zu bekommen? ;-) Rasperry, Diagramm und Mond?

Ich bin gerade am verändern von meinem Layout, ich stelle aber mal meine Startseite und Heizungsseite hier rein.

Viel Grüße

Tom
01 Home.PNG
01 Home.PNG (239.4 KiB) 938 mal betrachtet
04 Heizung.PNG
04 Heizung.PNG (117.97 KiB) 938 mal betrachtet
CCU2 | Cloud.pro | Raspberry PI 3 SSD 32GB/USB-Stick 16GB | Synology Ds216j | Echo 2. Gen. | LAN/Wifi | 18 Geräte

Benutzeravatar
Lebeao
starter
Beiträge: 41
Registriert: 24.03.2016, 19:27

Re: Einfach mal zeigen will..... :-)

Beitrag von Lebeao » 19.03.2018, 17:02

Hallo tomdeboom,

kannst du mir bitte sagen, wie du das mit den Mülltonnen gemacht hast. Ich vermute mal mit einen Script, wenn ja, würdest du mir es zu verfügung stellen mit den Widget der Mülltonnen als Export.

MfG Marco
MfG Marco
_______________________________________
RaspberryMatic (2.31.25.20180120)
IOBroker auf Debian unter HyperV auf Intel Xeon D1520 mit 48 GB RAM

Benutzeravatar
tomdeboom
professional
Beiträge: 192
Registriert: 09.01.2018, 21:38
Wohnort: Wbn

Re: Einfach mal zeigen will..... :-)

Beitrag von tomdeboom » 19.03.2018, 17:50

klar Marco, mache ich Morgen.

Gruß Tom
CCU2 | Cloud.pro | Raspberry PI 3 SSD 32GB/USB-Stick 16GB | Synology Ds216j | Echo 2. Gen. | LAN/Wifi | 18 Geräte

andreasph
starter
Beiträge: 20
Registriert: 08.01.2018, 21:05

Re: Einfach mal zeigen will..... :-)

Beitrag von andreasph » 19.03.2018, 21:28

Hallo Marco,

ich habe Dein Heizungswidget, d.h. die modifizierte Variante von Bluefox, im Einsatz. Das Teil ist echt klasse, großen Respekt und vielen Dank dafür!

Es gibt einen kleinen Punkt der mich etwas stört, vielleich hast Du eine Lösung dazu. Wenn man die +/- Taste mehrmals hintereinander drückt wird zunächst die neue Solltemperatur angezeigt, anschliessend scheint aber der kommunizierte Wert eines Inkrement-Zwischenschritts von der CCU in das UI zurückgeschrieben zu werden. Die Temperatur springt dann munter hin- und her und es dauert eins, zwei Sekunden bis sich der Wert stabilisiert hat.
Das gleiche Verhalten zeigt übrigens auch das Metro-Widget. Der WAF ist dadurch ziemlich im Keller :lol:

Im Prinzip dürfte der von der CCU übernommene Wert erst zwei oder drei Sekunden nach dem letzten Tastendruck zurückgeschrieben werden. Mit einem Skript liesse sich das realisieren, erscheint mir aber viel Aufwand für ein allgemeines Problem?

Gruß
Andi

2hot4you
starter
Beiträge: 18
Registriert: 30.12.2017, 19:32

Re: Einfach mal zeigen will..... :-)

Beitrag von 2hot4you » 19.03.2018, 22:08

tomdeboom hat geschrieben:Guten Morgen Michael,

sehr geil gelungen, Respekt. Gefällt mir was du da auf die Beine gestellt hast.

Besonders die Seiten wo du die Info für Raspberry iobroker darstellst und die die Diagrammfunktion.
Und auf deiner Startseite, würde mich interresieren wie du das mit den Mondphasen machst(welche icons?)?

Gibt es da eine Möglichkeit das als Vorlage zu bekommen? ;-) Rasperry, Diagramm und Mond?

Ich bin gerade am verändern von meinem Layout, ich stelle aber mal meine Startseite und Heizungsseite hier rein.

Viel Grüße

Tom
Hallo Tom

anbei die "Vorlagen"

- die Daten der Raspberry Diagramme kommen vom Adapter - "rpi2.0"
Als Grundlage habe ich eine Seite vom "Material Design JS", kannst aber auch das script "Material Design" auf Deiner Seite rein kopieren

- die Mondphase vom Script, die Icons vom Adapter - "Mfd icons as PNG"

Gruß Michael
Dateianhänge
script.PNG
script.PNG (22.31 KiB) 806 mal betrachtet
script Material Design.txt
(14.32 KiB) 111-mal heruntergeladen
script mondphase.txt
(881 Bytes) 97-mal heruntergeladen
widget raspberry info.txt
(27.77 KiB) 98-mal heruntergeladen
widget Mondphase.txt
(1.86 KiB) 94-mal heruntergeladen

Benutzeravatar
Lebeao
starter
Beiträge: 41
Registriert: 24.03.2016, 19:27

Re: Einfach mal zeigen will..... :-)

Beitrag von Lebeao » 20.03.2018, 06:25

andreasph hat geschrieben:Hallo Marco,

ich habe Dein Heizungswidget, d.h. die modifizierte Variante von Bluefox, im Einsatz. Das Teil ist echt klasse, großen Respekt und vielen Dank dafür!

Es gibt einen kleinen Punkt der mich etwas stört, vielleich hast Du eine Lösung dazu. Wenn man die +/- Taste mehrmals hintereinander drückt wird zunächst die neue Solltemperatur angezeigt, anschliessend scheint aber der kommunizierte Wert eines Inkrement-Zwischenschritts von der CCU in das UI zurückgeschrieben zu werden. Die Temperatur springt dann munter hin- und her und es dauert eins, zwei Sekunden bis sich der Wert stabilisiert hat.
Das gleiche Verhalten zeigt übrigens auch das Metro-Widget. Der WAF ist dadurch ziemlich im Keller :lol:

Im Prinzip dürfte der von der CCU übernommene Wert erst zwei oder drei Sekunden nach dem letzten Tastendruck zurückgeschrieben werden. Mit einem Skript liesse sich das realisieren, erscheint mir aber viel Aufwand für ein allgemeines Problem?

Gruß
Andi
Hallo Andi,

das ist mir auch aufgefallen, dafür habe ich bis jetzt keine Lösung. Das mit dem Script sollte gehen, aber das Springen stört mich nicht so sehr. Mit scripten kenne ich mich nicht so aus. :(
MfG Marco
_______________________________________
RaspberryMatic (2.31.25.20180120)
IOBroker auf Debian unter HyperV auf Intel Xeon D1520 mit 48 GB RAM

Benutzeravatar
tomdeboom
professional
Beiträge: 192
Registriert: 09.01.2018, 21:38
Wohnort: Wbn

Re: Einfach mal zeigen will..... :-)

Beitrag von tomdeboom » 20.03.2018, 07:47

Guten Morgen Andi,

vielleicht ist die "Volumencontrol" Lösung von Sigi auch für die Steuerung des Heizungsthermostates eine Lösung für das "Springen", vorraus gesetzt du hast eine CCU?
Ich hatte genau das selbe Problem, deswegen habe ich + und - wieder entfernt, auch weil ich eigentlich nur feste Werte brauche.
Ich werde es mir mal die Tage anschauen und es über die CCU versuchen und berichten.

@Marco: Habe dich nicht vergessen, wenn möglich bekommst du heute Abend von mir die Mülltonnen Geschichte... ;-)

@Michael: Super vielen Dank für die Bereitstellung der Daten, werde ich mir wenn möglich gleich heute Abend Anschauen... :-)
sigi234 hat geschrieben:Warum "Volumecontroll = Homematic Programm", funktioniert das mit "yamaha.0.Commands.volumeDown" und "yamaha.0.Commands.volumeUp" nicht?

Das ist nicht so einfach,


Ist ein Programm mit Http Befehlen via CuxD.
Screenshot (315).png
Screenshot (315).png (131.83 KiB) 746 mal betrachtet
Gruß Tom
CCU2 | Cloud.pro | Raspberry PI 3 SSD 32GB/USB-Stick 16GB | Synology Ds216j | Echo 2. Gen. | LAN/Wifi | 18 Geräte

tempestas
guru
Beiträge: 1042
Registriert: 17.03.2017, 19:34
Wohnort: ~100km vom Holy Ground

Re: Einfach mal zeigen will..... :-)

Beitrag von tempestas » 20.03.2018, 10:01

Lebeao hat geschrieben:Hallo tomdeboom,

kannst du mir bitte sagen, wie du das mit den Mülltonnen gemacht hast. Ich vermute mal mit einen Script, wenn ja, würdest du mir es zu verfügung stellen mit den Widget der Mülltonnen als Export.

MfG Marco
Hier ist das Skript.
Es erstellt vier (oder drei, oder zwei, je nachdem, was du brauchst) Datenpunkte mit den Tagen bis zur Abholung.
Die kannst du dann in VIS anwählen. Tomdeboom hat dafür ganz offensicht das Widget "rote Zahl" oder so ähnlich genommen. Jedenfalls ist das ein vordefiniertes Widget. Du kannst aber auch jedes andere Widget nehmen, das Zahlen händelt.
Bei den States musst du das reinschreiben, was du anlegen willst.
Die Suchvariablen definieren.
Und die ical Instanz anpassen.

Es steht jeweils im Skript, wo was zu tun ist.

Zu guter Letzt: das funktioniert nur, wenn dein Kalender NICHT "ersetze Datum mit Worten" aktiviert hat


Spoiler: Show hidden text

Code: Alles auswählen

// TESTSKRIPT FÜR NOXX
// Basis: tempestas
// erweitert / umgebaut für "four in one" mikiline

// Annahme ist, dass jede Müllart mindestens einmal im Monat abgeholt wird. Nicht getestet und eventuell problematisch ist es, wenn Müll seltener abgeholt wird.

debug = true;

// Anlegen JS State für VIS 

createState('javascript.0.muell.restmuell', 0);   //. gelb, blau usw entsprechend erstellen
createState('javascript.0.muell.gelbersack', 0);   //. gelb, blau usw entsprechend erstellen
createState('javascript.0.muell.papiertonne', 0);   //. gelb, blau usw entsprechend erstellen
createState('javascript.0.muell.biomuell', 0);   //. gelb, blau usw entsprechend erstellen

// Suchvariablen

var restmuell= "Rest";     // weitere Varialben für die anderen Müllsorten eintragen - die Suchworte müssen so im Kalender vorkommen
var gelbersack= "Gelber";     // weitere Varialben für die anderen Müllsorten eintragen - die Suchworte müssen so im Kalender vorkommen
var papiertonne= "Papier";     // weitere Varialben für die anderen Müllsorten eintragen - die Suchworte müssen so im Kalender vorkommen
var papierholsammlung= "Bio";     // weitere Varialben für die anderen Müllsorten eintragen - die Suchworte müssen so im Kalender vorkommen


// Kalender auslesen (HTML Format)

    // **************************************************************************************            
    // Termine auswerten aus html. Bereinigung der HTML Tags und Konvertierung in Plain Text
    // **************************************************************************************
    
        var inhalt = getState("ical.2.data.html"/*HTML iCal table*/);           // an deinen eigenen Kalender anpassen
        var inhaltString = inhalt.val.toString();
        var inhaltStringReplace = inhaltString;
        var inhaltStringText;
        var i_search;
        
        // remove all inside SCRIPT and STYLE tags
        inhaltStringReplace=inhaltStringReplace.replace(/<script.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/script>/gi, "");
        inhaltStringReplace=inhaltStringReplace.replace(/<style.*>[\w\W]{1,}(.*?)[\w\W]{1,}<\/style>/gi, "");
        
        // remove BR tags
        inhaltStringReplace=inhaltStringReplace.replace(/<br>/gi, "");
        inhaltStringReplace=inhaltStringReplace.replace(/<br\s\/>/gi, "");
        inhaltStringReplace=inhaltStringReplace.replace(/<br\/>/gi, "");
        
        
        // remove all else
        inhaltStringReplace=inhaltStringReplace.replace(/<(?:.|\s)*?>/g, "");
         
        // get rid of html-encoded characters:
        inhaltStringReplace=inhaltStringReplace.replace(/&nbsp;/gi," ");
        inhaltStringReplace=inhaltStringReplace.replace(/&/gi,"&");
        inhaltStringReplace=inhaltStringReplace.replace(/"/gi,'"');
        inhaltStringReplace=inhaltStringReplace.replace(/</gi,'<');
        inhaltStringReplace=inhaltStringReplace.replace(/>/gi,'>');    
        
        if(debug) log(inhaltStringReplace);
        
        setState('javascript.0.muell.restmuell', getPos(restmuell));
        setState('javascript.0.muell.gelbersack', getPos(gelbersack));
        setState('javascript.0.muell.papiertonne', getPos(papiertonne));
        setState('javascript.0.muell.biomuell', getPos(biomuell));


// n-ten Treffer finden

        function nthIndex(str, pat, n){
        var L= str.length, i= -1;
        while(n-- && i++<L){
        i= str.indexOf(pat, i);
        if (i < 0) break;
            }
        i_search =i;
        }


// Funktion zum Tage im Monat zählen

function DaysInMonth(month, year) {
  return new Date(year, month, 0).getDate();
}        
        
// Position bestimmen
function getPos(pos_welche_tonne) {

var pos = inhaltStringReplace.indexOf(pos_welche_tonne, 1);                    
if(debug) log("pos ist: "+pos);

var inhaltStringText = inhaltStringReplace.substring((pos-13),pos-1); 
if(debug) log("Datum ist: "+inhaltStringText);

nthIndex(inhaltStringText, ".", 1);
var t_m = inhaltStringText.slice(0, i_search);
var pos1 = i_search+1;
if(debug) log("pos1: " +pos1 );

nthIndex(inhaltStringText, ".", 2);
var m_m = inhaltStringText.slice(pos1, i_search);
var pos2 = i_search+1;
if(debug) log("pos2: " +pos2 );

var j_m = inhaltStringText.slice(pos2, inhaltStringText.len );
log(t_m +" , " +m_m +" , " +j_m);

// Datum heute ermitteln
var today = new Date();
if(debug) log(today);
    //Tag ermitteln
        var t = today.getDate();
    //Monat ermitteln
        var m = today.getMonth()+1;
    //Jahr ermitteln
        var j = today.getFullYear();        
        if(debug) log("Datum heute ist: "+t+m+j);
        
// Berechnung Tagesdifferenzen

var diff = 0;
var dim = DaysInMonth(m, j);  // Tage des aktuellen Monats
if(debug) log("Tage aktueller Monat: "+dim);


    if(j_m > j || m_m > m) { // Prüfung: Jahr_Müll größer als aktuelles Jahr? Relevant bei Jahreswechsel ODEr Monat Müll größer aktueller Monat?
             
            diff = parseInt(dim) - parseInt(t) + parseInt(t_m);          
        }
        else diff = parseInt(t_m) - parseInt(t);
                
          if(debug) log("Tage bis zum nächsten Müll: "+diff);
          
          return diff;
    }
//});
Zuletzt geändert von tempestas am 20.03.2018, 13:19, insgesamt 1-mal geändert.
ioBroker | 19 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Sonos | Instar Cam | Fire HDX 7 | 3x Echo dot | Neato Botvac D5

Gesperrt