ux: More style (bulma / fork-awesome) for logged in users
This commit is contained in:
parent
1d09019875
commit
a60434e662
14 changed files with 275 additions and 62 deletions
19
templates/partials/create_domain_form.html
Normal file
19
templates/partials/create_domain_form.html
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<div class="container is-widescreen mt-5">
|
||||
<article class="message is-info">
|
||||
<div class="message-header">
|
||||
<p><i class="fa fa-university mr-3" aria-hidden="true"></i>Create domain</p>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
<form action="/domain" method="POST">
|
||||
<div class="field">
|
||||
<label class="label">Domain name</label>
|
||||
<div class="control">
|
||||
<input name="domainname" class="input" type="text" placeholder="example.com">
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="button is-info is-link">Create</button>
|
||||
</form>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
51
templates/partials/create_user_form.html
Normal file
51
templates/partials/create_user_form.html
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<div class="container is-widescreen mt-5">
|
||||
<article class="message is-info">
|
||||
<div class="message-header">
|
||||
<p><i class="fa fa-user mr-3" aria-hidden="true"></i>Create user</p>
|
||||
</div>
|
||||
<div class="message-body">
|
||||
<form action="/user" method="POST">
|
||||
{% if domain %}
|
||||
<input name="domain" type="hidden" value="{{ domain.name }}">
|
||||
{% else %}
|
||||
<div class="field is-horizontal">
|
||||
<div class="field-label is-flex-grow-0 is-align-content-center">
|
||||
<label class="label">Domain</label>
|
||||
</div>
|
||||
<div class="field-body">
|
||||
<div class="field">
|
||||
<div class="control">
|
||||
<div class="select">
|
||||
<select name="domain" autocomplete="{{ domains|map(attribute = 'name')|join(' ') }}">
|
||||
{% for domain in domains %}
|
||||
<option>{{ domain.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input name="username" class="input" type="text" placeholder="myuser">
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fa fa-user"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<div class="control has-icons-left">
|
||||
<input name="password" class="input" type="password" placeholder="password">
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fa fa-lock"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<button type="submit" class="button is-info is-link">Create</button>
|
||||
</form>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in a new issue