Place controls in a sigle line instead of having them eat almost a screen.
This commit is contained in:
parent
ef0c826778
commit
f1a87fb77b
|
@ -15,48 +15,74 @@
|
||||||
{{ form.content.errors }}
|
{{ form.content.errors }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if PASTE.has_title %}
|
<div class="form-row">
|
||||||
<div class="form-group">
|
{% if PASTE.has_title %}
|
||||||
<label for="id_title"><span class="add-on"><i class="icon-tag"></i></span> {% trans 'Title' %}</label>
|
<div class="col-auto">
|
||||||
{{ form.title|add_class:"form-control" }}
|
<label class="sr-only" for="id_title"><span class="add-on"><i class="icon-tag"></i></span> {% trans 'Title' %}</label>
|
||||||
{{ form.title.errors }}
|
{{ form.title|add_class:"form-control" }}
|
||||||
</div>
|
{{ form.title.errors }}
|
||||||
{% endif %}
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="col-auto">
|
||||||
<label for="id_language"><span class="add-on"><i class="icon-file-alt"></i></span> {% trans 'Language' %}</label>
|
<label class="sr-only" for="id_language">{% trans 'Language' %}</label>
|
||||||
{{ form.language|add_class:"form-control" }}
|
<div class="input-group">
|
||||||
{{ form.language.errors }}
|
<div class="input-group-prepend">
|
||||||
</div>
|
<div class="input-group-text"><span class="add-on"><i class="icon-file-alt"></i></span></div>
|
||||||
|
</div>
|
||||||
|
{{ form.language|add_class:"form-control" }}
|
||||||
|
</div>
|
||||||
|
{{ form.language.errors }}
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="col-auto">
|
||||||
<label for="id_lifetime"><span class="add-on"><i class="icon-time"></i></span> {% trans 'Expire time' %}</label>
|
<label class="sr-only" for="id_lifetime">{% trans 'Expire time' %}</label>
|
||||||
{{ form.lifetime|add_class:"form-control" }}
|
<div class="input-group">
|
||||||
{{ form.lifetime.errors }}
|
<div class="input-group-prepend">
|
||||||
</div>
|
<div class="input-group-text"><span class="add-on"><i class="icon-time"></i></span></div>
|
||||||
|
</div>
|
||||||
|
{{ form.lifetime|add_class:"form-control" }}
|
||||||
|
</div>
|
||||||
|
{{ form.lifetime.errors }}
|
||||||
|
</div>
|
||||||
|
|
||||||
{% if PASTE.has_expire_by_views %}
|
{% if PASTE.has_expire_by_views %}
|
||||||
<div class="form-group">
|
<div class="col-auto">
|
||||||
<label for="id_lifecount"><span class="add-on"><i class="icon-refresh"></i></span> {% trans 'Expire allowed views' %}</label>
|
<label class="sr-only" for="id_lifecount">{% trans 'Expire allowed views' %}</label>
|
||||||
{{ form.lifecount|add_class:"form-control" }}
|
<div class="input-group">
|
||||||
{{ form.lifecount.errors }}
|
<div class="input-group-prepend">
|
||||||
</div>
|
<div class="input-group-text"><span class="add-on"><i class="icon-refresh"></i></span></div>
|
||||||
{% endif %}
|
</div>
|
||||||
|
{{ form.lifecount|add_class:"form-control" }}
|
||||||
|
</div>
|
||||||
|
{{ form.lifecount.errors }}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="col-auto">
|
||||||
<label for="id_password"><span class="add-on"><i class="icon-lock"></i></span> {% trans 'Password protected' %}</label>
|
<label class="sr-only" for="id_password">{% trans 'Password protected' %}</label>
|
||||||
{{ form.password|add_class:"form-control" }}
|
<div class="input-group">
|
||||||
{{ form.password.errors }}
|
<div class="input-group-prepend">
|
||||||
</div>
|
<div class="input-group-text"><span class="add-on"><i class="icon-lock"></i></span></div>
|
||||||
|
</div>
|
||||||
|
{{ form.password|add_class:"form-control"|placeholder:'Password protected'}}
|
||||||
|
</div>
|
||||||
|
{{ form.password.errors }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-check">
|
||||||
|
{{ form.private|add_class:"form-check-input" }}
|
||||||
|
<label class="form-check-label" for="id_private">{% trans 'Private' %}</label>
|
||||||
|
{{ form.private.errors }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-auto">
|
||||||
|
<button class="btn btn-primary btn-lg" type="submit">{% trans 'Paste' %}</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="form-check">
|
|
||||||
{{ form.private|add_class:"form-check-input" }}
|
|
||||||
<label class="form-check-label" for="id_private">{% trans 'Private' %}</label>
|
|
||||||
{{ form.private.errors }}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
<button class="btn btn-primary" type="submit">{% trans 'Paste' %}</button>
|
|
||||||
<input type="hidden" id="max_characters" value="{{ max_characters }}">
|
<input type="hidden" id="max_characters" value="{{ max_characters }}">
|
||||||
</form>
|
</form>
|
||||||
<div class="d-flex p-2 bd-highlight">
|
<div class="d-flex p-2 bd-highlight">
|
||||||
|
|
|
@ -4,4 +4,10 @@ register = template.Library()
|
||||||
|
|
||||||
@register.filter(name='add_class')
|
@register.filter(name='add_class')
|
||||||
def add_class(value, arg):
|
def add_class(value, arg):
|
||||||
return value.as_widget(attrs={'class': arg})
|
value.field.widget.attrs.update({"class": arg})
|
||||||
|
return value
|
||||||
|
|
||||||
|
@register.filter(name='placeholder')
|
||||||
|
def placeholder(value, arg):
|
||||||
|
value.field.widget.attrs.update({"placeholder": arg})
|
||||||
|
return value
|
||||||
|
|
Loading…
Reference in New Issue