Standardize admin navigation

This commit is contained in:
Matt Baer 2019-04-06 11:15:14 -04:00
parent 45b01c041b
commit 09fb73bdd5
4 changed files with 19 additions and 4 deletions

View File

@ -9,6 +9,19 @@ header.admin {
margin-left: 1em; margin-left: 1em;
} }
} }
nav#admin {
display: block;
margin: 0.5em 0;
a {
color: @primary;
&:first-child {
margin-left: 0;
}
&.selected {
font-weight: bold;
}
}
}
.pager { .pager {
display: flex; display: flex;
justify-content: center; justify-content: center;

View File

@ -43,13 +43,13 @@ function savePage(el) {
</script> </script>
<div class="content-container snug"> <div class="content-container snug">
<h1>Admin Dashboard</h1> {{template "admin-header" .}}
{{if .Message}}<p>{{.Message}}</p>{{end}} {{if .Message}}<p>{{.Message}}</p>{{end}}
<h2>On this page</h2>
<ul class="pagenav"> <ul class="pagenav">
{{if not .SingleUser}} {{if not .SingleUser}}
<li><a href="/admin/users">View Users</a></li>
<li><a href="#page-about">Edit About page</a></li> <li><a href="#page-about">Edit About page</a></li>
<li><a href="#page-privacy">Edit Privacy page</a></li> <li><a href="#page-privacy">Edit Privacy page</a></li>
{{end}} {{end}}

View File

@ -10,7 +10,6 @@ h3 {
</style> </style>
<div class="snug content-container"> <div class="snug content-container">
{{template "admin-header" .}} {{template "admin-header" .}}
<p><a href="/admin/users">View Users</a></p>
<h2 id="posts-header">{{.User.Username}}</h2> <h2 id="posts-header">{{.User.Username}}</h2>

View File

@ -62,6 +62,9 @@
{{define "admin-header"}} {{define "admin-header"}}
<header class="admin"> <header class="admin">
<h1>Admin</h1> <h1>Admin</h1>
<a href="/admin">back to dashboard</a> <nav id="admin">
<a href="/admin" {{if eq .Path "/admin"}}class="selected"{{end}}>Dashboard</a>
{{if not .SingleUser}}<a href="/admin/users" {{if eq .Path "/admin/users"}}class="selected"{{end}}>Users</a>{{end}}
</nav>
</header> </header>
{{end}} {{end}}