Port the web to bootstrap5

So it is responsive in phones.
This commit is contained in:
Las Zenow 2017-06-08 00:44:35 +00:00
parent 8af2ad3758
commit 6a3da59c75
40 changed files with 1131 additions and 849 deletions

View file

@ -2,35 +2,70 @@
<h4>Dashboard</h4>
<div class="row">
<div class="span8 offset2">
<ul class="nav nav-tabs nav-stacked">
{{if eq .S.Role "admin" "moderator"}}
<li><a href="/submission/moderate/"><i class="icon-book"></i> Moderate submissions</a></li>
{{if eq .S.Role "admin"}}
<li><a href="/news/edit"><i class="icon-certificate"></i> Edit news</a></li>
{{end}}
<li class="divider"></li>
{{end}}
<li><a href="/submission/"><i class="icon-folder-open"></i> Submissions</a></li>
<li><a href="/settings/"><i class="icon-wrench"></i> Settings</a></li>
<li class="divider"></li>
<li><a href="/logout/"><i class="icon-off"></i> Log Out</a></li>
</ul>
<div class="row justify-content-center">
<div class="col-sm-8">
<ul class="nav flex-column">
{{if eq .S.Role "admin" "moderator"}}
<li class="nav-item">
<a class="nav-link" href="/submission/moderate/">
<svg class="bi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#journal-check"/>
</svg>
Moderate submissions
</a>
</li>
{{if eq .S.Role "admin"}}
<li class="nav-item">
<a class="nav-link" href="/news/edit">
<svg class="bi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#newspaper"/>
</svg>
Edit news
</a>
</li>
{{end}}
{{end}}
<li class="nav-item">
<a class="nav-link" href="/submission/">
<svg class="bi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#journal-arrow-up"/>
</svg>
Submissions
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/settings/">
<svg class="bi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#gear"/>
</svg>
Settings
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/logout/">
<svg class="bi" width="1em" height="1em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#power"/>
</svg>
Log Out
</a>
</li>
</ul>
</div>
</div>
{{if .Lists}}
<br />
<h4>My book lists</h4>
<div class="row">
<div class="span8 offset2">
<ul class="nav nav-tabs nav-stacked">
{{range .Lists}}
<li><a href="/list/{{.ListID}}">{{.Title}} ({{len .Books}})</a></li>
{{end}}
<div class="row justify-content-center">
<div class="col-8">
<ul class="nav flex-column">
{{range .Lists}}
<li class="nav-item">
<a class="nav-link" href="/list/{{.ListID}}">{{.Title}} ({{len .Books}})</a>
</li>
{{end}}
</ul>
</div>
</div>
</div>
{{end}}