tkrebs / ep3-bs

Online booking system for courts
http://bs.hbsys.de/
MIT License
175 stars 104 forks source link

Türschild / Sofort Buchen / Ansicht #624

Open QuaryDo opened 2 months ago

QuaryDo commented 2 months ago

Hallo Zusammen, ich habe unser System super am laufen und schon viele Änderungen mit der Hilfe einiger Kommentare hier umsetzen können. Nun bin ich an einem weiteren Vorhaben. Wir nutzen das System zur Raumverwaltung mehrerer Räumen. Nun würde ich gerne an jeden Raum ein Tablet hängen, auf dem nur der eine Raum und der heutige Tag angezeigt wird. Das hab ich auch schon hinbekommen. Über das Autoreload Skript aktualisiert er sich auch regelmäßig und mit Hilfe der Kiosk-User funktioniert das echt gut. Auch habe ich eine Squareübergabe programmiert so das nur der jeweilige Raum angezeigt wird. Nun zu meinem Problem: Ich würde gerne auf den Tablets das Layout dahingehend ändern, das der ganze Header ausgeblendet wird, also kein Logo, Adresse oder ähnliches angezeigt wird. Ebenso bräuchte ich oben keine Toolbar anzeige, nur eine Login-Möglichkeit. Also kurzgesagt: Ich suche eine Möglichkeit das nur die reine "Kalender-Tabelle" angezeigt wird... Hat da jemand eine Idee wie ich das umsetzen könnte?

Sahel2021 commented 2 months ago

Der Header verschwindet mit

header {display: none;}

Sahel2021 commented 2 months ago

" Auch habe ich eine Squareübergabe programmiert so das nur der jeweilige Raum angezeigt wird. "

Das ist interessant. Könntest du in einem neuen Thread dokumentieren, wie das geht?

QuaryDo commented 2 months ago

Und dann #header in die default.css ? Oder gibts da ne Möglichkeit das so einzubinden das dass nur bei bestimmten angemeldeten Nutzern ist?

das andere schick ich dir gleich!

Sahel2021 commented 2 months ago

ja , public/css/default.css

QuaryDo commented 2 months ago

Hello, habe den Squareverweis angepasst auf Grundlage folgendes Threads.

378

Und habe meinen Autoloader dann wie folgt angepasst, das die neu geladene Seite immer das aktuelle Datum und nur den einen ausgewählten Raum anzeigt (Definiert über die "squares=1" mit Komma getrennt kannst du dann die verschiedenen Räume anzeigen lassen.

// Alle 60 Sekunden sich selber mit dem aktuellen Tagesdatum aufrufen lassen $(document).ready(function(){ setInterval(function() { start = Date.now(); const dateTimeFormat = new Intl.DateTimeFormat('en', { year: 'numeric', month: '2-digit', day: '2-digit' }); const [{ value: month },,{ value: day },,{ value: year }] = dateTimeFormat.formatToParts(start); location.href = "?date=" + ${year}-${month}-${day} + "&squares=1"; }, 60000); });