FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: ToM_ToM am 12 April 2017, 15:17:05

Titel: Select-Widget - DIV-Inhalt in TabletUI tauschen?
Beitrag von: ToM_ToM am 12 April 2017, 15:17:05
Hallo,

gibt es eine Möglichkeit, aufgrund der Auswahl im Select-Widget den Inhalte eines DIV-Containers zu tauschen.

Grund: Ich möchte ein Select-Widget für meine Sonos-Quelle. Wenn ich dort "Radio" wähle, soll darunter ein Select-Widget mit meinen Radiosendern angezeigt werden, wähle ich dort "Playlist", soll ein Select-Widget mit meinen Playlisten darunter angezeigt werden, etc.

Dies kann man doch sicher per JavaScript irgendwie im Frontend lösen... oder?

VG, Thomas
Titel: Antw:Select-Widget - DIV-Inhalt in TabletUI tauschen?
Beitrag von: Standarduser am 12 April 2017, 17:43:25
Ich würde das mit einem unsichtbaren Swiper und einem Dummy lösen.

Select 1 setzt den Dummy auf den Inhalt "radio" oder "playlist". In Abhängigkeit des Inhaltes blendest Du die Swiper-Seite ein, die dann das zweite Select enthält. class="nopagination" blendet die Punkte am Swiper aus, die auf das Vorhandensein mehrerer Seiten hinweisen.

Ich hab Dir mal zwei Screenshots angehangen. Ausgewechselt wird da der mittlere Bereich. Allerdings ermittle ich in FHEM, welche Eingabequelle gerade läuft. In der linken Seitenleiste lässt sich diese ja jederzeit auswählen.
Titel: Antw:Select-Widget - DIV-Inhalt in TabletUI tauschen?
Beitrag von: ToM_ToM am 13 April 2017, 08:52:03
Hallo Standarduser,
das war auch meine Idee. Aber ich habe beim Swiper-Widget keine Möglichkeit gefunden, anzugeben welche Seite geöffnet werden soll.

Wie hast du das umgesetzt? Gibt es da eine Funktion die mir das Wiki nicht verrät? ;)
Titel: Antw:Select-Widget - DIV-Inhalt in TabletUI tauschen?
Beitrag von: Standarduser am 13 April 2017, 09:24:35
Im Prinzip ist der Swiper ja noch vollständig im Wiki ausgespart, also ja, es gibt da was, das nicht im Wiki steht ;)

<div data-type="swiper" data-device="DG.ku.MM.Squeezebox" data-get="ftuiMediaProvider" data-states='["media","radio"]'>

Reihenfolge von data-states == Reihenfolge der Swiper-Seiten