Einfach mal zeigen will….. :-) - Teil 1
-
Hallo.
Da sind wieder tolle Views dabei. Ich überarbeite auch gerade meine.
Vor allem erstelle ich gerade eine Handy Version…..ist aber noch in Bearbeitung.
-
@spaceduck: zunächst mal Danke … so einfach gehts natürlich auch
Mich interessieren noch ein par Scripts von dir...
z.B.: das zählen und der Text der LOWBATs.. das UNREACH Script wird dann vermutlich ähnlich aufgebaut sein. `
Hallo spaceduck,
ich hab eben erst deine PN an mich gesehen. Ich kann aber nicht antworten, da ich wohl noch nicht aktiv genug im Forum bin.
Deshalb auf diesem Wege. Ja ich bräuchte noch die scripte, wäre klasse!
@Admins: Wäre es möglich die Restriktion für mich aufzuheben oder allgemein zu lockern?
gruß B4n4n3
edit: Nach meinem 3 Beitrag im Forum, klappt es nun mit den PNs!
-
Hallo eric 2905,
erstmal vielen Dank und ein gesundes, glückliches neues Jahr.
Da ich nun aus meinem Neujahrsurlaub wieder rein bin, werde ich mich auch mal looxer01's Heizungsskript anschauen.
Dennoch erstmal vielen Dank Dir!!!
Grüße Maik
Hi Maik,
das dürfte schwierig werden .. die View und die dahinterstehende Logik existieren nicht mehr.
Ich bin komplett auf das Heizungsscript von looxer01 umgestiegen (==> http://forum.iobroker.net/viewtopic.php?f=21&t=6080). Das läuft komplett in ioBroker und ist wesentlich flexibler.
Die reine Programlogik kann ich Dir aber gerne erklären, wenn Du möchtest.
Gruß,
Eric `
-
Ich versuche gerade für ein 7 Zoll Tablett eine Wetterstation optisch darzustellen ( Entwurf). Leider sind mir die Schriften (xx-large) immer noch zu klein. Kann man die vergrößern ? So wie bei der Vorhersage ?
VG Uwe
-
Hallo Uwe,
Du kannstdie Schriftgröße auch in Pixeln angeben. Zum Beispiel "70px".
-
Mein erstes Projekt
weitere Bilder folgen morgen
-
Und hier dran arbeite ich aktuell
-
Hallo Marcel,
sieht super aus. Sind das eingebundene Grafiken oder CSS? Erzähl mal mehr!
Gruß
Pix
-
Die Linien sind eigene Grafiken und der Rest sind hdwidgets und jqui Widgets die ich mir einfach angepasst habe.
Die Progressbar im Bild unten, ist der hdwidgets Knob.
Hier muss ich morgen Abend aber noch einiges an Arbeit investieren.
-
Echt klasse. Deine Views wären auch was für Bluefox' Galerie. Hast du noch was für Licht oder Sicherheit (Verschluß) oder Heizung?
Gruß
Pix
EDIT: Wie heißt die Schriftart?
-
Vielen dank.
Ist in Arbeit.
Sobald ich da was ansehnliches zusammengeklickt habe, stelle ich es mal rein.
Schade das der Knob nur mit 0 und 1 umgehen kann.
Homematic liefert leider nur true und false.
EDIT: Roboto light, ist bei den Google Fonts mit dabei.
EDIT2: Das ist erstmal ein gaaaaanz grober Entwurf
-
wow, das sieht echt mal richtig richtig schick aus!
-
Aktueller Stand:
-
Hallo
Kannst du vielleicht das runde Widget komplett hier veröffentlichen!? Sieht nämlich sehr gut aus
Gruß
Adrian
-
Hallo Adrian,
welches meinst du denn genau?
Im Prinzip ist fast jedes individuell und besteht aus mindestens 4 Widgets.
Gruß
Marcel
-
Irgend eins…. sehen alle gut aus! Möchte nur wissen wie die aufgebaut sind
Danke schon mal
-
Die Linien sind eigene Grafiken und der Rest sind hdwidgets und jqui Widgets die ich mir einfach angepasst habe.
Die Progressbar im Bild unten, ist der hdwidgets Knob.
Hier muss ich morgen Abend aber noch einiges an Arbeit investieren. `
Hallo Marcel,
wie setzt du da dynamisch die min und max Werte? Die ändern sich ja bei jedem Lied.
Habs mit geschweiften Klammern versucht, hat nicht funktioniert?
-
Na dann möchte auch ich meine Visualisierung mal herzeigen…..
bin zwar noch Anfänger aber ich glaube man kann das schon mal herzeigen...
-
Die Linien sind eigene Grafiken und der Rest sind hdwidgets und jqui Widgets die ich mir einfach angepasst habe.
Die Progressbar im Bild unten, ist der hdwidgets Knob.
Hier muss ich morgen Abend aber noch einiges an Arbeit investieren. `
Hallo Marcel,
wie setzt du da dynamisch die min und max Werte? Die ändern sich ja bei jedem Lied.
Habs mit geschweiften Klammern versucht, hat nicht funktioniert? `
Min-Wert 0 ( zumindest sollte jedes Lied bei 0 anfangen
)Max-Wert {javascript.0.Spotify.PlaybackInfo.duration_ms}
-
Hier mal das "Spotify-Widget"
[{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_play.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"15","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"/icons-mfd-png/control_arrow_left.svg","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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Rewind","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"271px","top":"106px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplImage","data":{"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","refreshInterval":"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,"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,"src":"/vis.0/Marcel/Linieduenn.png"},"style":{"left":"283px","top":"540px","z-index":"2","width":"50px","height":"35px","transform":"rotate(90deg)"},"widgetSet":"basic"},{"tpl":"tplShapes","data":{"g_fixed":false,"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":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","svgType":"circle","strokeColor":"rgba(255,255,255,0.0)","fill":"rgba(255,255,255,0.0)","strokeWidth":"0,1","scaleWidth":"1","scaleHeight":"1","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},"style":{"left":"125px","top":"180px","z-index":"2","background":"","width":"350px","height":"350px","box-shadow":"0px 0px 1px white","border-style":"none","border-radius":"180px"},"widgetSet":"basic"},{"tpl":"tplValueStringImg","data":{"oid":"","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"1000","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":"Spotify Cover"},"style":{"left":"155px","top":"210px","width":"290px","height":"290px","z-index":"2","box-shadow":"","border-radius":"180px"},"widgetSet":"basic"},{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_rew.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"15","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"/icons-mfd-png/control_arrow_left.svg","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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Rewind","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"50px","top":"315px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplHqButton","data":{"oid":"","min":"true","max":"true","iconName":"/icons-mfd-png/audio_ff.png","btIconWidth":"49","offsetAuto":false,"leftOffset":"8","topOffset":"9","timeAsInterval":"true","infoLeftFontSize":"12","infoFontRightSize":"12","caption":"","captionOn":"","iconOn":"control_arrow_right.svg","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,"pushButton":false,"usejQueryStyle":false,"g_visibility":true,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","styleActive":"hq-button-no-background","name":"Forward","infoLeftPaddingLeft":"15","infoLeftPaddingRight":"50","infoRightPaddingRight":"15","gestures-swipeLeft-limit":"-1","gestures-rotateLeft-limit":"2","styleNormal":"hq-button-no-background","changeEffect":"","testActive":false,"descriptionLeft":"Robby state","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,"descriptionLeftDisabled":true},"style":{"left":"490px","top":"315px","width":"60px","height":"60px","border-width":"1px","border-style":"none","border-color":"","border-radius":"2px","z-index":"2","text-align":"center","font-size":"small","box-shadow":""},"widgetSet":"hqwidgets"},{"tpl":"tplHqCircle","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","oid":"","min":"0","max":"","digits":"0","step":"100","is_comma":false,"displayPrevious":"true","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,"descriptionLeft":"javascript.0.Spotify.PlaybackInfo.progress_ms","readOnly":false,"hideNumber":true,"linecap":false,"color":"#ff29ee","unit":"ms","oid-working":"","bgcolor":"#959595","thickness":"0,03","name":"Spotify Progress"},"style":{"left":"150px","top":"205px","width":"300px","height":"300px","box-shadow":"0px 0px 15px #ff29ee","padding":"","z-index":"2","border-radius":"180px"},"widgetSet":"hqwidgets"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"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,"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,"name":"Track"},"style":{"left":"56px","top":"583px","width":"500px","height":"25px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"normal","color":"white","text-align":"center","font-size":"20px","z-index":"2"},"widgetSet":"basic"},{"tpl":"tplValueString","data":{"oid":"","g_fixed":true,"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,"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,"name":"Artist"},"style":{"left":"172px","top":"615px","width":"265px","height":"20px","font-family":"RobotoCondensed-Light","font-style":"normal","font-variant":"normal","font-weight":"normal","color":"#bababa","text-align":"center","font-size":"","z-index":"2"},"widgetSet":"basic"}]
