Türschild / Sofort Buchen / Ansicht

[QuaryDo]

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]

Der Header verschwindet mit
#header {display: none;}

[Sahel2021]

" 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]

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]

ja , public/css/default.css

[QuaryDo]

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);
});