Adding back autocomplete throbber, now with extra Bootstrap!

Author: Josh Walker

css/tweaks.css

@@ -183,10 +183,52 @@ ul.links {
   list-style: none outside none;
 }
 
-html.js input.form-autocomplete {
+/* Handle the FontAwesome throbber */
+html.js input[autocomplete],
+html.js input.throbbing {
   background: transparent;
 }
 
+.form-control-feedback {
+  width: 13px;
+  height: 13px;
+  color: #bbb;
+  top: 60%;
+  right: 10px;
+}
+
+input.throbbing + .form-control-feedback {
+  -webkit-animation: fa-spin 2s infinite linear;
+        animation: fa-spin 2s infinite linear;
+}
+
+input.throbbing + .form-control-feedback:before {
+  color: rgba(95, 95, 95, 1);
+}
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+            transform: rotate(359deg);
+  }
+}
+
+
 form .form-actions .btn {
   margin-right: 10px;
 }
@@ -279,19 +321,13 @@ ul.panels-ipe-linkbar {
   margin-left: 10px;
 }
 
-/* Bootstrap 3.2.0 Checkboxes Fix*/
-table .radio input[type="radio"],
-table .radio-inline input[type="radio"],
-table .checkbox input[type="checkbox"],
-table .checkbox-inline input[type="checkbox"],
-table .checkbox,table .radio{
+.features-export-component .radio input[type="radio"],
+.features-export-component .radio-inline input[type="radio"],
+.features-export-component .checkbox input[type="checkbox"],
+.features-export-component .checkbox-inline input[type="checkbox"],
+.features-export-list .radio input[type="radio"],
+.features-export-list .radio-inline input[type="radio"],
+.features-export-list .checkbox input[type="checkbox"],
+.features-export-list .checkbox-inline input[type="checkbox"] {
   margin-left: 0px;
-  position:static;
-}
-
-
-/* Module Filter Display*/
-#module-filter-left ul li.active{
-  margin-right:0px;
-  width:100%;
 }

includes/fapi.inc

@@ -56,6 +56,7 @@ function kalatheme_process_element(&$element, &$form_state) {
 function kalatheme_process_input(&$element, &$form_state) {
   $types = array(
     'textfield',
+    'textarea',
     'password',
     'password_confirm',
     'select',
@@ -71,9 +72,47 @@ function kalatheme_process_input(&$element, &$form_state) {
   if (!empty($element['#type']) && (in_array($element['#type'], $types))) {
     $element['#attributes']['class'][] = 'form-control';
   }
+
   return $element;
 }
 
+/**
+ * Implements theme_textfield().
+ */
+function kalatheme_textfield($variables) {
+  $element = $variables['element'];
+  $element['#attributes']['type'] = 'text';
+  element_set_attributes($element, array(
+    'id',
+    'name',
+    'value',
+    'size',
+    'maxlength',
+  ));
+  _form_set_class($element, array('form-text'));
+
+  $output = '<input' . drupal_attributes($element['#attributes']) . ' />';
+
+  $extra = '';
+  if (isset($element['#autocomplete_path']) && drupal_valid_path($element['#autocomplete_path'])) {
+    drupal_add_library('system', 'drupal.autocomplete');
+    $element ['#attributes']['class'][] = 'form-autocomplete';
+
+    $attributes = array();
+    $attributes ['type'] = 'hidden';
+    $attributes ['id'] = $element ['#attributes']['id'] . '-autocomplete';
+    $attributes ['value'] = url($element ['#autocomplete_path'], array('absolute' => TRUE));
+    $attributes ['disabled'] = 'disabled';
+    $attributes ['class'][] = 'autocomplete';
+    $extra = '<input' . drupal_attributes($attributes) . ' />';
+    
+    // Add form control feedback.
+    $icon = '<span class="fa fa-circle-o-notch form-control-feedback" aria-hidden="true"></span>';
+    $output = $output . $icon;
+  }
+
+  return $output . $extra;
+}
 
 /**
  * Implements theme_form_element().
@@ -121,6 +160,11 @@ function kalatheme_form_element($variables) {
     }
     else {
       $attributes['class'][] = 'form-group';
+      
+      //
+      if (isset($element['#autocomplete_path']) && drupal_valid_path($element['#autocomplete_path'])) {
+        $attributes['class'][] = 'has-feedback';
+      }
     }
   }
 
@@ -248,7 +292,7 @@ function kalatheme_textarea($variables) {
   if(isset($element['#rows'])){
     $element['#attributes']['rows'] = $element['#rows'];
   }
-  _form_set_class($element, array('form-textarea','form-control'));
+  _form_set_class($element, array('form-textarea'));
 
   $wrapper_attributes = array(
     'class' => array('form-textarea-wrapper'),