Spritpreise in TabletUI

pacific · 06 Juni 2019, 14:50:05

Hallo,
nachdem ich versucht habe die Spritpreise in mein TabletUI zu bekommen, habe ich festgestellt, dass ich die Daten zwar in der readinggroup
sehe aber einfach nicht auf dem Tabletui.
Ich habe mal die Sachen zusammengefasst. Ich habe noch andere Tankstellen in anderen readinggroups, aber die unterscheiden sich lediglich
durch die Tankstellennummer und dem readinggroup Namen.

##### Spritpreise

define Shell HTTPMOD http://www.clever-tanken.de/tankstelle_details/45423 600
attr Shell enableControlSet 1
attr Shell reading01Name Diesel
attr Shell reading01Regex "price-type-name">Diesel<[\d\D]{600,900}"current-price-.">(\d.\d\d)
attr Shell reading02Name SuperE5
attr Shell reading02Regex "price-type-name">Super E5<[\d\D]{600,900}"current-price-.">(\d.\d\d)
attr Shell reading03Name SuperE10
attr Shell reading03Regex "price-type-name">Super E10<[\d\D]{600,900}"current-price-.">(\d.\d\d)
attr Shell reading04Name SuperPlus
attr Shell reading04Regex "price-type-name">Shell.V-Power.Racing<[\d\D]{600,900}"current-price-.">(\d.\d\d)
attr Shell stateFormat E5: SuperE5, E10: SuperE10, D: Diesel, SP: SuperPlus
attr Shell timeout 5

attr spritpreise_shell valueFormat {'%.2f €'}

define doif_spritpreise DOIF ([:10]) (get spritpreise_rwg SuperE5, spritpreise_rwg SuperPlus, get spritpreise_rwg Autogas, get spritpreise_hem SuperE5, get spritpreise_hem SuperPlus, get spritpreise_aral SuperE5, get spritpreise_aral SuperPlus, get spritpreise_esso SuperE5, get spritpreise_esso SuperPlus, get spritpreise_shell SuperE5, spritpreise_shell SuperE5, get spritpreise_shell Autogas)
attr doif_spritpreise do always
attr doif_spritpreise group Informationen
attr doif_spritpreise room Status

vom Tabletui:

<li data-row="2" data-col="4" data-sizex="4" data-sizey="2" style="background:#333333;">
           <header>Spritpreise</header>

<table>
<tr>
<th><font color="#6E6E6E">Tankstelle</font><br></th>
<th><font color="#6E6E6E">Diesel</font></th>
<th><font color="#6E6E6E">Super</font></th>
<th><font color="#6E6E6E">E10</font></th>
<th><font color="#6E6E6E">SuperPlus</font></th>
<th><font color="#6E6E6E">Autogas</font></th>

</tr>
<tr>
<td><font color="#FFFFFF"><b>RWG</b></font></td>
<td><div data-type="label" data-device="spritpreise_rwg" data-get="RWG.Diesel" data-limits='[1.10,1.20,1.30]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td><div data-type="label" data-device="spritpreise_rwg" data-get="RWG.SuperE5" data-limits='[1.20,1.30,1.40]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td><div data-type="label" data-device="spritpreise_rwg" data-get="RWG.SuperE10" data-limits='[1.20,1.30,1.40]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>HEM</b></font></td>
<td><div data-type="label" data-device="spritpreise_hem" data-get="Diesel" data-get="Diesel" data-limits='[1.10,1.20,1.30]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td><div data-type="label" data-device="spritpreise_hem" data-get="SuperE5" ddata-limits='[1.20,1.30,1.40]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td><div data-type="label" data-device="spritpreise_hem" data-get="SuperE10" data-limits='[1.20,1.30,1.40]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td></td>
</tr>
<tr>
<td><font color="#FFFFFF"><b>Esso</b></font></td>
<td><div data-type="label" data-device="spritpreise_esso" data-get="Esso.Diesel" data-get="Diesel" data-limits='[1.10,1.20,1.30]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></td>
<td><div data-type="label" data-device="spritpreise_esso" data-get="Esso.SuperE5" data-limits='[1.20,1.30,1.40]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td><div data-type="label" data-device="spritpreise_esso" data-get="Esso.SuperE10" ddata-limits='[1.20,1.30,1.40]' data-colors='["Green","Orange","Red"]' data-unit="€" class="big"></div></td>
<td></td>
</tr>
</table>
</li>

Vielleicht hat ja jemand eine Idee, was ich vergessen habe. Es kommt nichts in der Tabelle an.

Grüße

)

eki · 06 Juni 2019, 15:47:30

Man kann ja readings groups direkt in FTUI einbauen https://wiki.fhem.de/wiki/FTUI_Widget_Readingsgroup.

Ich habe bei mir ein eigenes Setup (einfach Zeilen und Spalten mit den Readings) sieht folgendermaßen aus (Anhang).

Eine Zeile ist so definiert:

Code Auswählen


<div class="row-15 vertical_centered">
	<div class="col" style="width: 30%;">
		<div class="darker" data-type="joinedlabel" data-getpref="0" data-cfg-device="0" data-get='["place","street"]'></div>
	</div><div class="col" style="width: 20%;">
		<div class="darker stations" data-classes='["RAN","ARAL","ESSO","Shell","TOTAL","AVIA","JET","Agip","OMV","HEM","BFT"]' data-cfg-device="0" data-limits='["RAN","ARAL","ESSO","Shell","TOTAL","AVIA","JET","Agip","OMV","HEM","BFT"]' data-type="label" data-limits-get="brand" data-getpref="0">&nbsp</div>
	</div><div class="col" style="width: 15%;">
		<div class="darker" data-type="label" data-unit="€" data-getpref="0" data-cfg-device="0" data-get="e5_price"></div>
		<div class="darker station_trends" data-classes='["fällt","steigt"]' data-limits='["fällt","steigt"]' data-limits-get="e5_trend" data-type="label" data-getpref="0" data-cfg-device="0">&nbsp</div>
	</div><div class="col" style="width: 15%;">
		<div class="darker" data-type="label" data-unit="€" data-getpref="0" data-cfg-device="0" data-get="e10_price"></div>
		<div class="darker station_trends" data-classes='["fällt","steigt"]' data-limits='["fällt","steigt"]' data-limits-get="e10_trend" data-type="label" data-getpref="0" data-cfg-device="0">&nbsp</div>
	</div><div class="col" style="width: 15%;">
		<div class="darker" data-type="label" data-unit="€" data-getpref="0" data-cfg-device="0" data-get="diesel_price"></div>
		<div class="darker station_trends" data-classes='["fällt","steigt"]' data-limits='["fällt","steigt"]' data-limits-get="diesel_trend" data-type="label" data-getpref="0" data-cfg-device="0">&nbsp</div></div>
</div>

Um die Bilder und die Pfeile rein zu bekommen, muss man noch die images besorgen und folgende Einträge im fhem-tablet-ui-user.css machen:

Code Auswählen


.station_trends {
	height: 50%;
	font-size: 0;
	background-image: url(../trends_DEFAULT.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: scale(0.6);	
}
.station_trends.steigt {
	background-image: url(../trends_STEIGT.png);
}
.station_trends.fällt {
	background-image: url(../trends_FAELLT.png);
}
.stations {
	height: 50%;
	font-size: 0;
	background-image: url(../stations_DEFAULT.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: scale(1.25);
}
.stations.ARAL {
	background-image: url(../stations_ARAL.png);
}
.stations.RAN {
	background-image: url(../stations_RAN.png);
}
.stations.ESSO {
	background-image: url(../stations_ESSO.png);
}
.stations.Shell {
	background-image: url(../stations_SHELL.png);
}
.stations.TOTAL {
	background-image: url(../stations_TOTAL.png);
}
.stations.Agip {
	background-image: url(../stations_AGIP.png);
}
.stations.HEM {
	background-image: url(../stations_HEM.png);
}
.stations.JET {
	background-image: url(../stations_JET.png);
}
.stations.OMV {
	background-image: url(../stations_OMV.png);
}
.stations.BFT {
	background-image: url(../stations_BFT.png);
}

pacific · 07 Juni 2019, 11:27:12

Hallo, ich habe es versucht, jedoch sieht es bei mir echt nicht gut aus.
Wie hast du die Readings in der fhem.cfg aufgestellt?

eki · 07 Juni 2019, 21:03:57

Hier ein Listing der Definition.

Code Auswählen


Internals:
   DEF        Tankerkoenig 1d32426d-06c3-0806-eb1a-d6c2187464bf
   FUUID      5c7d9972-f33f-e3e4-31a2-d9dccee275112e02
   NAME       Benzinpreise
   NR         355
   NTFY_ORDER 50-Benzinpreise
   STATE      ???
   TYPE       Spritpreis
   READINGS:
     2018-08-01 20:09:17   0_brand         RAN
     2019-06-07 20:56:42   0_diesel_price  1.219
     2019-06-07 20:11:42   0_diesel_trend  fällt
     2019-06-07 20:56:42   0_e10_price     1.439
     2019-06-07 20:11:42   0_e10_trend     fällt
     2019-06-07 20:56:42   0_e5_price      1.459
     2019-06-07 20:11:42   0_e5_trend      fällt
     2018-08-01 20:09:17   0_id            f56514c7-2dc9-46b7-ae45-4b812022a43f
     2019-06-07 20:56:42   0_isOpen        open
     2018-08-01 20:09:17   0_lat           48.8232
     2018-08-01 20:09:17   0_lon           9.07131
     2018-08-01 20:09:17   0_name          RAN Station
     2018-08-01 20:09:17   0_place         Ditzingen
     2018-08-01 20:09:17   0_street        Siemensstr. 8
     2018-08-01 20:09:17   1_brand         ARAL
     2019-06-07 20:56:42   1_diesel_price  1.259
     2019-06-07 19:26:42   1_diesel_trend  fällt
     2019-06-07 20:56:42   1_e10_price     1.479
     2019-06-07 20:11:42   1_e10_trend     fällt
     2019-06-07 20:56:42   1_e5_price      1.499
     2019-06-07 20:11:42   1_e5_trend      fällt
     2018-08-01 20:09:17   1_id            3b69106c-b50c-497d-95e7-0685746f7e0d
     2019-06-07 20:56:42   1_isOpen        open
     2018-08-01 20:09:17   1_lat           48.8229027
     2018-08-01 20:09:17   1_lon           9.069422
     2018-08-01 20:09:17   1_name          Aral Tankstelle
     2018-08-01 20:09:17   1_place         Ditzingen
     2018-08-01 20:09:17   1_street        Siemensstra�e 21
     2018-08-01 20:09:17   2_brand         Supermarkt-Tankstelle
     2019-06-07 20:56:42   2_diesel_price  1.229
     2019-06-07 20:26:42   2_diesel_trend  fällt
     2019-06-07 20:56:42   2_e10_price     1.439
     2019-06-07 16:26:42   2_e10_trend     steigt
     2019-06-07 20:56:42   2_e5_price      1.459
     2019-06-07 16:26:42   2_e5_trend      steigt
     2018-08-01 20:09:17   2_id            51d4b5fa-a095-1aa0-e100-80009459e03a
     2019-06-07 20:56:42   2_isOpen        open
     2018-08-01 20:09:17   2_lat           48.8276
     2018-08-01 20:09:17   2_lon           9.10877
     2018-08-01 20:09:17   2_name          Supermarkt-Tankstelle KORNTAL-MUENCHINGEN MOTORSTR. 16-18
     2018-08-01 20:09:17   2_place         KORNTAL-MUENCHINGEN
     2018-08-01 20:09:17   2_street        MOTORSTR. 16-18
     2017-08-10 15:51:42   3_brand         Supermarkt-Tankstelle am real,- Markt
     2019-06-07 20:26:42   3_diesel_price  1.209
     2019-06-07 18:41:42   3_diesel_trend  fällt
     2019-06-07 20:26:42   3_e10_price     1.429
     2019-06-07 20:26:42   3_e10_trend     fällt
     2019-06-07 20:26:42   3_e5_price      1.449
     2019-06-07 20:26:42   3_e5_trend      fällt
     2017-08-10 15:51:42   3_id            51d4b4c1-a095-1aa0-e100-80009459e03a
     2019-06-07 20:56:42   3_isOpen        closed
     2017-08-10 15:51:42   3_lat           48.8046
     2017-08-10 15:51:42   3_lon           9.07465
     2017-08-10 15:51:42   3_name          Supermarkt-Tankstelle am real,- Markt GERLINGEN WEILIMDORFER STR. 91
     2017-08-10 16:06:04   3_place         Gerlingen
     2017-08-10 16:06:33   3_street        real
     2017-08-10 15:52:22   4_brand         RAN
     2019-06-07 20:56:42   4_diesel_price  1.219
     2019-06-07 19:26:42   4_diesel_trend  fällt
     2019-06-07 20:56:42   4_e10_price     1.439
     2019-06-07 18:41:42   4_e10_trend     fällt
     2019-06-07 20:56:42   4_e5_price      1.459
     2019-06-07 18:41:42   4_e5_trend      fällt
     2017-08-10 15:52:22   4_id            95aa8396-f1a0-4bb9-9adf-4bde44c6314f
     2019-06-07 20:56:42   4_isOpen        open
     2017-08-10 15:52:22   4_lat           48.7962
     2017-08-10 15:52:22   4_lon           9.00364
     2017-08-10 15:52:22   4_name          RAN-Tankstelle
     2017-08-10 15:52:22   4_place         Leonberg
     2017-08-10 15:52:22   4_street        Poststr. 65
     2018-08-01 20:09:17   5_street        
   helper

FHEM Forum

Spritpreise in TabletUI

pacific

eki

pacific

eki