FTUI Homestatus - Home kann nicht mehr getätigt werden

no_Legend · 30 Mai 2019, 14:07:28

Hallo Zusammen,

ich hab in meiner Tablet ui die Homestatus definiert.
Haben eigentlich auch immer gut funktioniert.

Nun ist es aber so dass wenn Abwesend "on" ist, ich nicht mehr "Home" drücken kann.
Zusätzlich steht auch in der Mitte des Homestatus eine Zahl, keine Ahnung wo die her kommt.

Heir mal komplett meine Start Seite mit dem Homestatus.

Jemand eine Idee dazu?

Edit: Hab mal das Bild angehängt.
Die Ziffern oder was auch immer ist in der Mitte hinter Home gut erkennbar.

Gruß Robert

Code Auswählen


<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="page" id="1_start-content">
    <div class="gridster">
        <ul>

		    <li data-row="1" data-col="1" data-sizey="3" data-sizex="6">
		    <header>Uhr</header>
			    <div data-type="clock" class="tall inline"></div>
			    <div data-type="clock" data-format="l" class="tall"></div>
			    <div data-type="clock" data-format="Y-m-d" class="big"></div>
		    </li>
		    
		    <li data-row="1" data-col="7" data-sizey="3" data-sizex="14">
		    <header>Wetter Aktuell</header>
		    	<div class="sheet">
		    	     <div class="row">
			    	     <div class="cell">
				    	     <div data-type="weather" data-device="Wetter.Pro" data-get="weatherIcon" data-imageset="meteocons" class="tall weather"></div>
			    	     </div>
			    	     
			    	     <div class="cell">
		                     <div data-type="label" data-device="Netatmo.Outdoor" data-get="temperature" data-unit="°C" class="tall"></div>
		                     <div data-type="label" data-device="Netatmo.Outdoor" data-get="humidity" data-unit="%" class="tall"></div>
		                     <div data-type="label" data-device="Wetter.Pro" data-get="weather" class="normal"> ></div>
			    	     </div>			    	     
			    	     
			    	     <div class="cell">
		                     <div data-type="label" data-device="Wetter.Pro" data-get="fc0_tempMin" data-unit="°C" class="bigger"></div>
		                     <div data-type="label" data-device="Wetter.Pro" data-get="fc0_tempMax" data-unit="°C" class="bigger"></div>

			    	     </div>

			    	     <div class="cell">
		                     <div data-type="label" class="narrow darker">Regen Aktuell</div>
		                     <div data-type="label" data-device="Netatmo.Rain" data-get="rain" data-unit="mm" class="bigger"></div>
		                     <div data-type="label" class="narrow darker">Regen letzte h</div>
		                     <div data-type="label" data-device="Netatmo.Rain" data-get="rain_hour" data-unit="mm" class="bigger"></div>
		                     <div data-type="label" class="narrow darker">Regen Heute</div>
		                     <div data-type="label" data-device="Netatmo.Rain" data-get="rain_day" data-unit="mm" class="bigger"></div>
			    	     </div>
			    	     <div class="cell">
				    	     <div data-type="label" class="narrow darker">Sonnenaufgang</div>
		                     <div data-type="label" data-device="sunRise" data-get="state" class="bigger"></div>
		                     <div data-type="label" class="narrow darker">Sonnenaufgang</div>
		                     <div data-type="label" data-device="sunSet" data-get="state" class="bigger"></div>
		                    
		                    <div data-type="wind_direction" data-device="Wetter.Pro" data-direction="windDir" data-speed="wind" data-calm="~" data-tickstep="22.5" class="mini"></div>
		                    
			    	     </div>
		    	     </div>
		    	</div>
		    </li>
		    
		    <li data-row="5" data-col="1" data-sizex="6" data-sizey="9">
                <header>Home-Status</header>
                    <div class="sheet">
	                    <div class="row">
	                        <div class="cell">
		                        <div data-type="label" class="darker bottom-space">Desiree</div>
	                            <div data-type="homestatus" data-device="rr_Desiree"
		                            data-set-on='["zuhause","schläft","abwesend","verreist"]'  
		                            data-get-on='["zuhause","schläft","abwesend","verreist"]' 
		                            data-alias='["Zuhause","Schlafen","Abwesend","Urlaub"]'></div>

		                        <div data-type="label" class="darker bottom-space">Robert</div>
	                            <div data-type="homestatus" data-device="rr_Robert" 
		                            data-set-on='["zuhause","schläft","abwesend","verreist"]' 
		                            data-get-on='["zuhause","schläft","abwesend","verreist"]' 
		                            data-alias='["Zuhause","Schlafen","Abwesend","Urlaub"]'></div>
	                        </div>
	                    </div>
                	</div>
            </li>
            
		    
		    <li data-row="5" data-col="7" data-sizex="14" data-sizey="6">
                <header>Wetter Details</header>
                <div class="cell" data-type="weatherdetail" data-device="Wetter.Pro" data-detail='["clock","chOfRain","rain","temp","weather","wind"]'></div>
            </li>    
		    
		    
		    <li data-row="10" data-col="7" data-sizex="6" data-sizey="9">
		    <header>HomeConnect</header>
		    	<div class="sheet">
			    	
                    <div class="row">
	                    <div class="col">
							<div data-type="symbol" data-device="WM6YH890" data-get-on="!Idle" data-get-off="Idle" 
							data-icon="oa-scene_washing_machine" data-on-color="#aa6900" data-off-color="#505050" class="tall"></div>
						</div>
						<div class="col">
							<div data-type="label" data-device="WM6YH890" data-hide="state" data-hide-on="Idle" data-hide-off="!Idle" 
							data-get="RemainingProgramTime" data-unit="h" class="bold bigger top-space-3x" data-refresh="300"></div>
							<div data-type="label" data-device="v" data-hide="state" data-hide-on="Idle" data-hide-off="!Idle" 
							data-get="BSH.Common.Option.ProgramProgress" class="bold bigger" data-refresh="300"></div>
						</div>	
					</div>
					
					
					<div class="row">
						<div class="col">
							<div data-type="symbol" data-device="WT7YH780" data-get-on="!Idle" data-get-off="Idle"   
							data-icon="oa-scene_clothes_dryer" data-on-color="#aa6900" data-off-color="#505050" class="tall"></div>
						</div>
						<div class="col">
							
							<div data-type="label" data-device="WT7YH780" data-hide="state" data-hide-on="Idle" data-hide-off="!Idle" 
							data-get="RemainingProgramTime" data-unit="h" class="bold bigger top-space-3x" data-refresh="300"></div>
							<div data-type="label" data-device="WT7YH780" data-hide="state" data-hide-on="Idle" data-hide-off="!Idle" 
							data-get="BSH.Common.Option.ProgramProgress" class="bold bigger" data-refresh="300"></div>
						</div>		
					</div>
					
					
					<div class="row">
						<div class="col">
							<div data-type="symbol" data-device="SX678X36TE" data-get-on="!Idle" data-get-off="Idle"  
							data-icon="oa-scene_dishwasher" data-on-color="#aa6900" data-off-color="#505050" class="tall"></div>
						</div>
						<div class="col">
							<div data-type="label" data-device="SX678X36TE" data-hide="state" data-hide-on="Idle" data-hide-off="!Idle" 
							data-get="RemainingProgramTime" data-unit="h" class="bold bigger top-space-3x" data-refresh="300"></div>
							<div data-type="label" data-device="SX678X36TE" data-hide="state" data-hide-on="Idle" data-hide-off="!Idle" 
							data-get="BSH.Common.Option.ProgramProgress" class="bold bigger" data-refresh="300"></div>
						</div>	
					</div>
					
					
				</div>	
		    </li>	
		    
		    
		    <li data-row="10" data-col="13" data-sizex="8" data-sizey="3">
		    <header>Haustür</header>
		    	<div class="sheet">
                    <div class="row">
	          
                        <div class="cell">
							<div data-type="switch" data-device="1OG.Haustuer.Schloss" data-set-states='["unlock","lock"]' 
							data-states='["unlocked","unlocked (uncertain)","locked"]' data-icons='["fa-lock-open","fa-lock-open","fa-lock"]' 
							data-colors='["Red","Red","Green"]' class="big"></div>
						</div>
						
						<div class="cell">
                            <div data-type="symbol" data-device="1OG.Haustuer.Kontakt" data-states='["opened","closed"]' 
		                    data-icons='["fa-door-open","fa-door-closed"]' data-colors='["Red","Green"]' class="big"></div>
                        </div>
						
					</div>
				</div>	
		    </li>		    

		    <li data-row="19" data-col="13" data-sizex="8" data-sizey="3">
		    <header>Fenster 2OG</header>
		    	<div class="sheet">
                    <div class="row">
						<div class="cell">
                            <div data-type="symbol" data-device="2OG.TV.FENSTER" data-states='["open","closed"]' data-icons='["oa-fts_window_roof_open_2","oa-fts_window_roof"]'  
		                    data-colors='["Red","Green"]' class="bigger"></div>
                        </div>
						<div class="cell">
                            <div data-type="symbol" data-device="2OG.AZ.FENSTER" data-states='["open","closed"]' data-icons='["oa-fts_window_roof_open_2","oa-fts_window_roof"]' 
		                    data-colors='["Red","Green"]' class="bigger"></div>
                        </div>
					</div>
					<div class="row">
						<div class="cell">
							<div data-type="label" class="narrow darker">2OG.TV</div>
						</div>
						<div class="cell">
							<div data-type="label" class="narrow darker">2OG.AZ</div>
						</div>
					</div>					
				</div>	
		    </li>		    

		    <li data-row="22" data-col="13" data-sizey="3" data-sizex="8">
		    <header>Fenster 1OG</header>
		    	<div class="sheet">
                    <div class="row">
						<div class="cell">
                            <div data-type="symbol" data-device="1OG.KZ.FENSTER" data-states='["open","tilted","closed"]' 
	                        data-icons='["oa-fts_window_1w_open","oa-fts_window_1w_tilt","oa-fts_window_1w"]'
		                    data-colors='["Red","Orange","Green"]' class="bigger"></div>
                        </div>
						<div class="cell">
                            <div data-type="symbol" data-device="1OG.SZ.FENSTER" data-states='["open","tilted","closed"]' 
		                    data-icons='["oa-fts_window_1w_open","oa-fts_window_1w_tilt","oa-fts_window_1w"]'
			                data-colors='["Red","Orange","Green"]' class="bigger"></div>
                        </div>
						<div class="cell">
                            <div data-type="symbol" data-device="1OG.KUE.FENSTER" data-states='["open","tilted","closed"]' 
		                    data-icons='["oa-fts_window_1w_open","oa-fts_window_1w_tilt","oa-fts_window_1w"]'
							data-colors='["Red","Orange","Green"]' class="bigger"></div>
                        </div>
                        <div class="cell">
                            <div data-type="symbol" data-device="1OG.BAD.FENSTER" data-states='["open","tilted","closed"]' 
	                        data-icons='["oa-fts_window_1w_open","oa-fts_window_1w_tilt","oa-fts_window_1w"]'
		                    data-colors='["Red","Orange","Green"]' class="bigger"></div>
                        </div>
					</div>
					<div class="row">
						<div class="cell">
							<div data-type="label" class="narrow darker">Kinderzimmer</div>
						</div>
						<div class="cell">
							<div data-type="label" class="narrow darker">Schlafzimmer</div>
						</div>
						<div class="cell">
							<div data-type="label" class="narrow darker">Küche</div>
						</div>
						<div class="cell">
							<div data-type="label" class="narrow darker">Bad</div>
						</div>
					</div>					
				</div>	
		    </li>		
		    


            
            
            <li data-row="22" data-col="1" data-sizex="10" data-sizey="3">
                <header>Müll</header>
				<div class="sheet">
                    <div class="row">
                        <div class="cell">
                            <div data-type="symbol" data-device="ABFALL" data-get="Kalender_Abfall_GrueneTonneplus2-4-Radbehaelter14-taeglich_days" 
	                            data-background-icon="fa-circle" class="bigger" data-states='["0","1","2"]' 
		                        data-icons='["fa-trash warn", "fa-trash warn", "fa-trash warn"]' data-background-colors='["#262626"]' 
	                            data-warn-background-color="#262626" data-color="#2dce55" data-refresh="43200"></div>
                        </div>
                        <div class="cell">
                            <div data-type="symbol" data-device="ABFALL" data-get="Kalender_Abfall_Restmuell2-4-Radbehaelter14-taeglich_days" 
	                            data-background-icon="fa-circle" class="bigger" data-states='["0","1","2"]' 
		                        data-icons='["fa-trash warn", "fa-trash warn", "fa-trash warn"]' data-background-colors='["#262626"]' 
	                            data-warn-background-color="#262626" data-color="#000000" data-refresh="43200"></div>
                        </div>
                        <div class="cell">
                            <div data-type="symbol" data-device="ABFALL" data-get="Kalender_Abfall_Biomuell2-4-Radbehaelter14-taeglich_days" 
                            	data-background-icon="fa-circle" class="bigger" data-states='["0","1","2"]' 
								data-icons='["fa-trash warn", "fa-trash warn", "fa-trash warn"]' data-background-colors='["#262626"]' 
	                            data-warn-background-color="#262626" data-color="#CD853F" data-refresh="43200"></div>
	                    </div>
                        <div class="cell">
                            <div data-type="symbol" data-device="ABFALL" data-get="Kalender_Abfall_Glasbox_days" 
	                            data-background-icon="fa-circle" class="bigger" data-states='["0","1","2"]' 
		                        data-icons='["fa-trash warn", "fa-trash warn", "fa-trash warn"]' data-background-colors='["#262626"]' 
	                            data-warn-background-color="#262626" data-color="#4286f4" data-refresh="43200"></div>
                        </div>

                        
                    </div>
                </div>
            </li>
            
             <li data-row="20" data-col="1" data-sizex="6" data-sizey="3">
                <header>Saugroboter 2OG</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell">
                            <div data-type="label" data-device="staubsauger.hogan" data-get="state" data-refresh="60" data-pre-text="Status: " class="bottom-space darker"></div>
                            <div data-type="push" data-device="staubsauger.hogan" data-get="state" data-get-on="Cleaning" data-get-off="!Cleaning" data-cmd="set" 
	                            data-set-on="start" data-on-color="Orange" data-icon="fa-play" class="inline"></div>
                            <div data-type="push" data-device="staubsauger.hogan" data-get="state" data-get-on="Waiting" data-get-off="!Waiting" data-cmd="set" 
	                            data-set-on="stop" data-on-color="Orange" data-icon="fa-stop" class="inline"></div>
                            <div data-type="push" data-device="staubsauger.hogan" data-get="state" data-get-on="Docked" data-get-off="!Docked" data-cmd="set" 
	                            data-set-on="charge" data-on-color="Orange" data-icon="fa-home" class="inline"></div>
                            <div data-type="push" data-device="staubsauger.hogan" data-cmd="set" data-set-on="locate" data-icon="fa-map-marker" class="inline"></div>
                        </div>
                    </div>
                </div>
            </li>
	        <li data-row="20" data-col="1" data-sizex="6" data-sizey="3">
                <header>Saugroboter 1OG</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell">
                            <div data-type="label" data-device="staubsauger.undertaker" data-get="state" data-refresh="60" data-pre-text="Status: " class="bottom-space darker"></div>
                            <div data-type="push" data-device="staubsauger.undertaker" data-get="state" data-get-on="Cleaning" data-get-off="!Cleaning" data-cmd="set" 
	                            data-set-on="start" data-on-color="Orange" data-icon="fa-play" class="inline"></div>
                            <div data-type="push" data-device="staubsauger.undertaker" data-get="state" data-get-on="Waiting" data-get-off="!Waiting" data-cmd="set" 
	                            data-set-on="stop" data-on-color="Orange" data-icon="fa-stop" class="inline"></div>
                            <div data-type="push" data-device="staubsauger.undertaker" data-get="state" data-get-on="Docked" data-get-off="!Docked" data-cmd="set" 
	                            data-set-on="charge" data-on-color="Orange" data-icon="fa-home" class="inline"></div>
                            <div data-type="push" data-device="staubsauger.undertaker" data-cmd="set" data-set-on="locate" data-icon="fa-map-marker" class="inline"></div>
                        </div>
                    </div>
                </div>
            </li>
	        
	        
		</ul>
    </div>
</div>
</body>
</html>

bastelkalle · 31 Mai 2019, 17:22:59

Dieses Problem habe ich auch.
Es ist mir heute aufgefallen. Änderungen am System habe ich keine vorgenommen.

Gruß Icke

no_Legend · 01 Juni 2019, 21:08:11

Zitat von: bastelkalle am 31 Mai 2019, 17:22:59
Dieses Problem habe ich auch.
Es ist mir heute aufgefallen. Änderungen am System habe ich keine vorgenommen.

Gruß Icke

Ich hab echt schon viel probiert.
Backups von alten Varianten eingespielt usw.
Selbst die index-example.html nur mit dem Homestatus hat nicht funktioniert.

Gruß Robert

setstate · 05 Juni 2019, 00:04:18

ich kann das Problem leider nicht nachvollziehen. Auch nicht mit dem angehangenen Code von dir ...

towag · 05 Juni 2019, 16:45:29

Auch bei mir lässt sich die mittlere Schaltfläche nicht mehr betätigen. Stelle ich das entsprechende Reading um reagiert das Control korrekt. Woher der "0"er in der Mitte des Controls kommt ist mir ein Rätsel.

In der Debug-Console des Browsers hätte ich keine Fehlermeldungen entdecken können.
Durch welches Update der FHEM/Tablet-Software das passiert ist konnte ich leider nicht herausfinden. (So oft drehe ich nicht an der Heizungssteuerung)

Die Einbindung sieht bei mir so aus:
<div data-type="homestatus"
data-device='HZ_Schalter'
data-get-on='["off", "cool", "eco 2", "eco 1", "on"]'
data-alias='["Off", "cooling", "Eco 2", "Eco 1", "On"]'
data-icons='["fa-thermometer-0", "fa-snowflake-o", "fa-thermometer-3", "fa-thermometer-2", "fa-thermometer-4"]'
data-version="roommate">
</div>

moskito · 05 Juni 2019, 17:25:04

Also auch bei mir ist das Verhalten so. In der angedachten Variante mit Resident Devices.
Zur Sicherheit eben gerade noch mal ein "update all" gemacht, hat aber nichts geändert.
Bräuchte allerdings Hinweise, wo wir evtl. nach Gemeinsamkeiten suchen sollen.

[Update]
Allerdings steht bei mir bei einem Homestatus keine Ganzzahl drin, sondern eine mit Komma/Punkt.

Gruß
Danny

desasterguy · 06 Juni 2019, 08:40:19

Guten Morgen,

auch bei mir ist diese Zahl aus dem nichts aufgetaucht.
Habe am System nichts geändert bis auf das letzte Update dass ich eingespielt habe. Es kann nur dadurch gekommen sein.

Interessant, dass nicht alle diesen ,,Bug" haben.

Im mittleren Feld wird ein Zahlenwert im Format 1.23 angezeigt.

Mir ist aufgefallen, dass wenn ein anderes Feld als die Mitte (die ja durch die Zahl nicht auszuwählen geht) gedrückt wird und man den Finger weiter drauf hält, durch abfahren des Bildschirm die Zahl verändert.

oben mitte = 0.00
oben rechts = 1.00
unten rechts = 2.00
unten mitte = 3.00
unten links = 4.00
oben links = 5.00
und kurz vor der Mitte oben 6.00 bevor es wieder zu 0.00 umspringt.

Sprich, es ist so, dass diese Zahl anscheinend die Position des ,,Finger" anzeigt.

Ich hoffe, es hilft beim finden des Bug.

Vg Desasterguy

efelon · 10 Juni 2019, 21:22:57

Habe genau das gleiche Problem und deswegen ein Ticket eröffnet:

https://github.com/knowthelist/fhem-tablet-ui/issues/245

Sunless · 11 Juni 2019, 11:55:44

Hatte selbige Problematik und beim Test am Laptop ebenso bemerkt, dass sich die Zahlen bei Mausbewegung ändern.

Habe folgende Lösung gefunden:

Code Auswählen


  <style type="text/css">
		[data-type] input {
			visibility: hidden;
		}
  </style>

in den <head> des ftui-index-files eingefügt. (könnte alternativ auch in eine user.css) ...

Bitte um Rückmeldung, ob dies auch bei euch so -erstmal- funktioniert ...

Grüße ...
Sebastian

setstate · 11 Juni 2019, 12:47:05

Probiere mal bitte stattdessen: data-displaynominal="false" im html

Früher hieß das mal data-showinput und ist beim Homestatus noch nicht geändert.

joj · 11 Juni 2019, 18:12:40

Hallo,
hab den Thread als Betroffener verfolgt, data-displaynominal="false" im HTML hat bei mir geholfen.

Vielen Dank für den Hinweis!

setstate · 11 Juni 2019, 18:24:17

Zitat von: joj am 11 Juni 2019, 18:12:40
Hallo,
hab den Thread als Betroffener verfolgt, data-displaynominal="false" im HTML hat bei mir geholfen.

Vielen Dank für den Hinweis!

Perfekt. Dann kommt gleich ein Update, wo das der default ist. Dann braucht man es nicht extra anzugeben.

bastelkalle · 12 Juni 2019, 00:29:09

Ich danke euch!
Mit dem Update läuft es nun wieder perfekt

efelon · 19 Juni 2019, 12:10:21

Klappt bei mir damit auch. Habe bereits eine Notiz an das Ticket gehängt.

https://github.com/knowthelist/fhem-tablet-ui/issues/245

Btw. @setstate sind die sourcen/issues auf github überhaupt relevant?

Jack-Luck · 21 Februar 2021, 20:16:04

ich muss dieses Thema leider wieder hochholen, ich habe mir gerade auch das Homestatus Widget eingerichtet
und musste feststellen das bei mir auch in der Mitte diese Zahlen angezeigt werden. Aus diesem Thema würde
ich jedoch vermuten das dieses Problem eigentlich gelöst sein sollte, warum ist das bei mir trotzdem?