Autor Thema: Abfallsteuerung: funktionierendes Beispiel für Anfänger  (Gelesen 6489 mal)

Offline Kusselin

  • Sr. Member
  • ****
  • Beiträge: 812
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #30 am: 09 Juni 2017, 22:02:05 »
Hi Standaduser,

wenn ich meinen Code nun so ändere für die Braune Tonne:
<div class="inline">
                           <div data-type="symbol"
                                  data-device="MuellterminDummy"
                                  data-get="BioTonne"
                                  data-icons='["fa-dustbin warn fa-spin","fa-dustbin warn"]'
                                  data-on-colors='["SaddleBrown","SaddleBrown"]'
                                  data-get-on='["0","2"]'
                                  class="bigger inline" >
                           </div>
                                  <div data-type="label"
                                          class="">Biomüll</div>

dann wird gar nix mehr angezeigt :(

Gruss
hm-mod-rpi-pcb, CUL433, HM,

Offline MKeY

  • Jr. Member
  • **
  • Beiträge: 85
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #31 am: 10 Juni 2017, 10:56:38 »
die standard Icons von FHEM sind mit dem kürzel fs- fs-dustbin
Wer Fehler findet, darf sie behalten!

Offline Kusselin

  • Sr. Member
  • ****
  • Beiträge: 812
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #32 am: 12 Juni 2017, 22:34:10 »
Hallo,
anstatt fa...das fs- genommen und jetzt wird auch die Tonne angezeigt ;)

Gruss
hm-mod-rpi-pcb, CUL433, HM,

Offline ChrisW

  • Hero Member
  • *****
  • Beiträge: 1823
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #33 am: 13 September 2017, 22:33:06 »
also bei mir wird nur die Aktuellste Tonne angezeigt. Auch das Datum / Heute/Morgen ist viel zu groß Formatiert.
Ein Popup geht auch nicht auf. Es wird grau aber es geht nichts auf ..
Raspberry PI3 mit allem möglichen.

Offline ChrisW

  • Hero Member
  • *****
  • Beiträge: 1823
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #34 am: 14 September 2017, 09:45:48 »
Hier mal der code aus der index
<li data-row="3" data-col="8" data-sizex="2" data-sizey="2">
     <header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
<div data-type="symbol"
data-device="myAbfall"
                     data-get="ftui_next"
                     data-get-on='["Abfall_Biomuell_0","Abfall_Biomuell_1","Abfall_Biomuell_.*","Abfall_GelberSack_0","Abfall_GelberSack_1","Abfall_GelberSack_.*","Abfall_Altpapier_0","Abfall_Altpapier_1","Abfall_Altpapier_.*","Abfall_Restmuell_0","Abfall_Restmuell_1","Abfall_Restmuell_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-on-colors='["#32a054","#32a054","#32a054","#E6E600","#E6E600","#E6E600","#6699FF","#6699FF","#6699FF","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'
                     />             
                <div data-device="myAbfall" data-get="ftui_datum" data-type="label" class="darker"/>   
                <div data-device="myAbfall" data-get="next_text" data-type="label" class="darker"/> 
                <div class="dialog"> 
                    <header>Abfall</header>
    <div class="cell">
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_GelberSack_tage' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_GelberSack_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_GelberSack_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Biomuell_tage' data-off-color="#32a054" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["#32a054","#32a054","#32a054"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Biomuell_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Biomuell_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Biomüll</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Altpapier_tage' data-off-color="#6699FF" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["#6699FF","#6699FF","#6699FF"]' class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Altpapier_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Altpapier_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Altpapier</div>
</div>

<div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myAbfall" data-get='Abfall_Restmuell_tage' data-off-color="grey" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-dustbin warn","fs-dustbin warn blink","fs-dustbin warn"]' data-on-colors='["gray","gray","gray"]'   class="bigger"></div>
    <div data-device="myAbfall" data-get="Abfall_Restmuell_wochentag" data-type="label" class="darker"/>               
                <div data-device="myAbfall" data-get="Abfall_Restmuell_datum" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Restmüll</div>   
    </div>
   
    </div>
   
    <div class="cell">
    <div data-type="label" class="bold big top-space">Öffnungszeiten Wertstoffhof</div>
    <div data-type="label" class="normal top-space">Sperrmüll, Elektroaltgeräte, Elektroschrott</div>
   
    <div class="col-1-2 top-space">
    <div data-type="label" class="normal left-align">Recyclinghof Detmold AGA gGmbH</div>
    <div data-type="label" class="normal left-align">Orbker Straße 75</div>
    <div data-type="label" class="normal left-align">32758 Detmold</div>
    </div>
   
    <div class="col-1-2 top-space">
    <div class="col-1-2">
    <div data-type="label" class="normal left-align">Mo., Di., Mi., Fr.:</div>
    <div data-type="label" class="normal left-align">Do.:</div>
    <div data-type="label" class="normal left-align">Sa.:</div>
    </div>
   
    <div class="col-1-2">
    <div data-type="label" class="normal left-align">8:00 - 16:30 Uhr</div>
    <div data-type="label" class="normal left-align">8:00 - 18:00 Uhr</div>
    <div data-type="label" class="normal left-align">8:00 - 12:00 Uhr</div>
    </div>
    </div>
    </div>

       
                </div>
               </div>
 
</li>
Raspberry PI3 mit allem möglichen.

Offline Ulm32b

  • Full Member
  • ***
  • Beiträge: 295
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #35 am: 13 Januar 2018, 17:50:13 »
Für die FTUI-Visualisierung des Abfallmoduls habe ich, basierend auf fs-dustbin, Icons mit und ohne Recyclingsymbol erstellt. Zusätzlich ein Icon für Gartenabfälle, die zum Häckselplatz gebracht werden. Wer mag, kann die svg-Dateien (Anhang) mittels IcoMoon-App für sich nutzbar machen.

Offline tj23

  • New Member
  • *
  • Beiträge: 9
Antw:Abfallsteuerung: funktionierendes Beispiel für Anfänger
« Antwort #36 am: 16 August 2018, 10:38:40 »
Hallo ich habe das Problem, dass die Anzeige im FTUI falsch dargestellt werdn, die Tonnen erscheinen nicht. Kann mir bitte jemand weiterhelfen. Hier die Readings etc. und Ausschnitt aus der html

Internals:
   CFGFN     
   DEF        AbfallGoogleCalender 3600
   KALENDER   AbfallGoogleCalender
   NAME       myABFALL
   NOTIFYDEV  AbfallGoogleCalender
   NR         2068
   NTFY_ORDER 50-myABFALL
   STATE      6
   TYPE       ABFALL
   OLDREADINGS:
   READINGS:
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_date 07.09.2018
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_days 22
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_location 54427 Kell am See
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_text A.R.T. Abfuhrtermin: Altpapier & Gelber Sack
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_uid art_gelbblau_1_20180907arttrierde
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_weekday Freitag
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_date 22.08.2018
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_days 6
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_location 54427 Kell am See
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_text A.R.T. Abfuhrtermin: Restmüll
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_uid art_restmuell_2_20180822arttrierde
     2018-08-16 10:06:10   AbfallGoogleCalender_ARTAbfuhrterminRestmuell_weekday Mittwoch
     2018-08-16 10:06:10   ftui_datum      22.08.2018
     2018-08-16 10:06:10   ftui_next       AbfallGoogleCalender_ARTAbfuhrterminRestmuell_6
     2018-08-16 10:06:10   next            AbfallGoogleCalender_ARTAbfuhrterminRestmuell_6
     2018-08-16 10:06:10   next_date       22.08.2018
     2018-08-16 10:06:10   next_days       6
     2018-08-16 10:06:10   next_description Der Abfall wird im Laufe des Tages abgeholt.
     2018-08-16 10:06:10   next_location   54427 Kell am See
     2018-08-16 10:06:10   next_text       A.R.T. Abfuhrtermin: Restmüll
     2018-08-16 10:06:10   next_weekday    Mittwoch
     2018-08-16 10:06:10   state           6
Attributes:
   userReadings ftui_datum {ReadingsVal("myABFALL","now_text","") eq "" ? datumHeuteMorgen(ReadingsVal("myABFALL","next_date","")) : "heute";},ftui_next {ReadingsVal("myABFALL","now_text","") eq "" ? ReadingsVal("myABFALL","next","") : ReadingsVal("myABFALL","now","")."_0";}/code]


[code]<li data-row="3" data-col="6" data-sizex="3" data-sizey="3">
 <header><div data-type="label" class="medium orange">Abfall</div></header>
       
             <div data-type="popup" data-draggable="false" data-height="350px" data-width="550px">
             
             
             
             
             
<div data-type="symbol"
data-device="myABFALL"
                     data-get="ftui_next"
                     data-get-on='["AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_0$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_1$","AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_.*","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_0$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_1$","AbfallGoogleCalender_ARTAbfuhrterminRestmuell_.*"]'
                     data-get-warn=".*([0|1|2]).*"
                     data-on-colors='["#E6E600","#E6E600","#E6E600","gray","gray","gray"]'
                     class="large warn narrow"
                     data-icons='["fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o","fa-trash-o fa-spin","fa-trash-o blink","fa-trash-o"]'
                     />             
                <div data-device="myABFALL" data-get="ftui_datum" data-type="label" class="darker"/>   
                <div data-device="myABFALL" data-get="next_text" data-type="label" class="darker"/> 
                <div class="dialog"> 
                    <header>Abfall</header>
    <div class="cell">
    <div class="inline">
<div data-type="symbol"  data-off-background-color="#7A7A7A" data-on-background-color="#7A7A7A" data-device="myABFALL" data-get='AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_days' data-off-color="#E6E600" data-get-on='["off","^[01]$","^[1-9][0-9]|[2-9]$"]' data-icons='["fs-bag warn","fs-bag warn blink","fs-bag warn"]' data-on-colors='["#E6E600","#E6E600","#E6E600"]' class="bigger"></div>
    <div data-device="myABFALL" data-get="AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_weekday" data-type="label" class="darker"/>               
                <div data-device="myABFALL" data-get="AbfallGoogleCalender_ARTAbfuhrterminAltpapierGelberSack_date" data-type="label" class="darker"/>
                <div data-type="label" class="darker">Gelber Sack</div>
</div>
/code]