Evaluierungsversion 2.2

CoolTux · 22 April 2016, 11:31:29

Zitat von: setstate am 22 April 2016, 11:27:27
Widget_winddirection ist doch im eval Branch in der 2.2er Version dabei. Geht das nicht?

Nein leider nicht. Genau das habe ich ja.

h3llsp4wn · 22 April 2016, 11:51:47

@setstate:
Anbei die fertige Version mit sauberem Update vom fullcalview. Für's 3rd party repo.

roman1528 · 22 April 2016, 12:00:06

Zitat von: setstate am 22 April 2016, 11:27:27
Widget_winddirection ist doch im eval Branch in der 2.2er Version dabei. Geht das nicht?

nein geht nicht.. sagte ich aber auch schon vor einigen beiträgen

h3llsp4wn · 22 April 2016, 12:14:06

Hallo zusammen,

ich habe die Version für die Wind Direction bei mir laufen. Ich denke das ist ein Fehler im depends gewesen (direction vs. wind_direction).

Cheers,

h3ll

CoolTux · 22 April 2016, 12:29:06

Tatsächlich. Habe es gerade im Code geändert. Läuft. Aber ich bekomme ne Meldung von wegen set DEVICE NaN

roman1528 · 22 April 2016, 12:32:19

Zitat von: CoolTux am 22 April 2016, 12:29:06
Tatsächlich. Habe es gerade im Code geändert. Läuft. Aber ich bekomme ne Meldung von wegen set DEVICE NaN

Zitat von: h3llsp4wn am 22 April 2016, 12:14:06
Hallo zusammen,

ich habe die Version für die Wind Direction bei mir laufen. Ich denke das ist ein Fehler im depends gewesen (direction vs. wind_direction).

Cheers,

h3ll

Genau das was ich sagte... ich bin doch nicht doof

so geändert hatte ich das auch und so ans "anzeigen" bekommen... aber der toast "set DEVICE NaN" gehört da definitiv nicht hin!!!

roman1528 · 22 April 2016, 12:39:47

Genau das wdtimer-Widget

depends_level -> dpends_wdtimer

allerdings bekomme ich dann:

Code Auswählen


ReferenceError: Switchery is not defined
http://192.168.1.5:8083/fhem/tablet_eval/js/widget_wdtimer.js
Line 361

setstate · 22 April 2016, 13:43:36

okay, wind_direction habe ich bei mir gefixed. Es muss readonly gesetzt werden und die function onRelease muss leer überschrieben werden, wir wollen ja nix senden

CoolTux · 22 April 2016, 13:54:13

Zitat von: setstate am 22 April 2016, 13:43:36
okay, wind_direction habe ich bei mir gefixed. Es muss readonly gesetzt werden und die function onRelease muss leer überschrieben werden, wir wollen ja nix senden

Und da waren sie wieder meine drei Probleme. Kann mir das mal einer übersetzen bitte

setstate · 22 April 2016, 14:00:10

Zitat von: CoolTux am 22 April 2016, 13:54:13
Und da waren sie wieder meine drei Probleme. Kann mir das mal einer übersetzen bitte

Sorry, ich wollte mich nur schnell melden, dass es eine Lösung gibt, die es bald gesammelt als update gibt. Nicht dass ihr unnötig weitersucht ...

CoolTux · 22 April 2016, 14:02:39

Ich danke Dir.
Dann harren wir der Dinge die da kommen.

StefanD · 22 April 2016, 16:00:16

Ich hoffe ich habe die Lösung für folgendes Problem nicht übersehen...

Mit Pagebutton kann man in der Content-Page wiederum ein neues Gridster definieren, wodurch man bestehende data-templates prima nutzen kann.
Das kappt soweit ganz gut, allerdings sind die Gridster-Elemente dann noch etwas eingerückt (s. Screenshot). Zur besseren Sichtbarkeit habe ich die Hintergrundfarbe der Content-Page temporär mit hellgrau definiert.

Das Einrücken lässt sich sicherlich übers CSS abstellen, nur wie?

VG Stefan

roman1528 · 22 April 2016, 16:19:16

Zitat von: StefanD am 22 April 2016, 16:00:16
Ich hoffe ich habe die Lösung für folgendes Problem nicht übersehen...

Mit Pagebutton kann man in der Content-Page wiederum ein neues Gridster definieren, wodurch man bestehende data-templates prima nutzen kann.
Das kappt soweit ganz gut, allerdings sind die Gridster-Elemente dann noch etwas eingerückt (s. Screenshot). Zur besseren Sichtbarkeit habe ich die Hintergrundfarbe der Content-Page temporär mit hellgrau definiert.

Das Einrücken lässt sich sicherlich übers CSS abstellen, nur wie?

VG Stefan

die content-page nicht in ein gridster laden.. sondern nur in ein einfaches <div>
in der content-page selber wie gewohnt die gridster-elemente verwenden...

sollte funktionieren

Grüße^^

main-page

Code Auswählen


<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
                <div data-type="pagebutton" data-url="#page_content1.html" data-load="#content1" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#page_content1.html" data-icon="fa-home" class="default top-space"></div>
                <div data-type="pagebutton" data-url="#page_content2.html" data-load="#content2" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#page_content2.html" data-icon="fa-music" class="prefetch top-space"></div>
                <div data-type="pagebutton" data-url="#page_content3.html" data-load="#content3" data-off-background-color="transparent" data-off-color="#606060" data-on-background-color="#606060" data-on-color="#222222" data-active-pattern=".*#page_content3.html" data-device="ftuitest" data-states='["0","1"]' data-icons='["fa-sliders","fa-sliders activate"]' class="prefetch top-space"></div>
            </li>
        </ul>
    </div>
   <div>
                <div class="page" id="content1"></div>
                <div class="page" id="content2"></div>
                <div class="page" id="content3"></div>
   </div>
</body>

content-page

Code Auswählen


<body>
    <div class="gridster">
        <ul>
            <li data-row="1" data-col="2" data-sizex="6" data-sizey="5">
....WIDGETS.....
            </li>
            <li data-row="2" data-col="2" data-sizex="6" data-sizey="2">
....WIDETS.....
            </li>
        </ul>
    </div>
</body>

ggf. mit css klassen (class="") rumexperimentieren damit die "einfachen" div's neben das gridster-div geladen werden (inline)

ALLES UNGETESTET!!!

setstate · 22 April 2016, 16:36:59

Gridster im Gridster wird notwendig, wenn die Menu-Leiste oben sein soll. Irgendwo hier im Forum gab es das Thema schon und auch eine Lösung für die zusätzlichen Ränder.

suche ich mal ...

Hier :
https://forum.fhem.de/index.php/topic,50945.msg434293.html#msg434293

Lösung:
https://forum.fhem.de/index.php/topic,50945.msg434340.html#msg434340

home.html
<div class="gridster" style="margin:-5px 0 0 -5px;">

könnte ich ja auch gleich in die CSS einbauen, wenn ich eine passenden CSS Selector finde, der diesen Gridster in Gridster Fall beschreibt.

StefanD · 22 April 2016, 16:49:58

Wenn ich die <div>s außerhalb des Gidsters habe, wird die Content-Page unter dem Gridster-Layout angzeigt (s. Screenshot).

also so:

Code Auswählen

<body>
	<div class="gridster">
		<ul>
			<!-- ========= Linkes-Hauptmenü =========== -->
			<li data-row="1" data-col="1" data-sizex="1" data-sizey="7">
				<header>Navigation</header>
				<div
					data-type="pagebutton"
					data-url="#content_index.html"
					data-load="#content_index"
					data-off-background-color="#AA6900"
					data-off-color="#2A2A2A"
					data-on-background-color="#AA6900"
					data-on-color="#CCCCCC"
					data-active-pattern=".*#content_index.html"
					data-icon="fa-home"
					class="default top-space"></div>
				<div
					data-type="pagebutton"
					data-url="#content_heating.html"
					data-load="#content_heating"
					data-off-background-color="#AA6900"
					data-off-color="#2A2A2A"
					data-on-background-color="#AA6900"
					data-on-color="#CCCCCC"
					data-active-pattern=".*#content_heating.html"
					data-icon="fa-fire"
					class="top-space"></div>
				<div
					data-type="pagebutton"
					data-url="#content_weather.html"
					data-load="#content_weather"
					data-off-background-color="#AA6900"
					data-off-color="#2A2A2A"
					data-on-background-color="#AA6900"
					data-on-color="#CCCCCC"
					data-active-pattern=".*#content_weather.html"
					data-icon="fa-cloud"
					class="top-space"></div>
				<div
					data-type="pagebutton"
					data-url="#content_info.html"
					data-load="#content_info"
					data-off-background-color="AA6900"
					data-off-color="#2A2A2A"
					data-on-background-color="#AA6900"
					data-on-color="#CCCCCC"
					data-active-pattern=".*#content_info.html"
					data-icon="fa-info"
					class="top-space"></div>
				<div
					data-type="pagebutton"
					data-url="#content_test.html"
					data-load="#content_test"
					data-off-background-color="AA6900"
					data-off-color="yellow"
					data-on-background-color="#AA6900"
					data-on-color="red"
					data-active-pattern=".*#content_test.html"
					data-icon="fa-info"
					class="top-space"></div>
			</li>

			<!-- ========= variable content ============ -->
<!--
			<li data-row="1" data-col="2" data-sizex="13" data-sizey="7">
			</li>
-->
		</ul>
	</div>
				<div class="page" id="content_index"></div>
				<div class="page" id="content_heating"></div>
				<div class="page" id="content_weather"></div>
				<div class="page" id="content_info"></div>
				<div class="page" id="content_test" style="background-color: #CCCCCC;"></div>
</body>

Die dazugehörige Content-Page sieht so aus:

Code Auswählen

<!DOCTYPE html>
<html>
<title>content_test</title>
<head></head>
<body>
	<div class="page" id="content_test">
		<div class="gridster">
			<ul>
				<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
					<header>Uhr</header>
					<div data-type="clock" data-format="H:i" style="color:#AA6900" class="bigger darker"></div>
					<div data-type="clock" data-format="D, d. M Y" shortday-length="2" class="darker"></div>
				</li>
				<li data-row="1" data-col="3" data-sizex="4" data-sizey="1" data-template="inc_tempoutside.html"></li>
			</ul>
		</div>
	</div>
</body>
</html>

Die 2.2er Version habe ich heute Nachmittag erst komplett neu gezogen, "Altlasten" sind somit ausgeschlossen. Zugegriffen wird über http://fhem.fritz.box:8083/fhem/tablet_eval/index.html#content_test.html, sprich ohne weitere Zwischenkomponenten, wie Nginx, Apache, etc.

VG Stefan