[gelöst]Flexbox Design: Card lift bei Chart

choetzu · 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

Code Auswählen

<!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 ...

SirMarco · 10 August 2018, 23:40:25

Was für BodenfeuchteSensoren nutzt du?

klausw · 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

Klaus

setstate · 08 September 2018, 09:48:25

Zitat von: SirMarco am 10 August 2018, 23:40:25
Was für BodenfeuchteSensoren nutzt du?

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

Code Auswählen


*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

FHEM Forum

[gelöst]Flexbox Design: Card lift bei Chart

choetzu

SirMarco

klausw

setstate