Wie sieht eure "Rolladen-Seite" aus?

[Shai]

@Shai:
Könntest du bitte von der Rolladenübersicht den Code bzw. ein Beispiel posten.
Schaut super aus und ich möchte das daher auch so machen.
Danke

Moin,

den Code findest Du hier:

https://github.com/lbernau/smartvisu...olllaeden.html

Und das Widget hier:
(Basis dafür war das Small-Shutter Widget aus den mitgelieferten "alber"-Seiten)

https://github.com/lbernau/smartvisu...ter_small.html


Grüße,

Lars

[Echo]

Hi Lars,

Moin,

den Code findest Du hier:

https://github.com/lbernau/smartvisu...olllaeden.html

Und das Widget hier:
(Basis dafür war das Small-Shutter Widget aus den mitgelieferten "alber"-Seiten)

https://github.com/lbernau/smartvisu...ter_small.html


Grüße,

Lars

die Darstellung mit deinem Widget ist super! Das habe ich gleich mal bei mir übernommen. Ich finde, das Aufgrund der schlanken Darstellung das Widget unbedingt als Standard mit aufenommen werden sollte.

Gruß
René

[hansmaulwurf]

Ich habe alle Schalter, Rollläden, Wetterinfos, Stundenpläne u.s.w. auf einer Seite (füge immer weitere Elemente hinzu) und wenn man auf eine Taste Klickt öffnet sich ein Pop-up Fenster auf dem dann die Lichtschalter, Rollo Schalter und so sind.

LG Erik

Hallo @Erki:

Habe gerade deine wunderschönen Buttons mit der Temperaturanzeige (Ist/Soll) gesehen.
Gibt es dazu ein Widget ?

Vielen Dank

P.S. schließe mich meinem Vorredner bezüglich des Rolladenwidgets an. Einfach klasse ! Danke Shai
Gruß,
Hans

[ErKi]

Hallo Hans,

ja ich habe einfach in die Tasten der Listview das in der SmartVISU enthaltene Basic Float Widget verwendet.

Ich denke ich hänge hier einfach mal die ganze Seite als ZIP Archiv an, da kann man sich das besser anschauen wie ich das eingebaut habe.

Besteht einmal aus 2 HTML Seiten einmal smartphone.html und uebersicht.html das sind die beiden Seiten die ich oben in der Menu Leiste öffnen kann eine mit Viel nebeneinander für große Geräte wie Computer/Tabletts und die smartphone.html für kleine Displays.

Die eigentlichen Widgets sind in dem Uebersichtelemente Ordner, dass hat den Sinn wenn ich dort was ändere wird es sowohl für die smartphone als auch für die Computer Ansicht übernommen.

Dort sind 4 Dateien (Lichter.html; Rollaeden.html, Stundenpläne.html und weiteres.html) ich denke die Namen sind selbsterklärend. Und die Temperatur anzeige ist in Lichter.html

Was ich noch anmerken möchte: Ich gehe davon aus, wenn man das ZIP Archiv mit Windows öffnet noch weitere Dateien mit komischen Namen oder so in dem ZIP-Archiv befinden die sind nicht von mir bzw kann die nicht entfernen da Mac OS X diese Datein für sich anlegt und sie deshalb auf einem Mac nicht sichtbar sind. Deshalb nur die von mir angegeben Dateien verwenden.

[hansmaulwurf]

Vielen Dank für die freundliche Unterstützung !

[macflei]

Anbei auch mal Screenshots von einem Beispiel der Rolloansicht (Esszimmer/Küche)
Einzelsteuerung, Position anfahren und UZSU in einem Block. Merh brauch man wohl nicht.

[chrisi]

@macflei: Wäre super wenn du deinen Code von den Rolladen posten könntest bzw. ein Beispiel. Danke

[mhoeftx]

Würde mich auch sehr interessieren.
Bis jetzt die schönste Lösung die ich gesehen habe!
Vor allen Dingen die Popups mit den Positionen find ich klasse!

Grüße, Mark

[macflei]

@macflei: Wäre super wenn du deinen Code von den Rolladen posten könntest bzw. ein Beispiel. Danke

Ich pack das bei Gelegenheit mal in ein Widget bzw. mache es fertig.
Ich denke das erspart dann copy/paste-Fehler.

[tilex007]

Sieht echt klasse aus! Wäre auch dran interessiert ;-)

[JensKindgen]

Ich pack das bei Gelegenheit mal in ein Widget bzw. mache es fertig.
Ich denke das erspart dann copy/paste-Fehler.

Hi liegt der Code denn jetzt schon irgendwo in einem widget ab? ggf. auf Github? wenn ja wo?

Danke und Gruss Jens

[Alex2500]

Er will es nicht herrausgeben...

[mstewen]

Light Steuerung Raffstore

Hallo,

ich habe euch mal Screenshots von meiner Steuerung angehängt.
Gezieltes Anfahren einer Position und die Verstellung der Lamellen-Stellung habe ich in ein Popup ausgelagert.

Hier ist ein Ausschnitt des HTML-Codes, um das Widget aufzurufen:

<div class="block" style="clear:left">
	<div class="set-1" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
		<div data-role="collapsible" data-collapsed="false">
			<h3>Raffstore</h3>
			{% import "icon.html" as icon %}
			{% import "widgets/widget_shutter_small.html" as smallshutter %}	

			{{ smallshutter.smallshut('eg.wohnen.raffstore.sueden.eck2',  'Süden (Wohnen)', 'eg.wohnen.raffstore.sueden.eck2.fahren', 'eg.wohnen.raffstore.sueden.eck2.fahrenkurz', 'eg.wohnen.raffstore.sueden.eck2.position', 'eg.wohnen.raffstore.sueden.eck2.lamelle') }}
			<br />
			{{ smallshutter.smallshut('eg.wohnen.raffstore.sueden.tuer',  'Süden (Tür)', 'eg.wohnen.raffstore.sueden.tuer.fahren', 'eg.wohnen.raffstore.sueden.tuer.fahrenkurz', 'eg.wohnen.raffstore.sueden.tuer.position', 'eg.wohnen.raffstore.sueden.tuer.lamelle') }}
			<br />
			{{ smallshutter.smallshut('eg.wohnen.raffstore.sueden.eck1',  'Süden (Essen)', 'eg.wohnen.raffstore.sueden.eck1.fahren', 'eg.wohnen.raffstore.sueden.eck1.fahrenkurz', 'eg.wohnen.raffstore.sueden.eck1.position', 'eg.wohnen.raffstore.sueden.eck1.lamelle') }}
			<br />
			{{ smallshutter.smallshut('eg.wohnen.raffstore.westen.eck',  'Westen', 'eg.wohnen.raffstore.westen.eck.fahren', 'eg.wohnen.raffstore.westen.eck.fahrenkurz', 'eg.wohnen.raffstore.westen.eck.position', 'eg.wohnen.raffstore.westen.eck.lamelle') }}
			<br />
			{{ smallshutter.smallshut('eg.wohnen.raffstore.westen.tuer',  'Westen (Tür)', 'eg.wohnen.raffstore.westen.tuer.fahren', 'eg.wohnen.raffstore.westen.tuer.fahrenkurz', 'eg.wohnen.raffstore.westen.tuer.position', 'eg.wohnen.raffstore.westen.tuer.lamelle') }}
			<br />
			{{ smallshutter.smallshut('eg.wohnen.raffstore.osten.eck',  'Osten', 'eg.wohnen.raffstore.osten.eck.fahren', 'eg.wohnen.raffstore.osten.eck.fahrenkurz', 'eg.wohnen.raffstore.osten.eck.position', 'eg.wohnen.raffstore.osten.eck.lamelle') }}

		</div>
	</div>
</div>

[SachsenTobi]

Hallo,

bei mir sieht das jetzt aus wie im Anhang dargestellt.

Hab mir das so zusammen gebastelt :-)

Nimmt zwar etwas mehr Platz weg, als wenn es einzeilig wäre, aber da ich nicht sooo viel darzustellen habe, gefällt mir das ganz gut.

Viele Grüße

[seppm]

Servus,

ich hoffe ich werd nicht gleich geteert und gefedert wenn ich hier einen IP-Symcon Screenshot poste. Mir geht es aber nur drum zu zeigen wie ich Befehl und Anzeig kombinieren konnte. Vielleicht ist es ja eine Anregung.
Denke das geht bestimmt mit smartVisu auch. Gefällt mir übrigens sehr gut (auch die CometVisu) aber jetzt hab ich mich schon in PHP ein wenig eingefuchst.

Die Punkte (.) zwischen den Positionen geben Zwischenstände an, dann sehe ich zB wenn jemand manuell den Rollo ein bisschen gefahren hat oder ihn eine Automatik so gefahren hat. Anfahren kann ich die (.) Positionen aber nicht da ich es mag wenn die Rolladen an verschiedenen Fenstern auch auf gleicher Höhe landen.

cheers Sepp

PS: Hab wohl die Seite beim Hochladen der Grafik zu schnell geschlossen. Ich poste es jetzt im nächsten Beitrag da man es hier nicht mehr anhängen kann nachträglich.