New FHEM Tablet UI

[setstate]

Thema URL Button: sollte mit einem Zweizeiler im Button Widget machbar sein, das dieser auf aktiv geht, wenn die hinterlegte URL aktiv ist und alle anderen im gleichen Div Verbund gehen auf OFF. Das geht einfach über den Jquery Selektor. Schaue ich mir heute Abend mal an.

Thema Spracherkennung: was ist hiermit? http://www.fhemwiki.de/wiki/Homebridge_einrichten

[ChrisK]

Thema Spracherkennung: was ist hiermit? http://www.fhemwiki.de/wiki/Homebridge_einrichten

Klingt nach iOS/Siri-only, oder?

[setstate]

Klingt nach iOS/Siri-only, oder?

Ja genau, nur Siri.
Das Webviewcontrol für FHEM gibt es für Android, das hat Spracherkennung auch schon mit drin.
Ansonsten werde ich da nicht viel Zeit investieren, da ich eher der "Klick" Typ bin. Aber ich denke, da gibt es einige, die da was passendes fürs FTUI zaubern können.

[ChrisK]

Das Webviewcontrol für FHEM gibt es für Android, das hat Spracherkennung auch schon mit drin.

Genau das klappt bei mir nicht, deswegen bastel ich an einer Alternative.

Ansonsten werde ich da nicht viel Zeit investieren, da ich eher der "Klick" Typ bin. Aber ich denke, da gibt es einige, die da was passendes fürs FTUI zaubern können.

Sorry, ist wohl falsch rüber gekommen. Ich würde schon die js-Datei entwickeln, die in der FTUI eingebunden werden kann.
Die Frage ist nur, ob es von allgemeinem Interesse ist. Oder ob es reicht, wenn ich es nur für mich einbinde

[l3skon3]

Hallo,

hab gerade versucht das update zu machen

Code Auswählen Erweitern

2015.09.25 13:20:07 1: UPD www/tablet/css/fhem-blue-ui.css
2015.09.25 13:20:08 1: UPD www/tablet/css/fhem-green-ui.css
2015.09.25 13:20:08 1: UPD www/tablet/css/fhem-mobil-ui.css
2015.09.25 13:20:08 1: UPD www/tablet/css/fhem-tablet-ui.css
2015.09.25 13:20:08 1: Got 10957 bytes for www/tablet/css/fhem-tablet-ui.css, not 10216 as expected,
2015.09.25 13:20:08 1: aborting.

das kommt dabei raus.

Ist da evtl. die Dateigröße in der https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt falsch angegeben?

hat noch jemand die Meldung im Logfile?

Danke

[setstate]

Ups sorry, das Controlfile aktualisiere ich heute Abend.

[bert]

@setstate
Der Test aus "Example3",Post #2500 produziert 6 Symbole zentriert untereinander untereinander. wo liegt mein Fehler

[l3skon3]

@setstate
Der Test aus "Example3",Post #2500 produziert 6 Symbole zentriert untereinander untereinander. wo liegt mein Fehler

Dir fehlt das Update der ftui.xxx.xxx.css die gibt es erst heute abend, laut setstate.

Gesendet von meinem GT-I9300 mit Tapatalk

[Raven]

Homestatus...nur kleiner

Ich würde den Homestatus integrieren, aber das Homestatus Widget ist mir zu gross.
Würde gerne stattdessen das Circlemenu Widget verwenden wollen. Hier kann ich aber nicht den jeweils gewählten / aktiven Status im mittleren ICON anzeigen lassen, oder?
Der Multistatebutton scheidet für mich aus, weil hier beim "Durchklicken" der Status gesetzt wird und hier hätte ich ein wenig Bedenken, wenn der Status beim "Durchklicken" auf Holiday / Night gesetzt wird und die Alarmanlage zwischenzeitlich kurz scharf geschaltet wird.

Andere Vorschläge? Dankeschön!

[stenny73]

Hallo

Eine kleine Frage zum Label Widget.....

Ich habe lasse mir mit Label mehrere Werte einblenden.

Die Werte würde ich gerne Farblich kennzeichen - eigentlich recht einfach ABER.....

Wert 1 als Referenz
Wert 2 grün wenn identisch zu Wert 1
Wert 2 rot wenn ungleich zu Wert 1

Es soll aber der richtige Wert angezeigt werde - also nicht die Differenz.


Hoffe es halbwegs verständlich erklärt zu haben.......


stenny

[setstate]

Homestatus...nur kleiner

Ich würde den Homestatus integrieren, aber das Homestatus Widget ist mir zu gross.
Würde gerne stattdessen das Circlemenu Widget verwenden wollen. Hier kann ich aber nicht den jeweils gewählten / aktiven Status im mittleren ICON anzeigen lassen, oder?
Der Multistatebutton scheidet für mich aus, weil hier beim "Durchklicken" der Status gesetzt wird und hier hätte ich ein wenig Bedenken, wenn der Status beim "Durchklicken" auf Holiday / Night gesetzt wird und die Alarmanlage zwischenzeitlich kurz scharf geschaltet wird.

Andere Vorschläge? Dankeschön!

1. Homestatus Widget  kleiner machen,  mit data-width="160" data-height="160"

2. Circlemenu mit einen anderen Starter-Widget bauen, was den Status eines Readings farblich oder per Icon symbolisiert. Symbol oder Switch mit class="readonly" o.ä. wären möglich

Code Auswählen Erweitern

<div data-type="symbol"
                          data-device="dummy1"
                          data-states='["on","off"]'
                          data-icons='["fa-arrow-up","fa-arrow-down"]'
                          data-colors='["IndianRed","SeaGreen"]'
                          class="big">
                      </div>

3. Einen Gruppe von Switches (evtl. eckig), der aktuell gewählte ist farbig.

Code Auswählen Erweitern

<li data-row="1" data-col="9" data-sizex="4" data-sizey="3">
    <header>EXAMPLE4</header>
    <div>
        <div data-type="switch" data-device="dummy1"
          data-get-on="Wert1" data-get-off="!on"
          data-set-off="" class="green"
          data-icon="fa-home" data-background-icon="fa-square" ></div>
        <div data-type="label" class="inline w1x">Home</div>
     </div>
    <div>
        <div data-type="switch" data-device="dummy1"
          data-get-on="Wert2" data-get-off="!on"
          data-set-off="" class="blue"
          data-icon="fa-bed" data-background-icon="fa-square" ></div>
        <div data-type="label" class="inline w1x">Night</div>
     </div>
    <div>
        <div data-type="switch" data-device="dummy1"
          data-get-on="Wert3" data-get-off="!on"
          data-set-off="" class="orange"
          data-icon="fa-car" data-background-icon="fa-square" ></div>
        <div data-type="label" class="inline w1x">Away</div>
     </div>
     <div>
         <div data-type="switch" data-device="dummy1"
           data-get-on="Wert4" data-get-off="!on"
           data-set-off="" class="red"
           data-icon="fa-suitcase" data-background-icon="fa-square" ></div>
         <div data-type="label" class="inline w1x">Holiday</div>
      </div>
</li>


Bitteschön

[setstate]

Die Werte würde ich gerne Farblich kennzeichen - eigentlich recht einfach ABER.....

Wert 1 als Referenz
Wert 2 grün wenn identisch zu Wert 1
Wert 2 rot wenn ungleich zu Wert 1

Es soll aber der richtige Wert angezeigt werde - also nicht die Differenz.

Ist Wert1 fest, also im HTML hinterlegbar, oder kommt der aus einem Reading?
Feste Wert könnte per RegEx funktionieren.
Vergleiche von dynamischen Werten würde ich per Dummy im FHEM machen und dann mit data-limits-get drauf verweisen. Das kann dann auch ein anderes Device sein, als das, woher das Label seinen Wert bezieht.

Code Auswählen Erweitern


<div data-type="label"
     data-device="OutTemp"
     data-limits='[-73,10,23]' 
     data-limits-get="Dummy1:Vergleich"
     data-limits='[0,1]'
     data-colors='["#6699FF","#AA6900"]'     class="cell big">
</div>

Im data-limits

[stenny]

Alle Werte die ich dazu nutze sind readings, von von verschiedenen Geräten.

Super.... Funktioniert

[harry66]

Hallo noch mal 

folgender code zeigt plötzlich(nach update) keine werte (Rufnummer oder Namen) mehr an? Die symbole für die Rufrichtung werden noch angezeigt. Die Readings sind auch vorhanden.

Code Auswählen Erweitern

<header>ANRUFE</header>

<table border="0px" width="100%"  class="top-space">
        <tr >
            <td class="RandUnten">
                <div type="label" device="myTM" data-get="C0" class=""></div>
           
                <div type="label" device="myTM"  data-get="D0" class=""></div>
            </td>
            <td class="RandUnten">
                <div type="label" device="myTM" data-get="B0" class=""></div>           
            </td>    
            <td class="RandUnten"><div type="label" device="myTM" data-get="E0"  class=""></div></td>
            <td class="RandUnten">
    <div data-type="symbol" data-device="myTM"
                        data-get="A0"
                        data-icons='["fa-phone","fa-phone","fa-phone","fa-phone"]'
                        data-get-on='["incoming","outgoing","incoming_noconnect","outgoing_noconnect"]'
                        data-on-colors='["green","green","red","red"]'
></div>
                    </div>
                    <div data-type="symbol" data-device="myTM"
                        data-get="A0"
                        data-icons='["fa-arrow-circle-left","fa-arrow-circle-right","fa-arrow-circle-left","fa-arrow-circle-right"]'
                        data-get-on='["incoming","outgoing","incoming_noconnect","outgoing_noconnect"]'
                        data-on-colors='["green","green","red","red"]'
                        >
                   </div>
            </td>
       </tr>

<tr>


Gruß Rolf

[adb76]

Hallo noch mal 

folgender code zeigt plötzlich(nach update) keine werte (Rufnummer oder Namen) mehr an? Die symbole für die Rufrichtung werden noch angezeigt. Die Readings sind auch vorhanden.

Code Auswählen Erweitern

<header>ANRUFE</header>

<table border="0px" width="100%"  class="top-space">
        <tr >
            <td class="RandUnten">
                <div type="label" device="myTM" data-get="C0" class=""></div>
           
                <div type="label" device="myTM"  data-get="D0" class=""></div>
            </td>
            <td class="RandUnten">
                <div type="label" device="myTM" data-get="B0" class=""></div>           
            </td>    
            <td class="RandUnten"><div type="label" device="myTM" data-get="E0"  class=""></div></td>
            <td class="RandUnten">
    <div data-type="symbol" data-device="myTM"
                        data-get="A0"
                        data-icons='["fa-phone","fa-phone","fa-phone","fa-phone"]'
                        data-get-on='["incoming","outgoing","incoming_noconnect","outgoing_noconnect"]'
                        data-on-colors='["green","green","red","red"]'
></div>
                    </div>
                    <div data-type="symbol" data-device="myTM"
                        data-get="A0"
                        data-icons='["fa-arrow-circle-left","fa-arrow-circle-right","fa-arrow-circle-left","fa-arrow-circle-right"]'
                        data-get-on='["incoming","outgoing","incoming_noconnect","outgoing_noconnect"]'
                        data-on-colors='["green","green","red","red"]'
                        >
                   </div>
            </td>
       </tr>

<tr>


Gruß Rolf

Hallo Rolf, 

hatte nach dem heutigen Update das gleiche Problem. Mach mal aus "type" ein "data-type" und aus "device" ein "data-device" - dann müsste es wieder klappen.

Gruß,

André