Zeit auf dem Dashboard anzeigen

Hallo @pierre-gilles und die Community,

Ich richte mein Dashboard nach und nach ein und mir ist etwas aufgefallen, vielleicht findest du das albern :sweat_smile: aber wir haben nicht die Möglichkeit, die Uhrzeit groß anzuzeigen oder einfach eine Uhr.

Auf meiner Startseite habe ich als Indikator die Fahrzeit zu meinen verschiedenen Arbeitsorten und es wäre nett, die Uhrzeit daneben zu haben.

Was haltet ihr davon?

Gibt es dafür nicht schon eine Anfrage?

Ich hab schnell geschaut, aber nein, ich hab’s nicht gesehen.

Manche wollen die Aktualisierungszeit eines Geräts oder einer Kamera, aber einfach nur die Uhrzeit hab ich nicht gesehen.

Zu simpel als Anfrage. :rofl:

Hallo, ich habe mit der Arbeit an diesem Feature begonnen. Haben Sie eine Idee für das Design? Ich wollte die Uhrzeit anzeigen, aber auch das Datum des Tages. Was halten Sie davon? Ich werde in einigen Tagen einen Pull Request erstellen, damit Sie sehen können, was ich gemacht habe.

Hier ist der betreffende PR mit Screenshots

Hallo

  • Ich hätte mir den Wochentag gerne neben dem Datum gewünscht.
  • Ich finde die Anzeige der Uhrzeit etwas klein.

Die Zeit ist tatsächlich ein bisschen klein, finde ich auch.

Die Zeit ist wichtiger als das Datum, man sollte die Schriftgröße der beiden vertauschen.

Einfaches, aber effektives Format

@Tlse-vins und @jerome, danke für euer Feedback.

Ich habe die Uhrzeit vergrößert, ist es so besser:


Aber für die Anzeige des Datums erlaubt die von uns verwendete Library dayjs das nicht :frowning:

Ich finde, das ist klarer.
Schade für den Tag.

Hallo,

Für den Tag denke ich, dass die Berechnung möglich ist :slight_smile: Es gibt mehrere Methoden, aber im Großen und Ganzen denke ich, dass du dies einfach berechnen kannst, indem du den Zeitstempel oder sogar das Datum verwendest.

Hallo @Lokkye

Ich finde das deutlich besser, ich bin dabei. :zwinkern: :+1:

Ja, daran habe ich gedacht, aber das Datumsformat ist von einer Sprache zur anderen unterschiedlich. Ich werde sehen, was ich tun kann, aber ich möchte vermeiden, dass wir mehr Entwicklung hinzufügen, wenn wir mehr Sprachen zu Gladys hinzufügen.

Du kannst den Wochentag einfach in JS anzeigen, keine Lib nötig…

const d = new Date()
const locale = "fr-FR"
d.toLocaleString(locale, {weekday: 'long'})

Man muss nur die richtige Locale angeben.

Ein kleines Mockup (wilde HTML-Modifikation)

Eigentlich würde ich etwas viel « designorientierter/visueller » sehen, wie es @VonOx gemacht hat.

Man könnte sogar etwas noch Designlastigeres in Betracht ziehen, zum Beispiel ein Zifferblatt oder eine Anzeige im Stil einer Digitaluhr?

Danke @VonOx, es stimmt, das ist viel schöner und verständlicher

@pierre-gilles wir können schon mal einen ersten Entwurf so machen, wenn es dir recht ist, und das Plakat weiterentwickeln. Daran hatte ich auch für das Ziffernblatt gedacht, aber ich weiß nicht, ob das auf einem kleinen Bildschirm lesbar ist.

Eine QLOCKTWO-Uhr könnte lustig sein :smile: ( GitHub - ndpdev/qlocktwo: JavaScript implementation of Biegert & Funk's QLOCKTWO · GitHub )

@Lokkye Genau, mal sehen, ob es kompliziert ist, etwas ein bisschen ausgefeilteres zu machen? Ohne das Rad neu zu erfinden, gibt es Designs, die schon existieren. Es kommt mir nur ein bisschen grob vor ^^

Der Vorschlag von @VonOx ist schon besser, aber wenn es nur 20 Minuten dauert, ein schönes Design umzusetzen, wäre das schade :slight_smile:

@pierre-gilles: Ich habe das Design von @VonOx integriert und eine analoge Uhr hinzugefügt. Ich überlege, es ein bisschen neu zu stylen, weil ich es etwas fad finde.
Was hältst du davon?

@Lokkye das Design von @VonOx ist einfach, aber effektiv.

Was die analoge Uhr angeht, könnte das Nachbessern vielleicht ein bisschen aufwendig sein, aber man sollte meiner Meinung nach schlicht und aufgeräumt bleiben, um im Thema des Gladys-Dashboards zu bleiben.