[FHEM-Tablet-UI] User-Demos

[tomster]

Stichwort: data-return-time

Ach, da erinner ich mich doch glatt daran, dass ich nochmal nachfragen wollte, ob es das "override" des returns für bestimmte Seiten schon auf die Roadmap des FTUI geschafft hat? Weiß es jemand? Vielleicht jemand aus dem Dresdener Raum?

[kt83]

In meinem ersten Wurf (mit vielen Ideen aus dem Forum - danke!) habe ich versucht möglichst viel Information auf eine Seite zu packen. Nach dem Beitrag von rhrawr https://forum.fhem.de/index.php/topic,37378.msg418985.html#msg418985 habe ich diesen Ansatz erstmal über den Haufen geworfen und mich daran orientiert. Das Layout der Vorhersageelemente ist aus dem Swiper-Demo, in die weiße Fläche soll entweder noch der Homestatus (wie im Original) oder es wird auch noch für andere Elemente genutzt werden.

Das Ganze läuft auf einem 10" Archos-Tablet im "Fully Fullscreen Browser".

Grüße,
Thomas.

[tomster]

Schöne Umsetzung, aber 10"? Noch dazu 16:10. Ist das nicht ein bissl "fizzelig"?
Mag aber auch sein, dass mich mein Augenlicht - altergemäß - etwas trügt...

[kt83]

@tomster
Dafür gestochen scharf 
Aber im Ernst, dafür bin ich ja vom vollgepackten Screen zum lockeren Screen mit den großen Zahlen.

Grüße,
Thomas.

[tomster]

Jetzt hab auch ich Dein Posting verstanden

[jnewton957]

Hallo,

ich schlage mich seit Stunden mit einer Darstellung meines Stromberbrauches rum.
Mein device und reading ergibt sich aus dem Modul USBEHZ und dem statistics Modul

Daher erhalte ich im logfile:
2016-03-22_06:27:11 zaehler statZählerstand-Tarif1-Bezug: Hour: 0.1427 Day: 1.5024 Month: 177.2107 Year: 773.1524

wie setze ich das nun in einer Darstellung um ?

Code Auswählen Erweitern

<div data-type="label" class="left cell darker">Heute</div>
<div data-type="label" data-device="zaehler" [b]data-get="statZählerstand-Tarif1-Bezug Day:[/b]" data-fix="1" data-unit=" kWh%0A" class="right cell big"></div>

Das data-get klappt nicht. Habe schon unzählige Kombinationen ausprobiert . Leider ohne Erfolg.

Danke für die Hilfe.
Jörg

[Jens_B]

Code Auswählen Erweitern

<div data-type="label" data-device="zaehler" [b]data-get="statZählerstand-Tarif1-Bezug Day:[/b]" data-fix="1" data-unit=" kWh%0A" class="right cell big"></div>

Also hier stimmt doch was nicht? Wenn dann müssen die Anführungszeichen doch vor dem

Code Auswählen Erweitern

[/b] sein?

[setstate]

Das 

Code Auswählen Erweitern

[b] ist Forumsformatierung kein HTML.
Man kann im Codeblock nicht fett formatieren hier im Forum.

[Jens_B]

Das  ist Forumsformatierung kein HTML.
Man kann im Codeblock nicht fett formatieren hier im Forum.

Ja natürlich... Ich war irgendwie komplett falsch. Also das "Zeug" muß ganz weg.

[HoTi]

Ja natürlich...

Im Codebock kann man nicht Formatieren nur im Zitat. (sorry für OT)

[jnewton957]

Hallo,

sorry wegen der fettschrift im code.

daher nochmals:

Mein device und reading ergibt sich aus dem Modul USBEHZ und dem statistics Modul

Daher erhalte ich im logfile:
2016-03-22_06:27:11 zaehler statZählerstand-Tarif1-Bezug: Hour: 0.1427 Day: 1.5024 Month: 177.2107 Year: 773.1524

Eben mit Hour, Day Month und Year in EINER Zeile

wie setze ich das nun in einer Darstellung um ?
Code: [Auswählen]

Code Auswählen Erweitern

<div data-type="label" class="left cell darker">Heute</div>
<div data-type="label" data-device="zaehler" data-get="statZählerstand-Tarif1-Bezug Day:" data-fix="1" data-unit=" kWh%0A" class="right cell big"></div>


Das data-get klappt nicht. Habe schon unzählige Kombinationen ausprobiert . Leider immer noch ohne Erfolg.

Wie bekomme ich eine Anzeige/Werte nur für Stunde/Hour oder Tag/Day?

Danke für die Hilfe.
Jörg

[setstate]

Mit dem Label Widget kann man kein Logfile auslesen.

Welche Readings bietet das Device "zaehler"?

Was sagt FHEM zu folgenden Command?

Code Auswählen Erweitern

list zaehler

Es gibt bestimmt zaehler:Hour und zaehler:Day usw.

[namor]

Hallo zusammen,

könnte mir mal jemand nen Schubs in die Richtung geben wie @rhrawr sein Design mit Gridster aber ohne die Zwischenräume zwischen den Widgets hin bekommt?

Ich blicke das nicht...

Gruß namor

[Jojo11]

Versuchs mal mit

Code Auswählen Erweitern


<meta name="widget_margin" content="0">

im html head 

schöne Grüße
Jo

[namor]

Mhm...

habe es in einer Unterseite zum Test mal eingetragen, ändert sich nix.

Das ist die Seite:

Code Auswählen Erweitern

<!DOCTYPE html>
<html>
<head>
    <!--
     /* FHEM tablet ui */
     /*
     * Just another dashboard for FHEM
     *
     * Version: 1.4.4
     * Requires: jQuery v1.7+, font-awesome, jquery.gridster, jquery.toast
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define tablet_ui HTTPSRV tablet ./www/tablet Tablet Frontend' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="widget_base_width" content="116">
    <meta name="widget_base_height" content="131">
    <meta name="widget_margin" content="0">
    <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=no output -->

    <link rel="stylesheet" href="/fhem/tablet/lib/jquery.gridster.min.css" />
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.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/lib/openautomation.css" />
    <link rel="stylesheet" href="/fhem/tablet/lib/fhemSVG.css" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="/fhem/tablet/css/fhem-green-ui.css" / -->
    <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" />

    <script src="/fhem/pgm2/jquery.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
    <script src="/fhem/tablet/lib/jquery.gridster.min.js" defer></script>
    <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>

    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="/fhem/pgm2/cordova-2.3.0.js" defer></script>
    <script src="/fhem/pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>
<body>

<div class="gridster">
<ul>


hat einer´n Tipp?