mirror of https://github.com/snachodog/mybuddy.git
50 lines
2.2 KiB
HTML
50 lines
2.2 KiB
HTML
{% load widget_tweaks %}
|
|
|
|
<label for="id_{{ field.name }}" class="col-sm-2 col-form-label{% if field|field_type == 'booleanfield' %} boolean-label{% endif %}">
|
|
{% if field|field_type != "booleanfield" %}
|
|
{{ field.label }}
|
|
{% endif %}
|
|
</label>
|
|
<div class="col-sm-10">
|
|
{% if field|field_type == "booleanfield" %}
|
|
<div class="btn-group-toggle" data-toggle="buttons">
|
|
<label for="id_{{ field.name }}" class="btn btn-outline-light btn-no-hover{% if field.value %} active{% endif %}">
|
|
{% if field.errors %}
|
|
{{ field|add_class:"is-invalid" }}
|
|
{% else %}
|
|
{{ field }}
|
|
{% endif %}
|
|
{{ field.label }}
|
|
</label>
|
|
</div>
|
|
{% elif field|field_type == "datetimefield" or field|field_type == "datefield" %}
|
|
<div class="input-group input-group-lg datetimepicker" id="datetimepicker_{{ field.name }}" data-target-input="nearest">
|
|
<div class="input-group-prepend px-2 rounded-left bg-dark" data-target="#datetimepicker_{{ field.name }}" data-toggle="datetimepicker">
|
|
<span class="input-group-text"><i class="icon-calendar"></i></span>
|
|
</div>
|
|
{% if field.errors %}
|
|
{{ field|add_class:"datetimepicker-input form-control form-control-lg is-invalid" }}
|
|
{% else %}
|
|
{{ field|add_class:"datetimepicker-input form-control form-control-lg" }}
|
|
{% endif %}
|
|
</div>
|
|
{% elif 'choice' in field|field_type %}
|
|
{% if field.errors %}
|
|
{{ field|add_class:"custom-select is-invalid" }}
|
|
{% else %}
|
|
{{ field|add_class:"custom-select" }}
|
|
{% endif %}
|
|
{% else %}
|
|
{% if field.errors %}
|
|
{{ field|add_class:"form-control is-invalid" }}
|
|
{% else %}
|
|
{{ field|add_class:"form-control" }}
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if field.help_text %}
|
|
<div class="help-block"><small>{{ field.help_text }}</small></div>
|
|
{% endif %}
|
|
{% if field.errors %}
|
|
<div class="invalid-feedback">{% for error in field.errors %}{{ error }}{% endfor %}</div>
|
|
{% endif %}
|
|
</div> |