FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: choetzu am 10 August 2018, 16:30:29

Titel: [gelöst]Flexbox Design: Card lift bei Chart
Beitrag von: choetzu am 10 August 2018, 16:30:29
Guten Tag,

ich habe bislang erfolgreich das Flexbox Design angewendet.

https://forum.fhem.de/index.php/topic,76306.0.html

Das hat bis heute auch gut funktioniert. Nun habe ich Charts eingebaut Doch offensichtlich scheint das "card lift" bei charts nicht zu greifen. Es wird untereinander dargestellt. Hmm, weiss jemand wieso?

hier noch den code
<!DOCTYPE html>
<html>
<body>
    <div class="page" id="content_garten">
    <div class="phone-back-btn">
<div data-type="link" data-url="#content_home.html" data-load="#content_home" data-color="white" data-icon="mi-chevron_left" class="large"></div>
</div>
<div class="hbox">
<div class="vbox phone-width">
<div class="card lift">
<header>Garten</header>
<section>
<div data-template="template_garten.html"
data-parameter='{"var_device":"Water_Control","var_reading":"state","var_name":"Bewässerung","var_icon":"mi-local_florist","var_part":"1","var_fix":"0","var_unit":""}'></div>
</section>
<section>
<div data-template="template_garten.html"
data-parameter='{"var_device":"Heidelbeeren_FlowerCare","var_reading":"moisture","var_name":"Heidelbeer Beet","var_icon":"mi-local_florist","var_part":"1","var_fix":"0","var_unit":"%"}'></div>
</section>
<section>
<div data-template="template_garten.html"
data-parameter='{"var_device":"Himbeeren_FlowerCare","var_reading":"moisture","var_name":"Himbeer Beet","var_icon":"mi-local_florist","var_part":"1","var_fix":"0","var_unit":"%"}'></div>
</section>
<section>
<div data-template="template_garten.html"
data-parameter='{"var_device":"Melonen_FlowerCare","var_reading":"moisture","var_name":"Melonen Beet","var_icon":"mi-local_florist","var_part":"1","var_fix":"0","var_unit":"%"}'></div>
</section>
</div
</div>
<div class="vbox phone-width">
<div class="card lift">
<header>Bodenfeuchtigkeit</header>
<section>
<div data-template="template_chart.html"
data-parameter=
'{"var_logdevice":"Garten_Feuchtigkeit",
"var_device1":"Melonen_FlowerCare",
"var_reading1":"moisture",
"var_device2":"Heidelbeeren_FlowerCare",
"var_reading2":"moisture",
"var_device3":"Himbeeren_FlowerCare",
"var_reading3":"moisture",
"var_style1":"ftui l0",
"var_style2":"ftui l1",
"var_style3":"ftui l2",
"var_type1":"lines",
"var_type2":"lines",
"var_type3":"lines",
"var_legend1":"Melonen",
"var_legend2":"Heidelbeeren",
"var_legend3":"Himbeeren",
"var_unit1":"%",
"var_unit2":"%",
"var_day_start":"12H",
"var_day_end":"now",
"var_pos_h":"",
"var_pos_v":"",
"var_height":"250",
"var_width":"350",
"var_valuemin1":"10",
"var_valuemax1":"60",
"var_valuemin2":"10",
"var_valuemax2":"60"}'>
</div>
</section>
</div
</div>
</div>
</div>
</body>

</html>


Lg C


EDIT: gelöst. 2 mal fehlerhafte </div> ... jetzt klappt es ...
Titel: Antw:[gelöst]Flexbox Design: Card lift bei Chart
Beitrag von: SirMarco am 10 August 2018, 23:40:25
Was für BodenfeuchteSensoren nutzt du?  ;D
Titel: Antw:[gelöst]Flexbox Design: Card lift bei Chart
Beitrag von: klausw am 08 September 2018, 00:36:20
Hallo choetzu,

könntest du deine FTUI Konfig komplett posten?
Mich interessiert besonders die Kopfzeile und die Dimmer section  :D

Klaus
Titel: Antw:[gelöst]Flexbox Design: Card lift bei Chart
Beitrag von: setstate am 08 September 2018, 09:48:25
Zitat von: SirMarco am 10 August 2018, 23:40:25
Was für BodenfeuchteSensoren nutzt du?  ;D

Ich wurde zwar nicht gefragt, aber ich habe einen CQRobot Capacitive Analog Soil Moisture Sensor in 10cm Tiefe vergraben

https://www.dfrobot.com/wiki/index.php/Capacitive_Soil_Moisture_Sensor_SKU:SEN0193

https://www.amazon.de/CQRobot-Capacitive-Moisture-Arduino-Compatible/dp/B01E8M3JP8

Das Teil habe ich dann in eine HT Muffen DN 32 + 2x HT Muffenstopfen mit Aquariumsilikon eingeklebt, nur die Messspitze schaut vorne raus.

Die Messspannung  gebe ich per AD I2C Wandler auf den Raspi.

https://www.amazon.de/gp/product/B01JIILEDQ

Im FHEM nutze ich dann das I2C_ADS1115 + I2C_ADS1115_AI Modul dafür. Man muss dann einmal die Spannung an der Luft und einmal in Wasser getaucht aufnehmen, damit man die nötigen Zahlen für die Feuchte-Berechnung (Dreisatz) hat.

Per AT prüfe ich dann ob immer nachts um 3 Uhr, ob es nötig ist, den Rasen zu bewässern.
Nur aller drei Tage, wenn die Bodenfeuchte eine Schwellwert unterschritten hat und auch keine Regen angesagt ist


*03:00 {
  my $forecast=ReadingsVal("AgroWeather","fc0_rain",0);
  my $feuchte=ReadingsVal("Bodenfeuchte","Feuchte",0);
  my $age=ReadingsAge('Bodenfeuchte', 'lastSprinkle', 0) / 86400;
  if ($feuchte < 35 && $age > 2 && $forecast < 1) {
    runSprinkle();
  }
}


Funktioniert prima. Unser Rasen hat die Dürre der letzten drei Monate ohne Probleme überlebt und sieht aktuell überall saftig grün aus :-)