Last call für Flug sV 2.9

[Boomer55]

Hallo.
Mickoeck You are not alone

Also ich habe die aktuelle Version der SmartVISU und auch das Problem mit dem Tag und Datum. Habe dies auch schon mal in einem vorigen Post geschrieben und hab es bisher einfach meinem bescheidenen Kenntnisstand zugeschrieben. Helfe mir derzeit auch mit Neustart...

Schönen Gruss,
Markus

[smai]

Ich habe das mit dem Datum eigentlich am 1. Dezember eingebaut (siehe https://knx-user-forum.de/forum/supp...83#post1163783).
Nutzt ihr evtl. nicht die base.html als Template?
Ihr sprecht schon von dem Datum ganz oben rechts unter dem smartVISU-Logo?

[schuma]

Ach, ich glaube ich weiß jetzt...
Ihr meint die Uhr aus dem Beispiel der Index.html?

<div class="center">

       {{ now|date('l') }}, {{ now|date('d.m.Y') }}

    </div>

[smai]

Ah, ja, in _template/index.html ist da sowas. Werde ich ändern. In euren Pages müsst ihr das dann natürlich selbst nachziehen.
Ihr könnt dazu das Widget clock.miniclock nehmen:

{{ clock.miniclock('miniclock', lang('format','time') ~ ', ' ~ lang('format','date') ) }}

[loeserman]

Hi smai,
anbei mal ein Beispielcode von mir, bei dem die dritte Zeile so mysteriös verschoben ist. Es liegt nicht an der Tabelle, was ich ursprünglich vermutet habe, sondern am basic.dual Widget. Sobald ich das verwende verschiebt es sich. Auch wenn dieses in einem Popup eigebettet ist, reicht es die gesamte Zeile zu beeinflussen. Vielleicht findest Du den Grund.

screen.jpg

Hier der HTML Code

/**
* -----------------------------------------------------------------------------
* index1.html
* -----------------------------------------------------------------------------
* Test
* -----------------------------------------------------------------------------
*/

{% extends "base.html" %}

{% block sidebar %}

{% endblock %}

{% block content %}
    {% import "basic.html" as basic %}

    <!-- Content-Datenbereich -->
    <ul data-role="listview" data-dividertheme="c">
        <li data-role="list-divider">Alles okay, nur Text</li>
        <li data-icon="false">
            <div class="cells">
                <div class="lcell20 lcellcenter">
                    Text1
                </div>
                <div class="lcell60 lcellleft" >
                    Text2
                </div>
                <div class="lcell20 lcellleft" >
                    Text3
                </div>
            </div>
        </li>


        <li data-role="list-divider">Alles okay, basic.switch verwendet</li>
        <li data-icon="false">
            <div class="cells">
                <div class="lcell20 lcellcenter">
                    {{ basic.switch('uid4', 'R15.LICHT.ESSTISCH', 'light_light_dim_100.svg', 'light_light_dim_100.svg', 1, 0) }}
                </div>
                <div class="lcell60 lcellleft">
                    Text2
                </div>
                <div class="lcell20 lcellleft">
                    Text3
                </div>
            </div>
        </li>


        <li data-role="list-divider">Nicht okay, basic.dual verwendet</li>
        <li data-icon="false">
            <div class="cells">
                <div class="lcell20 lcellcenter">
                    {{ [MARKIEREN]basic.dual[/MARKIEREN]('uid1116', 'R15.LICHT.ESSTISCH', 'audio_rew.svg', 'audio_rew.svg', 1, 0, 'mini') }}
                </div>
                <div class="lcell60 lcellleft">
                    Text2
                </div>
                <div class="lcell20 lcellleft">
                    Text3
                </div>
            </div>
        </li>

    </ul>

{% endblock %}

Für die Einteilung habe ich mir in meiner css Datei ein paar Klassen "lcell##" geschaffen. Daher hänge ich die auch mal an. Bitte nicht lachen, geht bestimmt auch smarter. ;-)

visu.css

...
.lcell20, .lcell60 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 44px;
    text-align: left;
    text-overflow: ellipsis;
    border-top: 0;
    border-right: 0;
    display: table-cell;
    vertical-align: top;
    font-weight: normal;
}

.lcellleft {
    text-align: left;
}

.lcellcenter {
    text-align: center;
    margin-left:-5px;
}

.lcellright {
    text-align: right;
}

.lcellvtop {
    vertical-align: top;
}

.lcellvmiddle {
    vertical-align: middle;
}

.lcellvbottom{
    vertical-align: bottom;
}

.lcell20 {
    width: 20%;
}

.lcell60 {
    width: 60%;
}
...

Danke Dir.

Gruß
loeserman

[Boomer55]

Hallo zusammen.

Zur Verdeutlichung meines "Datumsproblems" mal ein Foto. Wie man erkennen kann, wird in der oberen rechten Ecke das korrekte Datum angezeigt und um Mitternacht auch umgestellt. Jedoch wird wird das Datum bei der Wetteransicht sowie die Tagesvorschau nicht aktualisiert. Seite schliessen und neu aufrufen, dann stimmt es wieder bis Mitternacht...

Habe in der Index.html mal die oben genannten Vorschläge eingebaut um zu sehen, ob das funktioniert, jedoch ist das Ergebnis wie am Foto erkennbar leider gleich geblieben.

<div class="center">
    {{ now|date('l') }}, {{ now|date('d.m.Y') }}
    {{ now|smartdate('l') }}, {{ now|smartdate('d.m.Y') }}
    </div>

Stimmt vielleicht am Wetter Widget was nicht oder mache ich was Grundlegendes falsch?

Schönen Gruß,
Markus

[schuma]

Stimmt vielleicht am Wetter Widget was nicht oder mache ich was Grundlegendes falsch?

Wie #274 beschrieben ändern und dann sollte das laufen...

[gerald07]

Hallo Ich hätte da noch eine Wunsch für 2.9

• Plot.period dahingehend erweitert, daß man den Zeitraum für die Daten in der Visu eingeben kann mittels Kalender und Uhrzeit. Somit kann man auch Daten, welche weit in der Vergangenheit liegen anzeigen.
• Plot.period erweitern, damit die aktuellen daten in csv gespeichert werden können.

[smai]

Danke gerald07, gute Ideen. Für 2.9 wird das wohl leider nichts mehr.
Für ersteres gibt es bereits den alten Issue 17, für den Export habe ich den Issue 189 erfasst.

[smai]

loeserman auch zu deinem Problem habe ich nun endlich die Ursache gefunden, es ist dasselbe wie hier:

Der Abstand link ist wohl ein Bug in jQM. In 1.4.5 wird anscheinend die Klasse ui-li-has-thumb gesetzt, sobald irgendwo innerhalb des <li> ein <img> vorkommt. IMHO dürfte diese nur gesetzt werden, wenn das <img> an erster Stelle steht.
Leider habe ich dafür keine saubere Lösungsmöglichkeit gefunden. Du kannst höchstens im <li> ein style="padding-left: 1em" setzen.

[henfri]

loeserman auch zu deinem Problem habe ich nun endlich die Ursache gefunden, es ist dasselbe wie hier:

Jqm patchen?

Gruß,
Hendrik

[smai]

Jqm patchen?

Gerne
Das ist so verschachtelt, ich trau mich ehrlich gesagt da nicht ran.

[henfri]

Dann den Bug melden und hoffen, das es jemand macht?

[loeserman]

Hallo smai,
also das mit dem "style="padding-left: 1em" klappt schon mal hervorragend. Vielen Dank dafür. Super Hinweis.

[smai]

Dann den Bug melden und hoffen, das es jemand macht?

Ich weiss nicht, ob er in der develop 1.5 noch drin ist.
Aber hast du dir die Entwicklung da angeschaut? Seit September 2016 gerade mal zwei Commits (zur Doku)...