Moar form styling

rest_framework/templates/rest_framework/base.html

@@ -59,7 +59,7 @@
                 <ul class="breadcrumb">
                     {% for breadcrumb_name, breadcrumb_url in breadcrumblist %}
                         {% if forloop.last %}
-                            <li class="active">{{ breadcrumb_name }}</li>
+                            <li class="active"><a href="{{ breadcrumb_url }}">{{ breadcrumb_name }}</a></li>
                         {% else %}
                             <li><a href="{{ breadcrumb_url }}">{{ breadcrumb_name }}</a></li>
                         {% endif %}

rest_framework/templates/rest_framework/horizontal/fields/checkbox.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     <div class="col-sm-offset-2 col-sm-10">
         <div class="checkbox">
             <label>
@@ -6,5 +6,11 @@
                 {% if field.label %}{{ field.label }}{% endif %}
             </label>
         </div>
+        {% if field.errors %}
+            {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+        {% endif %}
+        {% if field.help_text %}
+            <span class="help-block">{{ field.help_text }}</span>
+        {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/horizontal/fields/select_checkbox.html → rest_framework/templates/rest_framework/horizontal/fields/checkbox_multiple.html

 <div class="form-group">
     {% if field.label %}
-        <label class="col-sm-2 control-label {% if field.style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
+        <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
     {% endif %}
     <div class="col-sm-10">
-    {% if field.style.inline %}
+    {% if style.inline %}
         {% for key, text in field.choices.items %}
             <label class="checkbox-inline">
                 <input type="checkbox" name="{{ field.name }}" value="{{ key }}" {% if key in field.value %}checked{% endif %}>
@@ -20,5 +20,11 @@
             </div>
         {% endfor %}
     {% endif %}
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/horizontal/fields/fieldset.html

@@ -2,10 +2,10 @@
 <fieldset>
     {% if field.label %}
         <div class="form-group" style="border-bottom: 1px solid #e5e5e5">
-            <legend class="control-label col-sm-2 {% if field.style.hide_label %}sr-only{% endif %}" style="border-bottom: 0">{{ field.label }}</legend>
+            <legend class="control-label col-sm-2 {% if style.hide_label %}sr-only{% endif %}" style="border-bottom: 0">{{ field.label }}</legend>
         </div>
     {% endif %}
     {% for nested_field in field %}
-        {% render_field nested_field layout=layout renderer=renderer %}
+        {% render_field nested_field template_pack=template_pack renderer=renderer %}
     {% endfor %}
 </fieldset>

rest_framework/templates/rest_framework/horizontal/fields/input.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label class="col-sm-2 control-label {% if field.style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
+        <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
     {% endif %}
     <div class="col-sm-10">
-        <input name="{{ field.name }}" type="{{ input_type }}" class="form-control" {% if field.style.placeholder %}placeholder="{{ field.style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
-        {% if field.help_text %}<p class="help-block">{{ field.help_text }}</p>{% endif %}
+        <input name="{{ field.name }}" class="form-control" type="{{ style.input_type }}" novalidate {% if style.placeholder %}placeholder="{{ style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
+        {% if field.errors %}
+            {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+        {% endif %}
+        {% if field.help_text %}
+            <span class="help-block">{{ field.help_text }}</span>
+        {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/horizontal/fields/list_fieldset.html

@@ -2,7 +2,7 @@
 <fieldset>
     {% if field.label %}
         <div class="form-group" style="border-bottom: 1px solid #e5e5e5">
-            <legend class="control-label col-sm-2 {% if field.style.hide_label %}sr-only{% endif %}" style="border-bottom: 0">{{ field.label }}</legend>
+            <legend class="control-label col-sm-2 {% if style.hide_label %}sr-only{% endif %}" style="border-bottom: 0">{{ field.label }}</legend>
         </div>
     {% endif %}
     <ul>

rest_framework/templates/rest_framework/horizontal/fields/select_radio.html → rest_framework/templates/rest_framework/horizontal/fields/radio.html

 <div class="form-group">
     {% if field.label %}
-        <label class="col-sm-2 control-label {% if field.style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
+        <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
     {% endif %}
     <div class="col-sm-10">
-    {% if field.style.inline %}
+    {% if style.inline %}
         {% for key, text in field.choices.items %}
             <label class="radio-inline">
                 <input type="radio" name="{{ field.name }}" value="{{ key }}" {% if key == field.value %}checked{% endif %}>
@@ -20,5 +20,11 @@
             </div>
         {% endfor %}
     {% endif %}
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/horizontal/fields/select.html

 <div class="form-group">
     {% if field.label %}
-        <label class="col-sm-2 control-label {% if field.style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
+        <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
     {% endif %}
     <div class="col-sm-10">
         <select class="form-control" name="{{ field.name }}">
@@ -8,5 +8,11 @@
             <option value="{{ key }}" {% if key == field.value %}selected{% endif %}>{{ text }}</option>
         {% endfor %}
         </select>
+        {% if field.errors %}
+            {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+        {% endif %}
+        {% if field.help_text %}
+            <span class="help-block">{{ field.help_text }}</span>
+        {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/horizontal/fields/select_multiple.html

 <div class="form-group">
     {% if field.label %}
-        <label class="col-sm-2 control-label {% if field.style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
+        <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
     {% endif %}
     <div class="col-sm-10">
         <select multiple class="form-control" name="{{ field.name }}">
@@ -8,5 +8,11 @@
             <option value="{{ key }}" {% if key in field.value %}selected{% endif %}>{{ text }}</option>
             {% endfor %}
         </select>
+        {% if field.errors %}
+            {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+        {% endif %}
+        {% if field.help_text %}
+            <span class="help-block">{{ field.help_text }}</span>
+        {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/horizontal/fields/textarea.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label class="col-sm-2 control-label {% if field.style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
+        <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
     {% endif %}
     <div class="col-sm-10">
-        <textarea name="{{ field.name }}" class="form-control" {% if field.style.placeholder %}placeholder="{{ field.style.placeholder }}"{% endif %} {% if field.style.rows %}rows="{{ field.style.rows }}"{% endif %}>{% if field.value %}{{ field.value }}{% endif %}</textarea>
-        {% if field.help_text %}<p class="help-block">{{ field.help_text }}</p>{% endif %}
+        <textarea name="{{ field.name }}" class="form-control" {% if style.placeholder %}placeholder="{{ style.placeholder }}"{% endif %} {% if style.rows %}rows="{{ style.rows }}"{% endif %}>{% if field.value %}{{ field.value }}{% endif %}</textarea>
+        {% if field.errors %}
+            {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+        {% endif %}
+        {% if field.help_text %}
+            <span class="help-block">{{ field.help_text }}</span>
+        {% endif %}
     </div>
 </div>

rest_framework/templates/rest_framework/inline/fields/checkbox.html

-<div class="checkbox">
-    <label>
-        <input type="checkbox" name="{{ field.name }}" value="true" {% if field.value %}checked{% endif %}>
-        {% if field.label %}{{ field.label }}{% endif %}
-    </label>
+<div class="form-group {% if field.errors %}has-error{% endif %}">
+    <div class="checkbox">
+        <label>
+            <input type="checkbox" name="{{ field.name }}" value="true" {% if field.value %}checked{% endif %}>
+            {% if field.label %}{{ field.label }}{% endif %}
+        </label>
+    </div>
 </div>

rest_framework/templates/rest_framework/inline/fields/select_checkbox.html → rest_framework/templates/rest_framework/inline/fields/checkbox_multiple.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
         <label class="sr-only">{{ field.label }}</label>
     {% endif %}

rest_framework/templates/rest_framework/inline/fields/fieldset.html

 {% load rest_framework %}
 {% for nested_field in field %}
-    {% render_field nested_field layout=layout renderer=renderer %}
+    {% render_field nested_field template_pack=template_pack renderer=renderer %}
 {% endfor %}

rest_framework/templates/rest_framework/inline/fields/input.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
         <label class="sr-only">{{ field.label }}</label>
     {% endif %}
-    <input name="{{ field.name }}" type="{{ input_type }}" class="form-control" {% if field.style.placeholder %}placeholder="{{ field.style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
+    <input name="{{ field.name }}" class="form-control" type="{{ style.input_type }}" novalidate {% if style.placeholder %}placeholder="{{ style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
 </div>

rest_framework/templates/rest_framework/inline/fields/select_radio.html → rest_framework/templates/rest_framework/inline/fields/radio.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
         <label class="sr-only">{{ field.label }}</label>
     {% endif %}

rest_framework/templates/rest_framework/inline/fields/select.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
         <label class="sr-only">{{ field.label }}</label>
     {% endif %}

rest_framework/templates/rest_framework/inline/fields/select_multiple.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
         <label class="sr-only">{{ field.label }}</label>
     {% endif %}

rest_framework/templates/rest_framework/inline/fields/textarea.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
         <label class="sr-only">{{ field.label }}</label>
     {% endif %}
-    <input name="{{ field.name }}" type="{{ input_type }}" class="form-control" {% if field.style.placeholder %}placeholder="{{ field.style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
+    <input name="{{ field.name }}" type="text" class="form-control" {% if style.placeholder %}placeholder="{{ style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
 </div>

rest_framework/templates/rest_framework/vertical/fields/checkbox.html

-<div class="checkbox">
-    <label>
-        <input type="checkbox" name="{{ field.name }}" value="true" {% if value %}checked{% endif %}>
-        {% if field.label %}{{ field.label }}{% endif %}
-    </label>
-</div>
+<div class="form-group {% if field.errors %}has-error{% endif %}">
+    <div class="checkbox">
+        <label>
+            <input type="checkbox" name="{{ field.name }}" value="true" {% if value %}checked{% endif %}>
+            {% if field.label %}{{ field.label }}{% endif %}
+        </label>
+    </div>
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
+</div>
\ No newline at end of file

rest_framework/templates/rest_framework/vertical/fields/select_checkbox.html → rest_framework/templates/rest_framework/vertical/fields/checkbox_multiple.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+        <label {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
     {% endif %}
-    {% if field.style.inline %}
+    {% if style.inline %}
         <div>
         {% for key, text in field.choices.items %}
             <label class="checkbox-inline">
@@ -21,4 +21,10 @@
         </div>
         {% endfor %}
     {% endif %}
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
 </div>

rest_framework/templates/rest_framework/vertical/fields/fieldset.html

 {% load rest_framework %}
 <fieldset>
-    {% if field.label %}<legend {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</legend>{% endif %}
+    {% if field.label %}<legend {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</legend>{% endif %}
     {% for nested_field in field %}
-        {% render_field nested_field layout=layout renderer=renderer %}
+        {% render_field nested_field template_pack=template_pack renderer=renderer %}
     {% endfor %}
 </fieldset>

rest_framework/templates/rest_framework/vertical/fields/input.html

-<div class="form-group">
+<div class="form-group  {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+        <label {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+    {% endif %}
+    <input name="{{ field.name }}" class="form-control" type="{{ style.input_type }}" novalidate {% if style.placeholder %}placeholder="{{ style.placeholder }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
     {% endif %}
-    <input name="{{ field.name }}" type="{{ input_type }}" class="form-control" {% if field.style.placeholder %}placeholder="{{ field.style.placeholder }}"{% endif %} {% if field.style.rows %}rows="{{ field.style.rows }}"{% endif %} {% if field.value %}value="{{ field.value }}"{% endif %}>
-    {% if field.help_text %}<p class="help-block">{{ field.help_text }}</p>{% endif %}
 </div>

rest_framework/templates/rest_framework/vertical/fields/list_fieldset.html

 <fieldset>
-    {% if field.label %}<legend {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</legend>{% endif %}
-<!--     {% if field.label %}<legend {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</legend>{% endif %}
+    {% if field.label %}<legend {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</legend>{% endif %}
+<!--     {% if field.label %}<legend {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</legend>{% endif %}
     {% for field_item in field.value.field_items.values() %}
         {{ renderer.render_field(field_item, layout=layout) }}
     {% endfor %} -->

rest_framework/templates/rest_framework/vertical/fields/select_radio.html → rest_framework/templates/rest_framework/vertical/fields/radio.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+        <label {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
     {% endif %}
-    {% if field.style.inline %}
+    {% if style.inline %}
         <div>
         {% for key, text in field.choices.items %}
             <label class="radio-inline">
@@ -21,4 +21,10 @@
             </div>
         {% endfor %}
     {% endif %}
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
 </div>

rest_framework/templates/rest_framework/vertical/fields/select.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+        <label {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
     {% endif %}
     <select class="form-control" name="{{ field.name }}">
         {% for key, text in field.choices.items %}
         <option value="{{ key }}" {% if key == field.value %}selected{% endif %}>{{ text }}</option>
         {% endfor %}
     </select>
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
 </div>

rest_framework/templates/rest_framework/vertical/fields/select_multiple.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+        <label {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
     {% endif %}
     <select multiple class="form-control" name="{{ field.name }}">
         {% for key, text in field.choices.items %}
         <option value="{{ key }}" {% if key in field.value %}selected{% endif %}>{{ text }}</option>
         {% endfor %}
     </select>
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
+    {% endif %}
 </div>

rest_framework/templates/rest_framework/vertical/fields/textarea.html

-<div class="form-group">
+<div class="form-group {% if field.errors %}has-error{% endif %}">
     {% if field.label %}
-        <label {% if field.style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+        <label {% if style.hide_label %}class="sr-only"{% endif %}>{{ field.label }}</label>
+    {% endif %}
+    <textarea name="{{ field.name }}" class="form-control" {% if style.placeholder %}placeholder="{{ style.placeholder }}"{% endif %} {% if style.rows %}rows="{{ style.rows }}"{% endif %}>{% if field.value %}{{ field.value }}{% endif %}</textarea>
+    {% if field.errors %}
+        {% for error in field.errors %}<span class="help-block">{{ error }}</span>{% endfor %}
+    {% endif %}
+    {% if field.help_text %}
+        <span class="help-block">{{ field.help_text }}</span>
     {% endif %}
-    <textarea name="{{ field.name }}" class="form-control" {% if field.style.placeholder %}placeholder="{{ field.style.placeholder }}"{% endif %} {% if field.style.rows %}rows="{{ field.style.rows }}"{% endif %}>{% if field.value %}{{ field.value }}{% endif %}</textarea>
-    {% if field.help_text %}<p class="help-block">{{ field.help_text }}</p>{% endif %}
 </div>