💄 Restyle some forms

This commit is contained in:
Andreas Schneider 2020-10-31 10:21:26 +01:00
parent 6993a9f58b
commit 1f91686d25
4 changed files with 80 additions and 72 deletions

View File

@ -1,17 +1,21 @@
{{ define "page-styles"}} {{ define "page-styles"}}
<style>
{{ end }} div.controls {
margin-top: 1em;
{{ define "page-content" }} }
<form method="post" action="{{ $.URL }}"> </style>
{{ range $k, $v := .Fields }} {{ end }}
<input type="hidden" name="{{ $k }}" value="{{ $v }}"/>
{{ end }} {{ define "page-content" }}
<div class="confirm message"> <form method="post" action="{{ $.URL }}" class="dialog">
{{ $.Message }} {{ range $k, $v := .Fields }}
</div> <input type="hidden" name="{{ $k }}" value="{{ $v }}"/>
<div> {{ end }}
<input type="submit" name="_yes" value="Yes"/> <input type="submit" name="_no" value="No"/> <div class="message">
</div> {{ $.Message }}
</form> </div>
<div class="controls">
<input type="submit" name="_yes" value="Yes"/> <input type="submit" name="_no" value="No"/>
</div>
</form>
{{ end }} {{ end }}

View File

@ -1,24 +1,20 @@
{{ define "page-styles"}} {{ define "page-styles"}}
<style> <style>
#content label,
#content label > * { </style>
display: block; {{ end }}
}
</style> {{ define "page-content" }}
{{ end }} <form method="post" class="dialog">
<div class="form-content">
{{ define "page-content" }} <label for="name">Name</label>
<form method="post"> <input type="text" width="40" id="name" name="name" placeholder="Enter name"/>
<div>
<label> <label for="desc">Role</label>
Name: <input type="text" width="40" name="name" placeholder="Enter name"/> <textarea rows="5" cols="40" id="desc" name="description" placeholder="Enter description"></textarea>
</label> </div>
<label> <div class="form-controls">
Role: <textarea rows="5" cols="40" name="description" placeholder="Enter description"></textarea> <input type="submit" value="Create share"/>
</label> </div>
</div> </form>
<div>
<input type="submit" value="Create share"/>
</div>
</form>
{{ end }} {{ end }}

View File

@ -1,15 +1,20 @@
{{ define "page-content" }} {{ define "page-content" }}
<form method="post"> <form method="post" class="dialog">
<input name="share" type="hidden" value="{{ .ShareId }}"/> <div class="form-content">
<label> <input name="share" type="hidden" value="{{ .ShareId }}"/>
Login: <input name="login" placeholder="Login name"/>
</label> <label for="login">Login</label>
<label> <input name="login" id="login" placeholder="Login name"/>
Password: <input type="password" name="password" placeholder="Password"/>
</label> <label for="password">Password</label>
<label> <input type="password" name="password" id="password" placeholder="Password"/>
ReadOnly: <input type="checkbox" name="readonly"/>
</label> <label for="readonly">ReadOnly</label>
<input type="submit" value="Add Login"/> <input type="checkbox" name="readonly" id="readonly"/>
</div>
<div class="form-controls">
<input type="submit" value="Add Login"/>
</div>
</form> </form>
{{ end }} {{ end }}

View File

@ -1,22 +1,25 @@
{{ define "page-content" }} {{ define "page-content" }}
<form method="post"> <form method="post" class="dialog">
<input name="share" type="hidden" value="{{ .ShareId }}"/> <div class="form-content">
<label> <input name="share" type="hidden" value="{{ .ShareId }}"/>
User:
<select name="user"> <label for="user">User</label>
{{ range $user := .Users}} <select name="user" id="user">
<option value="{{ $user.Username }}">{{ $user.Username }}</option> {{ range $user := .Users}}
{{ end }} <option value="{{ $user.Username }}">{{ $user.Username }}</option>
</select> {{ end }}
</label> </select>
<label>
Role: <label for="role">Role</label>
<select name="role"> <select name="role" id="role">
<option value="reader">Reader</option> <option value="reader">Reader</option>
<option value="writer" selected>Writer</option> <option value="writer" selected>Writer</option>
<option value="admin">Admin</option> <option value="admin">Admin</option>
</select> </select>
</label>
<input type="submit" value="Add User"/> </div>
</form> <div class="form-controls">
<input type="submit" value="Add User"/>
</div>
</form>
{{ end }} {{ end }}