New FHEM Tablet UI

Newbie · 01 November 2015, 11:22:21

Hallo an die Wissenden da draußen.

Ich habe seit gestern das Problem das Longpoll nicht mehr funktioniert, die beiden Einstellungen (FHEMWeb+Tablet UI) stehen aber auf "1". Shortpoll greift nach 15min (bzw. 30sek wenn Longpoll off) und alle Anzeigen werden synchronisiert.
FHEM und Tablet UI sind auf dem aktuellen Stand von gestern. Wo kann ich bei der Fehlersuche ansetzen?

vg jens

setstate · 01 November 2015, 12:29:19

Zur Ursachenfindung kann man debug auf 1 setzen und dann muss was zappeln in der Webconsole. Oder das Eventmonitor Widget einsetzten, um Events sehen zu können. Am besten erstmal auf eine Seite ohne weitere andere Widgets und dann Stück für Stück erweitern, um die Ursache einzukreisen.

roman1528 · 01 November 2015, 15:28:07

Longpoll hat bei mir noch nie funktioniert! Schon gar nicht in FHEM WEB... weder FF noch IE noch Chrome... nur in Chrome auf'm Smartphone im normalen WEB.

Deswegen hab ich shortpoll an was aber auch nicht den gewünschten erfolg bringt... aber es aktualisiert immerhin. bei longpoll passiert gar nichts.

Mein Problem mit den States der CallList haben sich erledigt... War ein guter Tipp mit der *.pm ... habe daraus die states kopiert und siehe da es läuft.

Bin gerade dabei einen datetimepicker einzufügen. leider scheint er beim schließen nicht den gewünschten befehl auszuführen.

Code Auswählen

			<div data-type="popup" data-height="400px" data-width="450px">
				<div data-type="push" data-icon="oa-time_clock" class=""></div>
				<div data-type="label" class="cell">&nbsp;</div>
				<div class="dialog">
					<header>HEIZUNG - ALLE - TEMPORÄR</header>
					<div class="center top-space">
						<div class="inline">
							<div data-type="label" class="cell">MANU</div>
							<div data-type="datetimepicker" data-device="bu_WT" data-set="desiredTemperature manual until" data-format="d.m.Y H:i" data-step="30" class="inline large orange"></div>
						</div>
                                                 .......

Was noch richtig toll wäre wenn sich der datetimepicker über einen push öffnen ließe

Grüße^^

Newbie · 01 November 2015, 17:27:24

Hallo setstate,

Ursache war ein

Code Auswählen

data-type="contact"

in "Symbol" umbenannt und jetzt ist alles wieder chic.

Danke und noch einen schönen Abend.

vg jens

setstate · 01 November 2015, 18:58:03

Zitat von: Newbie am 01 November 2015, 17:27:24
Ursache war ein
Code Auswählen Erweitern
data-type="contact"
in "Symbol" umbenannt und jetzt ist alles wieder chic.

Schön, dass du es gefunden hast.
ja, contact hieß es ganz am Anfang.

oehi86 · 01 November 2015, 22:43:05

Guten Abend,

ich habe nun auch mal ein bisschen "rumgeklickt und so"...allerdings kriege ich weder vom iPhone noch vom iPad einen meiner Aktoren dazu, sich ein- oder auszuschalten. Ich habe gesucht aber bisher nicht gefunden. Wurde dieses Problem hier bereits angesprochen und eventuell sogar gelöst?
Ich nutze das iPhone 6 mit iOS 9.1 und das iPad Air ebenfalls mit iOS 9.1.

Danke für eure Hilfe.
Philipp

setstate · 01 November 2015, 22:50:49

Hallo Philipp,
auf einem anderen Rechner läuft es aber und die Aktoren regieren? Werden auf den iOS Geräten wenigstens die aktuellen Status angezeigt? Was passiert, wenn du dann das Widget auf den iOS Gerät drückst, erscheint die Toast Message? Was steht in den Messages?

oehi86 · 01 November 2015, 23:02:57

Hi hi,
danke für die Antwort schon mal. Am Rechner funktioniert es absolut perfekt. Da erscheinen die Toast-Messages und der Aktor wird auch geschaltet. Am iOS Device werden der aktuelle Status angezeigt, aber die Toast-Messages erscheinen nur für die aus der "Standard-index.html" vorhandenen Devices. Nicht aber für die, die ich bereits in die index.html integriert habe.

wz_LEDSteckdose funktioniert nur am PC (von mir integriert), für das Philips Hue Device erhalte ich auf beiden Geräten (PC und iOS Device) eine Toast-Message. Funktionieren tut die Philips logischerweise nicht, da sie aus der template-index.html kommt.

Code Auswählen


        <div class="right right-space">
              <div data-type="switch" data-device="wz_LEDSteckdose" class="cell"></div>
              <div data-type="label" class="">LED Lichtleiste</div>
              <div data-type="dimmer" data-device="HUEDevice1" data-get-on="!off" data-get-off="off" data-set="pct" class="top-space-2x" ></div>
              <div data-type="label" class="cell">Philips</div>
        </div>

roman1528 · 01 November 2015, 23:32:29

Zitat von: roman1528 am 01 November 2015, 15:28:07
Longpoll hat bei mir noch nie funktioniert! Schon gar nicht in FHEM WEB... weder FF noch IE noch Chrome... nur in Chrome auf'm Smartphone im normalen WEB.

Deswegen hab ich shortpoll an was aber auch nicht den gewünschten erfolg bringt... aber es aktualisiert immerhin. bei longpoll passiert gar nichts.

Mein Problem mit den States der CallList haben sich erledigt... War ein guter Tipp mit der *.pm ... habe daraus die states kopiert und siehe da es läuft.

Bin gerade dabei einen datetimepicker einzufügen. leider scheint er beim schließen nicht den gewünschten befehl auszuführen.

Code Auswählen Erweitern
<div data-type="popup" data-height="400px" data-width="450px"> <div data-type="push" data-icon="oa-time_clock" class=""></div> <div data-type="label" class="cell"> </div> <div class="dialog"> <header>HEIZUNG - ALLE - TEMPORÄR</header> <div class="center top-space"> <div class="inline"> <div data-type="label" class="cell">MANU</div> <div data-type="datetimepicker" data-device="bu_WT" data-set="desiredTemperature manual until" data-format="d.m.Y H:i" data-step="30" class="inline large orange"></div> </div> .......

Was noch richtig toll wäre wenn sich der datetimepicker über einen push öffnen ließe

Grüße^^

und noch was ist mir aufgefallen bezüglich pagetab... ja ich arbeite mit pagetab weil mit button lädt er die urls nicht. da hab ich dann sowas wie /#index.html#bad.html#diele.html
funktioniert soweit super mit pagetab.

wenn ich jetzt aber einen pagetab mit warn versehe und der warn aktiv ist (ohne activate) kann ich die seite nicht aufrufen... also beim anklicken passiert gar nichts.
mit activate öffnet er ganz vorbildlich die seite.. wenn ich dann aber wo anders hin gehe und wieder die seite öffnen möchte geht es auch nicht.
über die console hab ich nichts raus bekommen.

dadoc · 02 November 2015, 15:29:25

Moyn,
so. Endlich mal Zeit, um mich zu bedanken. Das Tablet UI ist das Beste, was ich in diesem Bereich jemals gesehen habe. Vielen Dank dafür, und auch für die Geduld beim Supporten. Ich weiß auch nicht, warum ich erst so spät darüber gestolpert bin. Habe mich die ganze Zeit gewundert, warum es mit den nativen fhem Apps nicht so recht vorangeht. Jetzt verstehe ich es. Angesichts des UI hätte ich als App-Entwickler auch keine Lust mehr, da weiter zu entwickeln.
Habe eben erst setstates Hilferuf in der Signatur gesehen: Macbook hinüber! Entwicklung gefährdet! Habe auch das Gefühl, dass mein Tablet UI seitdem nicht mehr richtig läuft

Also - Spenden ist angesagt!
Grüße
Martin

dadoc · 02 November 2015, 17:37:15

Zitat von: dadoc am 30 Oktober 2015, 12:02:01
Moyn,
Baue gerade eine komplette Fernbedienung für das ENIGMA2-Modul. Bei bestimmten Labels klappt der Refresh nicht, obwohl Events erzeugt werden.

So, habe herausgefunden, dass die Aktualisierung nicht klappt, wenn ich in der index.html die anderen Seiten definiere mit:

Code Auswählen


<div class="cell narrow">
        <div data-type="pagetab" data-url="index.html"  data-icon="fa-home" class="cell"></div>
        <div data-type="pagetab" data-url="index_4.html" data-icon="fa-film" class="cell"></div>
	<div data-type="pagetab" data-url="index_3.html" data-icon="fa-bars" class="cell"></div>
</div>

Dass es aber bestens klappt, wenn ich stattdessen pagebutton verwende:

Code Auswählen


<div class="cell narrow">
        <div data-type="pagebutton" data-url="index.html"  data-icon="fa-home" class="cell"></div>
        <div data-type="pagebutton" data-url="index_4.html" data-icon="fa-film" class="cell"></div>
	<div data-type="pagebutton" data-url="index_3.html" data-icon="fa-bars" class="cell"></div>
</div>

Wahrscheinlich haben das wieder alle gewusst außer mir

setstate · 02 November 2015, 18:02:17

pagebutton geht auch, hat aber ein anderes Verhalten als pagetab ...

Pagetab hätte ich so definiert (menu.html):

Code Auswählen


<html>
<body>
  <header>MENU</header>
  <div class="cell narrow">
        <div data-type="pagetab" data-url="index_home.html"  data-icon="fa-home" class="cell"></div>
        <div data-type="pagetab" data-url="index_4.html" data-icon="fa-film" class="cell"></div>
	<div data-type="pagetab" data-url="index_3.html" data-icon="fa-bars" class="cell"></div>
  </div>
</body>
</html>

und in der index.html nur das:

Code Auswählen


<!DOCTYPE html>
<html>
<head>
	<title>FHEM-Tablet-UI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="widget_base_width" content="74">
        <meta name="widget_base_height" content="71">
	<meta name="mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="longpoll" content="1"> <!-- 1=longpoll;0=shortpoll every 30sec -->
        <meta name="debug" content="0"> <!-- 1=output to console;0=not output -->
        <meta http-equiv="Cache-Control" content="no-store" />
	
	<link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.min.css" />
	<link rel="stylesheet" href="/fhem/tablet/lib/font-awesome.min.css" />
	<link rel="stylesheet" href="/fhem/tablet/lib/jquery.toast.min.css" />
        <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />
</head>
<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="1" data-sizey="9" data-template="menu.html"></li>
        </ul>
    </div>
</body>
    <script src="/fhem/pgm2/jquery.min.js"></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js"></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js"></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.js"></script>

    <!-- needed only for usage of WebViewControl -->
    <script src="/fhem/pgm2/cordova-2.3.0.js"></script>
    <script src="/fhem/pgm2/webviewcontrol.js"></script>
    <script>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <!-- End for WebViewControl -->
</html>

Also index.html ist nicht Bestandteil des Menüs.

skuggy · 02 November 2015, 19:16:22

Hallo @uniqueck,

sorry das ich mich jetzt erst melde, lag um am Wochenende.

Anbei das list als Fhem und der Code aus FTUI.

list:

Code Auswählen

Internals: 
   DEF        Geburtstage 1 
   INTERVAL   43200 
   KALENDER   Geburtstage 
   NAME       GeburtstageView 
   NR         476 
   STATE      t: 5 td: 0 tm: 1 
   TYPE       CALVIEW 
   Readings: 
     2015-11-02 19:09:28   c-term          5 
     2015-11-02 19:09:28   c-today         0 
     2015-11-02 19:09:28   c-tomorrow      1 
     2015-11-02 19:09:28   state           t: 5 td: 0 tm: 1 
     2015-11-02 19:09:28   t_001_bdate     03.11.2015 
     2015-11-02 19:09:28   t_001_btime     11:00:00 
     2015-11-02 19:09:28   t_001_edate     03.11.2015 
     2015-11-02 19:09:28   t_001_etime     12:00:00 
     2015-11-02 19:09:28   t_001_location  2001 
     2015-11-02 19:09:28   t_001_source    Geburtstage 
     2015-11-02 19:09:28   t_001_summary   Test2 
     2015-11-02 19:09:28   t_002_bdate     04.11.2015 
     2015-11-02 19:09:28   t_002_btime     11:00:00 
     2015-11-02 19:09:28   t_002_edate     04.11.2015 
     2015-11-02 19:09:28   t_002_etime     12:00:00 
     2015-11-02 19:09:28   t_002_location  1989 
     2015-11-02 19:09:28   t_002_source    Geburtstage 
     2015-11-02 19:09:28   t_002_summary   Mustermann 
     2015-11-02 19:09:28   t_003_bdate     05.11.2015 
     2015-11-02 19:09:28   t_003_btime     11:00:00 
     2015-11-02 19:09:28   t_003_edate     05.11.2015 
     2015-11-02 19:09:28   t_003_etime     12:00:00 
     2015-11-02 19:09:28   t_003_location  1950 
     2015-11-02 19:09:28   t_003_source    Geburtstage 
     2015-11-02 19:09:28   t_003_summary   Noch ein test 
     2015-11-02 19:09:28   t_004_bdate     22.09.2016 
     2015-11-02 19:09:28   t_004_btime     00:00:00 
     2015-11-02 19:09:28   t_004_edate     23.09.2016 
     2015-11-02 19:09:28   t_004_etime     00:00:00 
     2015-11-02 19:09:28   t_004_location 
     2015-11-02 19:09:28   t_004_source    Geburtstage 
     2015-11-02 19:09:28   t_004_summary   PS 
     2015-11-02 19:09:28   t_005_bdate     31.10.2016 
     2015-11-02 19:09:28   t_005_btime     06:00:00 
     2015-11-02 19:09:28   t_005_edate     31.10.2016 
     2015-11-02 19:09:28   t_005_etime     07:00:00 
     2015-11-02 19:09:28   t_005_location  2000 
     2015-11-02 19:09:28   t_005_source    Geburtstage 
     2015-11-02 19:09:28   t_005_summary   TestGeb1 
     2015-11-02 19:09:28   tomorrow_001_btime 11:00:00 
     2015-11-02 19:09:28   tomorrow_001_edate 03.11.2015 
     2015-11-02 19:09:28   tomorrow_001_etime 12:00:00 
     2015-11-02 19:09:28   tomorrow_001_location 2001 
     2015-11-02 19:09:28   tomorrow_001_source Geburtstage 
     2015-11-02 19:09:28   tomorrow_001_summary Test2 
Attributes: 
   maxreadings 10 
   modes      modeAlarm,modeStart,modeStarted,modeUpcoming 
   room       Kalender

und der Code:

Code Auswählen

<li data-row="2" data-col="2" data-sizex="2" data-sizey="2">
    <header>Geburtstage</header>
	<div data-type="calview" 
	data-device="GeburtstageView"
	data-get="all" 
	data-max="10" class="cell centered fullsize top-space" 
	data-all-forecast-color="#FFF200" 
	data-all-today-color="#6EB54C"></div>
</li>

Ich hoffe du findest den Fehler.
Danke

uniqueck · 02 November 2015, 22:56:43

Zitat von: skuggy am 02 November 2015, 19:16:22
Hallo @uniqueck,

sorry das ich mich jetzt erst melde, lag um am Wochenende.

Anbei das list als Fhem und der Code aus FTUI.

list:
Code Auswählen Erweitern
Internals: DEF Geburtstage 1 INTERVAL 43200 KALENDER Geburtstage NAME GeburtstageView NR 476 STATE t: 5 td: 0 tm: 1 TYPE CALVIEW Readings: 2015-11-02 19:09:28 c-term 5 2015-11-02 19:09:28 c-today 0 2015-11-02 19:09:28 c-tomorrow 1 2015-11-02 19:09:28 state t: 5 td: 0 tm: 1 2015-11-02 19:09:28 t_001_bdate 03.11.2015 2015-11-02 19:09:28 t_001_btime 11:00:00 2015-11-02 19:09:28 t_001_edate 03.11.2015 2015-11-02 19:09:28 t_001_etime 12:00:00 2015-11-02 19:09:28 t_001_location 2001 2015-11-02 19:09:28 t_001_source Geburtstage 2015-11-02 19:09:28 t_001_summary Test2 2015-11-02 19:09:28 t_002_bdate 04.11.2015 2015-11-02 19:09:28 t_002_btime 11:00:00 2015-11-02 19:09:28 t_002_edate 04.11.2015 2015-11-02 19:09:28 t_002_etime 12:00:00 2015-11-02 19:09:28 t_002_location 1989 2015-11-02 19:09:28 t_002_source Geburtstage 2015-11-02 19:09:28 t_002_summary Mustermann 2015-11-02 19:09:28 t_003_bdate 05.11.2015 2015-11-02 19:09:28 t_003_btime 11:00:00 2015-11-02 19:09:28 t_003_edate 05.11.2015 2015-11-02 19:09:28 t_003_etime 12:00:00 2015-11-02 19:09:28 t_003_location 1950 2015-11-02 19:09:28 t_003_source Geburtstage 2015-11-02 19:09:28 t_003_summary Noch ein test 2015-11-02 19:09:28 t_004_bdate 22.09.2016 2015-11-02 19:09:28 t_004_btime 00:00:00 2015-11-02 19:09:28 t_004_edate 23.09.2016 2015-11-02 19:09:28 t_004_etime 00:00:00 2015-11-02 19:09:28 t_004_location 2015-11-02 19:09:28 t_004_source Geburtstage 2015-11-02 19:09:28 t_004_summary PS 2015-11-02 19:09:28 t_005_bdate 31.10.2016 2015-11-02 19:09:28 t_005_btime 06:00:00 2015-11-02 19:09:28 t_005_edate 31.10.2016 2015-11-02 19:09:28 t_005_etime 07:00:00 2015-11-02 19:09:28 t_005_location 2000 2015-11-02 19:09:28 t_005_source Geburtstage 2015-11-02 19:09:28 t_005_summary TestGeb1 2015-11-02 19:09:28 tomorrow_001_btime 11:00:00 2015-11-02 19:09:28 tomorrow_001_edate 03.11.2015 2015-11-02 19:09:28 tomorrow_001_etime 12:00:00 2015-11-02 19:09:28 tomorrow_001_location 2001 2015-11-02 19:09:28 tomorrow_001_source Geburtstage 2015-11-02 19:09:28 tomorrow_001_summary Test2 Attributes: maxreadings 10 modes modeAlarm,modeStart,modeStarted,modeUpcoming room Kalender

und der Code:

Code Auswählen Erweitern
<li data-row="2" data-col="2" data-sizex="2" data-sizey="2"> <header>Geburtstage</header> <div data-type="calview" data-device="GeburtstageView" data-get="all" data-max="10" class="cell centered fullsize top-space" data-all-forecast-color="#FFF200" data-all-today-color="#6EB54C"></div> </li>

Ich hoffe du findest den Fehler.
Danke

Spukt denn die JavaScript Console etwas aus, weil so sieht erst einmal alles ok aus.
Hast du denn auch das widget in der Header Section eingebunden, bzw. kann er sie laden ggf. Rechte prüfen.
Ansonsten müsste ich ein paar Log Ausgaben einbauen.

ChristianR · 03 November 2015, 13:31:54

Nu hätte ich doch auch mal wieder ne quick question...

Hab nen circlemenu für die Farbauswahl meines LW12 gebastelt und leider sind die icons "verrutscht".
Jemand ne Idee warum das so ist, bzw. was ich falsch definiert habe? (Funktion ist übrigens gegeben)

Code und Snipping anbei.

Code Auswählen

<li data-row="2" data-col="5" data-sizex="2" data-sizey="2">
		<header>TV-BACKLIGHT</header>
		<div class="centered container">
		<div class="right">
		<div data-type="switch" class="cell" data-device="TV_LED" data-get-on="on" data-get-off="off"></div>
		<div data-type="label">Dimmer</div>
		</div>
		<div class="right">
		<div data-type="thermostat" data-device="TV" data-get="brightness" data-set="dim" data-min="0" data-max="100" class="cell"></div>
		<div data-type="label">An</div>
		</div>
		<div data-type="circlemenu" class="cell circlemenu wider keepopen">
        <ul>
        <li><div data-type="push" data-icon="fa-paint-brush"></div></li>
        <li><div id="orange" data-type="button" data-fhem-cmd="set TV RGB FFA500" data-icon="fa-paint-brush" data-on-background-color="hsl(50,100%,50%)" class="cell"></div></li>
        <li><div id="pink" data-type="button" data-fhem-cmd="set TV RGB FF00FF" data-icon="fa-paint-brush" data-on-background-color="hsl(320,100%,50%)" class="cell"></div></li>
        <li><div id="green" data-type="button" data-fhem-cmd="set TV RGB 00FF00" data-icon="fa-paint-brush" data-on-background-color="hsl(130,100%,50%)" class="cell"></div></li>
        <li><div id="blue" data-type="button" data-fhem-cmd="set TV RGB 0000FF" data-icon="fa-paint-brush" data-on-background-color="hsl(240,100%,50%)" class="cell"></div></li>
		<li><div id="red" data-type="button" data-fhem-cmd="set TV RGB FF0000" data-icon="fa-paint-brush" data-on-background-color="hsl(360,100%,50%)" class="cell"></div></li>
        </ul>
</div>
</li>

Vielen Dank wie immer für eure Mühe!

Gruß Christian