added dynamic 'empty' class to inputs to improve detection of when th…

…ey are empty and style accordingly

arctic/static/arctic/src/assets/js/components/float_label.js

@@ -1,21 +1,34 @@
 $(document).ready(function() {
+    $('.float-label input, .float-label textarea').each(function() {
+        if (($(this).val().length == 0) && ($(this).text() == 0)) {
+            $(this).addClass('empty');
+        }
+    });
+
     $('.float-label input, .float-label textarea').blur(function() {
         // Check if float label input is not empty, if so then add some CSS
         if (($(this).val().length > 0) || ($(this).text() > 0)) {
             $(this).removeClass('empty');
-            alert('not empty');
         }
         else {
             $(this).addClass('empty');
-            alert('empty');
         }
     });
 
-    // Check if float label input has items, if so then add some CSS
-    if ($('.float-label .selectize-input').find('.item').length > 0) {
-        $('.selectize-input').parent().next('label').css({
-            top: '.3rem',
-            fontSize: '75%'
-        });
+    // Selectize controls
+    $('.float-label .selectize-input').each(function() {
+        if $(this).find('.item').length == 0) {
+            $(this).addClass('empty');
+        }
+    }
+    $('.float-label .selectize-input').blur(function() {
+        if $(this).find('.item').length > 0) {
+            $(this).removeClass('empty');
+        }
+        else {
+            $(this).addClass('empty');
+        }
     }
+
+
 });

arctic/templates/arctic/login.html

@@ -36,21 +36,19 @@ <h1 class="page-login__title">{{ SITE_NAME }}</h1>
                         {% endfor %}
                     {% endif %}
                       <div class="log-in-form">
-                        {% block form %}
-                            {% block form_fields %}
-                                {% include "arctic/partials/form_fields.html" with form=form %}
+                            {% block form %}
+                                {% block form_fields %}
+                                    {% include "arctic/partials/form_fields.html" with form=form %}
+                                {% endblock %}
                             {% endblock %}
-                        {% endblock %}
-                        <p><button type="submit" class="btn btn-primary btn-block">Login</button></p>
+                            <p><button type="submit" class="btn btn-primary btn-block">Login</button></p>
                         {% block login_extra %}
                         {% endblock %}
                       </div>
                 </fieldset>
             </form>
-        </div>
-        </div>
-        </div>
-  </div>
+        </div></div></div>
+    </div>
 </div>
 
 {% endblock %}