Port the web to bootstrap5
So it is responsive in phones.
This commit is contained in:
parent
8af2ad3758
commit
6a3da59c75
40 changed files with 1131 additions and 849 deletions
|
@ -1,8 +1,33 @@
|
|||
{{template "header.html" .S}}
|
||||
|
||||
<h4>Add user:</h4>
|
||||
<form class="row" method="POST" action="/admin/users/add/">
|
||||
<div class="col-6 col-md-3">
|
||||
<label class="col-form-label" for="username">Username</label>
|
||||
<input class="form-control" type="text" id="username" name="username">
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3">
|
||||
<label class="col-form-label" for="role">Role</label>
|
||||
<input class="form-control" type="text" id="role" name="role" value="moderator">
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3">
|
||||
<label class="col-form-label" for="password">Password</label>
|
||||
<input class="form-control" type="password" id="password" name="password">
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-3">
|
||||
<br />
|
||||
<button type="submit" class="btn btn-primary" id="submit">Create</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<br />
|
||||
<h4>Users:</h4>
|
||||
|
||||
<table class="table table-hover">
|
||||
<div class="table-responsive-md">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<th>username</th>
|
||||
<th>role</th>
|
||||
|
@ -13,16 +38,24 @@
|
|||
{{range .Users}}
|
||||
<tr>
|
||||
<td>{{.Username}}</td>
|
||||
<td><form class="row form-inline" method="POST" action="/admin/users/">
|
||||
<td><form class="row" method="POST" action="/admin/users/">
|
||||
<input type="hidden" id="username" name="username" value="{{.Username}}">
|
||||
<div class="col">
|
||||
<input type="text" id="role" name="role" value="{{.Role}}">
|
||||
</div>
|
||||
<div class="col">
|
||||
<button type="submit" class="btn btn-primary">Update</button>
|
||||
</div>
|
||||
</form>
|
||||
</td>
|
||||
<td><form class="row form-inline" method="POST" action="/admin/users/">
|
||||
<input type="hidden" id="username" name="username" value="{{.Username}}">
|
||||
<input type="password" id="password" name="password" placeholder="password">
|
||||
<button type="submit" class="btn btn-primary">Update</button>
|
||||
<div class="col">
|
||||
<input type="password" id="password" name="password" placeholder="password">
|
||||
</div>
|
||||
<div class="col">
|
||||
<button type="submit" class="btn btn-primary">Update</button>
|
||||
</div>
|
||||
</form>
|
||||
</td>
|
||||
<td>{{.LastLogin.Format "2006-01-02"}}</td>
|
||||
|
@ -30,33 +63,6 @@
|
|||
{{end}}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h4>Add user:</h4>
|
||||
<form class="form-horizontal" method="POST" action="/admin/users/add/">
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="username">Username</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="username" name="username">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="role">Role</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="role" name="role" value="moderator">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="password">Password</label>
|
||||
<div class="controls">
|
||||
<input type="password" id="password" name="password">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{{template "footer.html" .S}}
|
||||
|
|
Reference in a new issue