Autor Thema: [gelöst]Flexbox Design: Card lift bei Chart  (Gelesen 311 mal)

Offline choetzu

  • Sr. Member
  • ****
  • Beiträge: 807
[gelöst]Flexbox Design: Card lift bei Chart
« 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 ...
« Letzte Änderung: 10 August 2018, 16:33:26 von choetzu »
Interesse an Schweizer Usertreffen? https://forum.fhem.de/index.php/topic,88308.0.html

Raspi3, EnOcean, Zwave, Homematic

Offline SirMarco

  • Full Member
  • ***
  • Beiträge: 104
Antw:[gelöst]Flexbox Design: Card lift bei Chart
« Antwort #1 am: 10 August 2018, 23:40:25 »
Was für BodenfeuchteSensoren nutzt du?  ;D

Offline klausw

  • Developer
  • Hero Member
  • ****
  • Beiträge: 1773
Antw:[gelöst]Flexbox Design: Card lift bei Chart
« Antwort #2 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
RasPi B v2 mit FHEM 18B20 über 1Wire, LED PWM Treiber über I2C, Luchtdruck-, Feuchtesensor und ein paar Schalter/LED\'s zum testen
Module: RPI_GPIO, RPII2C, I2C_EEPROM, I2C_MCP23008, I2C_MCP23017, I2C_MCP342x, I2C_PCA9532, I2C_PCF8574, I2C_SHT21, I2C_BME280

Offline setstate

  • Hero Member
  • *****
  • Beiträge: 3759
  • FHEM TabletUI
    • FHEM Tablet UI
Antw:[gelöst]Flexbox Design: Card lift bei Chart
« Antwort #3 am: 08 September 2018, 09:48: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 :-)

 

decade-submarginal