FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: Ralf Kruppa am 04 August 2016, 12:12:40

Titel: fhem befehl ausführen durch klick auf Image
Beitrag von: Ralf Kruppa am 04 August 2016, 12:12:40
Hallo,
ich bin gerade dabei meine Squeezplayer in TabletUI einzubinden. Soweit geht auch alles ganz gut.
Probleme habe ich mit den Radisendern und die einstellung über die Sender-Images.

<div data-type="image" data-url="./images/ffn.png" data-size="46" data-opacity="1" data-fhem-cmd="set SB_PLAYER_b827eb818038 playlist play http://95.141.29.19/ffn_192"></div>


Nach allem was ich gefunden habe solte es so laufen. Tut es aber nicht.

Habt ihr eine idee woran es liegen kann ?

Gruß Ralf
Titel: Antw:fhem befehl ausführen durch klick auf Image
Beitrag von: setstate am 04 August 2016, 12:38:12
Hallo Ralf,

so müsste es theoretisch funktionieren.
Bekommst du bei Klick aufs Image die Toast-Message (wenn eingeschaltet ) ?
Titel: Antw:fhem befehl ausführen durch klick auf Image
Beitrag von: Ralf Kruppa am 04 August 2016, 12:44:08
Hallo,

nein ich bekomme nicht.

Wenn ich andere sachen machen geht es, zum Beispiel dieses:

<div data-type="input" id="sendValue" data-cmd="set SB_PLAYER_b827eb818038 playlist play" data-value="127" class=" w3x centered"></div>

Kann ich Text einfügen und wenn ich Enter drücke erscheint das Fenster unten in der Ecke mit dem Inhalt : set SB_PLAYER_b827eb818038 playlist play 127.

Bei dem anderen kommt dieses nicht.
Habe schon Updates für FHEM und TabletUI gemacht und auch den RaspbettyPi auf dem das läuft habe ich neu gestartet.

Gruß Ralf
Titel: Antw:fhem befehl ausführen durch klick auf Image
Beitrag von: setstate am 04 August 2016, 12:55:03
Steht das Bild alleine, oder innerhalb eines Containers wie Swiper oder Popup?
Titel: Antw:fhem befehl ausführen durch klick auf Image
Beitrag von: Ralf Kruppa am 04 August 2016, 13:01:45
Hallo, es sind drei Images nebeneinander.

Hier der komplette Code:

<li data-row="1" data-col="1" data-sizex="4" data-sizey="3">
        <header>Squeez Media Player</header>     
<div class="cell top-space">
<div data-type="label" data-device="SB_PLAYER_b827eb818038" data-get="currentArtist" class="cell inline"></div>
<div data-type="label" class="cell inline">-</div>
<div data-type="label" data-device="SB_PLAYER_b827eb818038" data-get="currentTitle" class="cell inline"></div>
</div>
<div class="cell top-space">
<div data-type="label" class="cell inline">Aktueller Track:</div>
<div data-type="label" data-device="SB_PLAYER_b827eb818038" data-get="playlistCurrentTrack" class="cell inline"></div>
<div data-type="label" class="cell inline">/</div>
<div data-type="label" data-device="SB_PLAYER_b827eb818038" data-get="playlistTracks" class="cell inline"></div>
</div>
<div class="cell top-space">
        <div data-type="switch"
data-device="SB_PLAYER_b827eb818038"
        data-icon="fa-step-backward"
data-background-icon="-"
              data-set-on="prev"
data-set-off="prev"
data-on-color="#505050"
                data-off-color="#aa6900"
class="inline">
        </div>
        <div data-type="switch"
                <div data-type="switch"
                data-device="SB_PLAYER_b827eb818038"
                data-get="playStatus"
                data-get-on="stopped"
                data-get-off="!on"
                data-icon="fa-stop"
                data-background-icon="-"
                data-set-on="stop"
                data-on-color="#aa6900"
                data-off-color="#505050"
                class="inline">
        </div>
        <div data-type="switch"
                data-device="SB_PLAYER_b827eb818038"
                data-get="playStatus"
                data-get-on="playing"
                data-get-off="!on"
                data-icon="fa-play"
                data-background-icon="-"
                data-set-on="play"
                data-on-color="#aa6900"
                data-off-color="#505050"
                class="inline">
        </div>
        <div data-type="switch"
data-device="SB_PLAYER_b827eb818038"
              data-icon="fa-step-forward" data-background-icon="-"
              data-set-on="next"
                data-set-off="next"
data-on-color="#505050"
                data-off-color="#aa6900"
class="inline">
        </div>
    </div>
<div class="top-narrow">
        <div data-type="switch"
data-device="SB_PLAYER_b827eb818038"
                data-icon="fa-volume-down"
data-background-icon="-"
                data-set-on="volumeDown"
                data-set-off="volumeDown"
data-on-color="#505050"
                data-off-color="#aa6900"
            class="inline narrow"></div>
        <div data-type="slider"
            data-device="SB_PLAYER_b827eb818038"
            data-min="0"
            data-max="100"
            data-get="volume"
            data-set="volume"
                data-width="110"
        class="inline horizontal narrow"></div>
        <div data-type="switch"
data-device="SB_PLAYER_b827eb818038"
                data-icon="fa-volume-up"
                data-background-icon="-"
                data-set-on="volumeUp"
                data-set-off="volumeUp"
data-on-color="#505050"
                data-off-color="#aa6900"
            class="inline narrow"></div>
    </div>

<div class="top-narrow">
<div data-type="image" data-url="./images/ndr2.jpg" data-size="46" data-opacity="1"  data-fhem-cmd="set+SB_PLAYER_b827eb818038+playlist+play+http://ndr-ndr2-nds-mp3.akacast.akamaistream.net/7/400/252763/v1/gnl.akacast.akamaistream.net/ndr_ndr2_nds_mp3" class="inline"></div>
<div data-type="image" data-url="./images/ffn.png" data-size="46" data-opacity="1"  data-fhem-cmd="set SB_PLAYER_b827eb818038 playlist play http://95.141.29.19/ffn_192" class="inline"></div>
<div data-type="image" data-url="./images/radio21.png" data-size="46" data-opacity="1"  data-value="" data-fhem-cmd="set SB_PLAYER_b827eb818038 playlist play http://188.94.97.91/radio21.aac" class="inline"></div>
</div>

<div data-type="input" id="sendValue" data-cmd="set SB_PLAYER_b827eb818038 playlist play" data-value="127" class="w3x centered"></div>

</li>


Gruß Ralf