Neues Datums- und Uhrzeit-Plugin basierend auf strftime

[hannes loehr]

Ok, entschuldigung, das war mir nicht bewußt. Die Anzeige in der obersten Zeile ist ja etwas an der Basisstruktur unabhängig von irgendwelchen pages. Wäre es anzudenken, die Logik aus dem Plugin evtl. in eine Funktion der template_engine.js teils zu kopieren?

Ich wäre dankbar für einen kleinen Wink, wie ich das sauberer überarbeiten könnte. Ansonsten bitte negatives Feedback oder Kritik gerade heraus schreiben, damit ich etwas dazulernen kann.

Danke für den Hinweis.

[Chris M.]

Mir geht es v.a. darum, dass das nicht generisch ist, so wie es implementiert ist ist es eine extreme Sonderlocke. Und es missbraucht die navbar für etwas, das eben keine Navigation ist.
Ich hab's mit Planet noch nicht ausprobiert - aber dort wird z.B. die Navbar in der Seite verschoben. Oder andere Designs blenden die ganz aus...

Nun, wir könnten definieren, dass man da (optional) die Uhrzeit einblenden kann (so wie jetzt implementiert). Doch dann kommt der nächste, der sagt: wie? Uhrzeit kann ich im Footer haben, oben will ich ein Info-Widget das mir etwas über den grundsätzlichen Status des Hauses sagt. Oder ...

Oder wir können dann einfach einen weiteren Bereich definieren, der rechts von der navbar sitzt und beliebig mit Widgets vollgestellt werden kann (dann würde strftime und info gehen. Und ein pagejump. ...).
Dann würde aber sicher auch der Bedarf kommen entsprechend flexibel mit dem Footer umzugehen.

Fazit: Stand jetzt bin ich(*) noch der Meinung, dass wir hier das Optimum überschritten haben. Die Text-Seiten sind in ihrer Struktur nun mal limitiert. Das ist deren große Schwäche - aber eben auch die stärke: ich kaufe mir eine übersichtliche Konfiguration und schnelle Erstellbarkeit mit mangelnder Flexibilität.

Wenn ich freier sein möchte, dann muss ich zu 2D Seiten greifen. Dauert im Erstellen länger, gibt mir aber freie Platzierbarkeit der Elemente.

--
(*) Natürlich bin ich offen für Diskussionen. Sowohl über die Relevanz dieses Features als auch möglicher generischer Implementierungen.

[MicHau]

Wenn Du eine Top-Navbar benutzt gäbe es eventuell einen Trick. Dann kannst Du die Uhr als letztes Element in die Navbar setzen und einfach ein wenig nach oben verschieben.

#navbarTop .navbar .widget_container:last-child { position: absolute; right: 0; top: -12px;}
#navbarTop .navbar .widget_container:last-child .widget {  background: none; }

Sorry, war gestern anderweitig beschäftigt, daher komme ich erst heute dazu, weiter daran zu arbeiten.
Ich hätte als Lösung des Problems den folgenden Vorschlag, den man meines Erachtens auch dauerhaft ins Metal-Design einbauen kann. Immer wenn das letzte Element im Navbar (Top oder Bottom) ein Element mit der Klasse 'strftime' enthält, wird dieses rechtsbündig positioniert.

#navbarTop .navbar .widget_container:last-child .strftime, #navbarBottom .navbar .widget_container:last-child .strftime{ position: absolute; right: 0; }

Ist das zu einfach gedacht, habe ich irgendetwas übersehen?

[hannes loehr]

Hi,

ich hatte makki und netsrac so verstanden, dass das nicht in eine navbar sollte, sondern ganz oben in die Zeile, wo der Pfad zu den Seiten dynamisch drinsteht (siehe Funktion updateTopNavigation).

ChrisM hat ja gestern abend noch den Hinweis gegeben, wie man es besser machen könnte. Ich hatte es erst auch so gebaut, dass man generisch Inhalte oben rechts in die Zeile setzen konnte, es dann aber wieder auf ein reines strftime reduziert.

Entweder entferne ich es jetzt wieder oder mache es generischer. Weitere Meinungen dazu?

Gruß
Hannes

[MicHau]

- jqclock kann damit im Prinzip weg, weil es ist dasselbe, nur in hässlicher

Wie sieht es eigentlich damit aus, soll das jqclock-Plugin wegen Redundanz entfernt werden? Gibt es irgendwelche Einsprüche gegen ein Entfernen?

Wenn nein, würde ich das in den nächsten Tagen durchführen.

[makki]

Nachtrag: Nein, keine Einwände

Makki

[netsrac]

So....ich habe dem srtftime-plugin noch einen optionalen class-Parameter spendiert. Damit lässt sich dann sowas machen, wie im Bild unten gezeigt.

Config dafür:

      <group name="Aktuelle Zeit" class="tempclass">
        <layout colspan="3" />

        <group nowidget="true">
          <layout colspan="3" />
          <strftime lang="de" format='%H:%M' class="timebig"><layout colspan="3"/></strftime>
          <break />
          <strftime lang="de" format='%A, %d. %B %Y' class="timedate"><layout colspan="3"/></strftime>
        </group>

      </group>

Im custom.css dann wie folgt definiert:

.custom_timebig {
    padding: 0;
    margin: 0;
    color: #75d5ff;
    min-height: 0mm;
    line-height: 8mm;
    font: bold 14mm "Lucida Grande", Lucida, Verdana, sans-serif;
}

.custom_timebig > div.strftime_value {
    text-align: center;
    line-height: 16mm;
}

.custom_timedate > div.strftime_value {
        text-align: center;
}

Dadurch, dass es optional ist, sollte es niemanden stören, der es nicht verwendet ;-)

Gruß, Netsrac

[swiss]

Gefällt mir sehr gut.

Danke!

[netsrac]

Danke!

Bitte bitte :-)

Wobei ich es primär aus Eigennutz (oder besser damit es Mausi auch gefällt)

[swiss]

Hallo Carsten

Ich habe auch gleich mal das strftime Plugin mit deiner css konfig in das metal Design eingebaut. Leider bin ich in css überhaubt nicht fit. Ich habe es zwar hin bekommen die Schriftgrösse anzupassen aber wie bekomme ich es hin, dass das Datumfeld gleich hoch ist wie das Timefeld trotz der kleineren Schrift?

Hier meine aktuelle css:

/*
 * custom local css to overload declarations in each design (basic.css)
 */
.custom_timebig {
    padding: 0;
    margin: 0;
    color: #75d5ff;
    min-height: 0mm;
    line-height: 8mm;
    font: bold 12mm "Lucida Grande", Lucida, Verdana, sans-serif;
}

.custom_timebig > div.strftime_value {
    text-align: center;
    line-height: 14mm;
}

.custom_timedate {
    padding: 0;
    margin: 0;
    min-height: 0mm;
    line-height: 8mm;
    font: bold 3mm "Lucida Grande", Lucida, Verdana, sans-serif;
}

.custom_timedate > div.strftime_value {
        text-align: center;
}

Im Anhang mal ein Screenschot.

[swiss]

Noch eine Ergänzung...

Durch das neue Attribut class wird die config nicht mehr als valide angesehen und der neue Editor lässt sich nicht mehr aufrufen.

Ich habe jetzt mal in der visu_config.xsd den Eintrag wie folgt angepasst:

  <xsd:complexType name="strftime">
    <xsd:choice maxOccurs="unbounded" minOccurs="1">
      <xsd:element name="layout" type="layout" minOccurs="0" maxOccurs="1" />
    </xsd:choice>
    <xsd:attribute name="lang" use="optional">
      <xsd:simpleType>
        <xsd:restriction base="xsd:string">
          <xsd:enumeration value="en" />
          <xsd:enumeration value="de" />
          <xsd:enumeration value="fr" />
        </xsd:restriction>
      </xsd:simpleType>
    </xsd:attribute>
    <xsd:attribute name="format" type="xsd:string" use="optional" />
    <xsd:attribute name="class" type="xsd:string" use="optional" />
  </xsd:complexType>

So wird die config wieder als valide betrachtet und der Editor funktioniert wieder. Er bekommt sogar eine neue Option "class" für das strftime Widget. ->toll

Die frage ist, ob ich das so korrekt gelöst habe und ob das jemand von den Profis einchecken mag?

[alexmosel]

hallo,

habe das Template von Swiss als Grundstock genommen. Wie schaffe ich es,d ass die Zeit auch mit dem Srtf time plugin angezeigt wird. Bei mir steht sie nur als standart- text dort. ?

[swiss]

Das musst du noch von Hand in die CSS Datei eintragen. Siehe den anderen Thread in dem ich bereits darauf geantwortet habe