FHEM Forum

FHEM => Frontends => fronthem / smartVISU => Thema gestartet von: styler am 02 Juni 2016, 11:46:50

Titel: Multimedia.station Widget
Beitrag von: styler am 02 Juni 2016, 11:46:50
Hallo,

ich bin auf das Widget Multimedia.station gestoßen. Nun möchte ich wie auf der Smartvisu-Testseite im oberen Menü eine Seite mit Fernsehkanälen anlegen. Das Widget schein bei mir jedoch nicht zu funktionieren. Ich habe es wie in der Smartvisu.Docu angelegt.



<div class="preblock">
</div>
<div class="block">
<div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
<div data-role="collapsible" data-collapsed="false" >
<h3>Fernsehkanäle</h3>
<table width="90%">

{{ multimedia.station('s1', 'bath_tv_1', 'pics/station/das_erste.png', 1, 'optional') }}
{{ multimedia.station('s2', 'bath_tv_2', 'pics/station/zdf.png', 1, 'midi') }}
{{ multimedia.station('s3', 'bath_tv_3', 'pics/station/pro7.png', 1, 'midi') }}
{{ multimedia.station('s4', 'bath_tv_4', 'pics/station/rtl.png') }}
{{ multimedia.station('s5', 'bath_tv_5', 'pics/station/sat1.png') }}

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



Leider erscheinen bei mir in Smartvisu keine Kanäle. Die Icons sind bei mir in /pics/station abgelegt. Komisch.
Das Multimedia.Widget ist bei mir auch angelegt. Hab mal reingeschaut, eigentlich sollte es funktionieren.
Jemand eine Idee?
Titel: Antw:Multimedia.station Widget
Beitrag von: dev0 am 02 Juni 2016, 12:31:24
Zitat von: styler am 02 Juni 2016, 11:46:50
Das Widget schein bei mir jedoch nicht zu funktionieren.
Was geht und was geht nicht, genauer bitte.

Zitat von: styler am 02 Juni 2016, 11:46:50
/pics/station
Der Ordner muss unterhalb des sv Ordners liegen, nicht in der root.

Für Code bitte die Code Tags verwenden (# Button).
Titel: Antw:Multimedia.station Widget
Beitrag von: styler am 03 Juni 2016, 09:37:32
ZitatDas Widget schein bei mir jedoch nicht zu funktionieren.

Ich bekomme in Smartvisu rein garnichts angezeigt. Ich sehe keine Symbole, also als ob ich nichts eingetragen hätte.


Zitat/pics/station

Mein pics Ordner liegt hier:     /var/www/smartvisu/pics/station

also direkt unter smartvisu.


Welche Informationen braucht ihr noch?

Gruß
Titel: Antw:Multimedia.station Widget
Beitrag von: dev0 am 03 Juni 2016, 10:14:09
Es fehlen mindestens die <tr> und <td> Tags in der Tabelle. Wenn obriges Codeschnipsel den gesamten Code der Seite darstellt, dann fehlt noch wesentlich mehr.
Titel: Antw:Multimedia.station Widget
Beitrag von: styler am 03 Juni 2016, 10:37:16
Ok habe den Code leicht verändert, geht leider immer noch nicht. Hier mal mein Kompletter Code von der Seite "TV":

{% extends "base.html" %}

{% block sidebar %}

{% import "lib.html" as lib %}
{{ lib.updatecheck() }}

{% import "clock.html" as clock %}
{{ clock.digiclock('clock') }}

<div class="center">
{{ now|date('l') }}, {{ now|date('d.m.Y') }}
</div>

<hr>

{% import "weather.html" as weather %}
{{ weather.current('weather') }}

<hr>

{{ weather.forecastweek('weather_forecast') }}

<hr>

{% endblock %}

{% block content %}

<div class="preblock">
</div>
<div class="block">
<div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
<div data-role="collapsible" data-collapsed="false" >
<h3>Fernsehkanäle</h3>
<table width="90%">
<tr>
<td align="middle" width="100%">
{{ multimedia.station('CH2', 'tv.PRO7', 'pics/station/Sender/pro7.png', 1, 'midi') }}
{{ multimedia.station('CH3', 'tv.SAT1', 'pics/station/Sender/sat1.png', 1, 'midi') }}
{{ multimedia.station('CH4', 'tv.RTL', 'pics/station/Sender/rtl.png', 1, 'midi') }}
</td>
</tr>
</table>
     </div>
     </div>
    </div>


<div class="preblock">
</div>
<div class="block">
<div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
<div data-role="collapsible" data-collapsed="false" >
<h3>Film / Fernsehen / Musik</h3>
<table width="90%">
<tr>
<td align="left" width="100px">
{{ basic.switch('Fernsehen', 'Fernsehen.sw', icon1~'it_television.png', icon0~'it_television.png') }}
</td>
<td>Fernsehen</td>
</tr>
<tr>
<td align="left" width="100px">
{{ basic.switch('Musik', 'Musik.sw', icon1~'audio_headphone.png', icon0~'audio_headphone.png') }}
</td>
<td>Musik</td>
</tr>
<tr>
<td align="left" width="100px">
{{ basic.switch('PS4', 'PS3.sw', icon1~'scene_gaming.png', icon0~'scene_gaming.png') }}
</td>
<td>PS4</td>
</tr>
<tr>
<td align="left" width="100px">
{{ basic.switch('Kino', 'Kino.sw', icon1~'scene_cinema.png', icon0~'scene_cinema.png') }}
</td>
<td>Kino</td>
</tr>
</table>
</div>
</div>
</div>

<div class="preblock">
</div>
<div class="block">
<div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
<div data-role="collapsible" data-collapsed="false" >
<h3>Geräte</h3>
<table width="90%">
<tr>
<td align="left" width="100px">
{{ basic.switch('Leinwand', 'Leinwand.sw', icon1~'control_arrow_upward.png', icon0~'control_arrow_downward.png') }}
</td>
<td>Leinwand</td>
</tr>

<tr>
<td align="left" width="100px">
{{ basic.switch('Wechsel-TV-Radio', 'TV-Radio.sw', icon1~'audio_repeat.png', icon0~'audio_repeat.png') }}
</td>
<td>Wechsel-TV-Radio</td>
</tr>

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

{% endblock %}



So bekomme ich das dann bei mir angezeigt: (siehe Anhang)
Titel: Antw:Multimedia.station Widget
Beitrag von: dev0 am 03 Juni 2016, 10:44:24
Vor dem Widgetaufruf fehlt der Import:
{% import "multimedia.html" as multimedia %}
Titel: Antw:Multimedia.station Widget
Beitrag von: styler am 03 Juni 2016, 11:15:46
Super, das war der Fehler!

Vielen Dank!