Fachschaft/sprechstunden-go
7
1
Fork 0
Code Issues 6 Pull requests Releases Activity

ui: style remaining pages

Browse source 
Mostly, this reduces to displaying the short content inside a more narrow block, fitting into the horizontal header and footer limits.
This commit is contained in:
Johannes 2023-07-09 12:27:17 +02:00
parent 826f6597fd
commit 4d7d98feed
10 changed files with 73 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

62
templating/templates/index.html
View file

@ -9,38 +9,40 @@ Sprechstunden
{{end}}
{{define "content"}}
<form method="GET" action="/getByCourse">
<div class="input-group mb-3">
<div class="form-floating col-lg-8">
<select class="form-control form-select" name="veranstaltung" id="veranstaltung" size="1" onchange="document.forms[0].submit()">
<option value="">–– auswählen ––</option>
{{range $course := .Courses}}
<option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
{{end}}
</select>
<label for="veranstaltung">Veranstaltung</label>
<div id="queryMask" class="col-md-8 offset-md-2">
<form method="GET" action="/getByCourse">
<div class="input-group mb-3">
<div class="form-floating col-lg-8">
<select class="form-control form-select" name="veranstaltung" id="veranstaltung" size="1" onchange="document.forms[0].submit()">
<option value="">–– auswählen ––</option>
{{range $course := .Courses}}
<option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
{{end}}
</select>
<label for="veranstaltung">Veranstaltung</label>
</div>
<noscript>
<button class="btn btn-sm btn-outline-secondary col-lg-4" type="submit">Los!</button>
</noscript>
</div>
<noscript>
<button class="btn btn-sm btn-outline-secondary col-lg-4" type="submit">Los!</button>
</noscript>
</div>
</form>
<form method="GET" action="/getByRoom">
<div class="input-group mb-3">
<div class="form-floating">
<select class="form-control form-select" name="raum" id="raum" size="1" onchange="document.forms[1].submit()">
<option value="">–– auswählen ––</option>
{{range $room := .Rooms}}
<option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
{{end}}
</select>
<label for="raum">Raum</label>
</form>
<form method="GET" action="/getByRoom">
<div class="input-group mb-3">
<div class="form-floating">
<select class="form-control form-select" name="raum" id="raum" size="1" onchange="document.forms[1].submit()">
<option value="">–– auswählen ––</option>
{{range $room := .Rooms}}
<option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
{{end}}
</select>
<label for="raum">Raum</label>
</div>
<noscript>
<button class="btn btn-outline-secondary col-lg-4" type="submit">Los!</button>
</noscript>
</div>
<noscript>
<button class="btn btn-outline-secondary col-lg-4" type="submit">Los!</button>
</noscript>
</div>
</form>
</form>
</div>
<div id="timetable" style="overflow-x: scroll;">
{{.Timetable}}
</div>