[FHEM-Tablet-UI] User-Demos

Begonnen von Phil__, 21 Mai 2015, 08:10:10

Vorheriges Thema - Nächstes Thema

MrFisch

Zitat von: bjoernbo am 08 Dezember 2016, 06:23:43
Hey Mr.Fish!
Kannst Du mir deinen Code für "es läuft" zur Verfügung stellen?

Wie hast Du die Empfangsqualität abgefragt? Welchen SAT Receiver verwendest du?

Danke.

Ja klar. Ich verwende einen Yamaha-AV-Reciever. Der bietet die Information in den Readings.
Der Code dazu:

Zitat

    <section>
        <header class="large">Es läuft</header>
     
                <div class="col-1-1"> 
                    <div data-type="label"
                                    data-device="EGWohnAVReciever_Zone2"
                                    data-get="currentStation"
                        class="large bottom inline thin">
                               </div>
              </div>
       
        <div class="newline"></div>
       
                   <div class="col-1-1"> 
                       <div data-type="label"
                                             data-device="EGWohnAVReciever_Zone2"
                                             data-get="currentTitle"
                           class="bottom inline thin">
                                       </div>
            </div>
    </section>


Ähnlich ist es mit der Empfangsqualität. Ich habe eine GigaBlue Quad Plus. Dort bekomme ich über
die Readings und das Plugin "Satfinder" in der GigaBlue die aktuelle Empfangsstärke des aktuell laufenden Senders.

Zitat

<section>

                 <!-- Aufnahmen -->

    <div class="col-1-4">
      <div data-type="popup" data-height="250px" data-width="300px" class="bottom inline" data-mode="fade">               
         <div data-type="symbol"
            data-icon="oa-time_calendar"
            class="bottom inline">
         </div>
            <div data-type="label" class="bottom thin">Aufnahmen</div>
           
            <div class="dialog">         
      <div class="centered">   
      <div class="big center top-space">Aufnahme-Info</div><br>
         <div class="center">
                        <div data-type="label" class="cell">
         <div data-type="label" class="inline cell">Nächste Aufnahme:
                            <div class="newline"></div>
            <div data-type="label"
               data-device="GigaBlue"
               data-get="recordings_next_name"
               class="large inline cell">
            </div>
                        </div> 
                    </div>
                </div> 
            </div>
                     <div class="col-1-1">
                        <div data-type="label"
            data-device="GigaBlue"
            data-get="recordings_next_servicename"
            class="bottom inline">
         </div>
                <div data-type="label"
         data-device="GigaBlue"
         data-get="recordings_next_hr"
         class="bottom inline">
      </div>
               </div>
             </div>     
        </div> 
    </div>
   
                   <!-- Empfang-Infos -->

    <div class="col-1-4">
      <div data-type="popup" data-height="200px" data-width="280px" class="bottom inline" data-mode="fade">               
         <div data-type="symbol"
            data-icon="oa-it_satellite_dish"
            class="bottom inline">
         </div>
            <div data-type="label" class="bottom thin">Empfang</div>
           
    <div class="dialog">         
   <div class="centered">   
      <div class="big center top-space">Empfang-Info</div><br>
         <div class="center">
                          <div data-type="label" class="cell">
             <div data-type="label" class="inline cell">Empangsstärke:
            <div data-type="label"
               data-device="GigaBlue"
               data-get="snr"
                                         data-unit=" %"
                class="big">
            </div>
                        </div> 
                    </div>
                </div> 
            </div>
               
                       <div class="col-1-1">
                             <div data-type="label"
                 data-device="GigaBlue"
                 data-get="servicename"
                 class="bottom inline">
             </div>
                         <div data-type="label"
             data-device="GigaBlue"
             data-get="snrdb"
                                 data-unit=" dB"
             class="bottom inline">
         </div>
                      </div>
                    </div>     
                </div>     
          </div>
   
   
</section>           


meddie

Hallo Björn,

ich nurze das Modul Presence nicht, sonder das Roommate Modul und habe den Code wie folgt für mich angepasst:


define AnzahlAnwesende dummy
attr AnzahlAnwesende readingList Zaehler
attr AnzahlAnwesende setList state Zaehler
attr AnzahlAnwesende userReadings Zaehler
define nt_AnzahlAnwesende notify (rr_Mate1|rr_Mate2|rr_Mate3|rr_Mate4) {\ my $bisherigeAnwesende = ReadingsVal("AnzahlAnwesende",$NAME,0);;\ my $Wert=ReadingsVal("AnzahlAnwesende","Zaehler",0);;\ if($EVENT eq "home" && $bisherigeAnwesende ne "home")\ {$Wert = $Wert+1;;\ fhem("setreading AnzahlAnwesende Zaehler $Wert");;\ fhem("setreading AnzahlAnwesende $NAME home");;\ fhem("set AnzahlAnwesende $Wert");;\ } \ elsif($EVENT eq "absent" && $bisherigeAnwesende ne "absent") \ {$Wert = $Wert-1;;\ fhem("setreading AnzahlAnwesende Zaehler $Wert");;\ fhem("set AnzahlAnwesende $Wert");;\ fhem("setreading AnzahlAnwesende $NAME absent");;\ }\ }


Leider wird der Zähler nicht erhört. Ich habe aber, damit ich diesen Thread nicht zu sehr Off Topic belaste, einen eigenen Thread unter Anfängerfragen index.php/topic,62160.0.html aufgemacht

Vielen dank für das Teilen.
Gruß Eddie

dadoc

Zitat von: Garbsen am 08 Dezember 2016, 09:36:35
Wie geht das?
Ohne zu wissen, wie Du Deine Seiten genau angelegt hast, ist das schwer zu erraten ;)
Bei mir jedenfalls öffnen alle Seiten in der WebApp auch in selbiger, niemals in Safari. Allerdings nutze ich PageTab, nicht PageButton.
Grüße
Martin
Standort 1: FS20 mit CUL und FHEM auf Raspi. HM-Komponenten (Heizung, Rollladen, Schalter). HM IP über Raspimatic (testweise)
Standort 2: Homematic (Wired) über CCU2 und PocketHome HD
3 x Raspi3 mit piCorePlayer/Kodi für Multiroom Audio (+ Tablets/iPeng/iPods

bjoernbo

Ich hätte da mal eine Frage zum widget "checkbox":

Ich habe für eine Gerät eine Zeitschaltung hinterlegt.
Diese kennt den Status"inactive" sowie "Next: 16:30:00". Wie muss das array aussehen, sodass ich nicht "Next: 16:30:00" fest hinterlegen muss?

Mit  '["!inactive","inactive"]' hat es leider nicht geklappt auch mit * funktioniert es leider nicht.

Zitat<div data-type="checkbox"
                 data-device="abends_Stern_an"
                 data-get="state"
                 data-background-color-off="grey"
                 data-background-color-on="grey"
                 data-states='["*","inactive"]'
                 data-get-on="active"
                 data-get-off="inactive"
                 data-on-color="green"
                 data-off-color="red"
                 class="small"></div>
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

setstate

ich habe es so gelöst:

            <div data-type="checkbox" data-device='BeforeGettingUp'
               data-get-on="!off" data-get-off="inactive"
               data-set-on="active" data-set-off="inactive"
               class="col-1-6"></div>

bjoernbo

SUPER DANKE! Das war's, setstate !

Zitat<div data-type="checkbox"
                 data-device="abends_Stern_an"
                 data-background-color-off="grey"
                 data-background-color-on="grey"
                 data-on-color="green"
                 data-off-color="red"
                 data-get-on="!off" data-get-off="inactive"
                 data-set-on="active" data-set-off="inactive"
                 class="small"></div>
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

lewej

Hi Mr Fisch,

könntest du uns alle deine Html Files zu Verfügung stellen, die APP sieht super aus.

gruss

chris1284

Zitat von: lewej am 08 Dezember 2016, 19:23:07
Hi Mr Fisch,

könntest du uns alle deine Html Files zu Verfügung stellen, die APP sieht super aus.

gruss

dito, mich würde code der menueleiste interessieren

MrFisch

Zitat von: chris1284 am 08 Dezember 2016, 22:29:54
dito, mich würde code der menueleiste interessieren

Ich werde am Wochenende meine Codes hochladen. Bin gerade beruflich noch unterwegs! Momentan verbringe ich noch sehr viel Arbeit in den Codes.
Ich werde in nächster Zeit öfters updates (wenn gewünscht) der codes bereitstellen.

bjoernbo

#609
Man müsste mal überlegen ob und wie man eine art Galerie erstellen könnten. Darin sollte jeder sein FTUI mit entsprechenden Hardcopys und dazugehörigem Code ablegen.

Denn, es ist schwierig auf über 40 Seiten den Überblick zu behalten. Die einen mögen den die ICE-Style die anderen den White oder Black Style. und manch einer hat sogar noch was ganz anderes kreiert.
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

meddie

Hallo Björn,

hast Du deine CSS Files angepasst? Bei mir werden die Container mit den Thermostat, sehr verzehrt, die passen von der Höhe nicht rein und daher wird die ganze Zelle höher als der Rest.

Danke Gruß Eddie

MrFisch

Zitat von: bjoernbo am 09 Dezember 2016, 18:46:37
Man müsste mal überlegen ob und wie man eine art Galerie erstellen könnten. Darin sollte jeder sein FTUI mit entsprechenden Hardcopys und dazugehörigem Code ablegen.

Denn, es ist schwierig auf über 40 Seiten den Überblick zu behalten. Die einen mögen den die ICE-Style die anderen den White oder Black Style. und manch einer hat sogar noch was ganz anderes kreiert.

Super Vorschlag! Wenn sich das umsetzen lässt, wäre es eine super Übersicht für alle die sich ihr FTUI aus den einzelnen Vorlagen zusammbasteln. Hätte mir den Einstieg mit Sicherheit auch erleichtert 😌

bjoernbo

Hey meddie, ja habe ich!

meine gridster-Einstellungen habe ich angepasst in der index.html. Dort findest Du folgenden Eintrag:

Zitat<meta name="widget_base_width" content="118">
    <meta name="widget_base_height" content="124">

Spiele mal mit diesen Werten rum, dann sollte es bald passen ;-)
Raspberry Pi 3 - FB6490C - Synology NAS DS916+ - NETATMO - HUE - SIEMENS G-Tag'S - FTUI - EchoDOT -

sw85

Zitat von: bjoernbo am 09 Dezember 2016, 18:46:37
Man müsste mal überlegen ob und wie man eine art Galerie erstellen könnten. Darin sollte jeder sein FTUI mit entsprechenden Hardcopys und dazugehörigem Code ablegen.

Dazu gibt es doch ein Projekt auf GitHub.: https://github.com/ovibox/fhem-ftui-user-demos
So wie ich das sehe hat sich da nur seit Jahren nichts mehr getan. 
System 1: NUC mit Intel Celeron: Fhem mit Tablet-UI, VPN, Nextcloud und Kodi
System 2: RPI 2 mit DHT22, 433Mhz-Sender und Raspi-Cam
Peripherie: HM-Lan mit Fensterkontakten und Heizkörperthermostaten, HarmonyHub, Altes Tablet als Bildschirm

Masterfunk

Laufende Bilder sagen oft mehr...

Ich habe mal ein Video meiner aktuellen Installation gemacht:

https://youtu.be/E4nZGjGl0lo


Gruß Detlef