Adds working deposit and purchases.

- Switch to bootstrap.
 - Still no balance checking or form feedback messages.

static/js/register.js

@@ -1,26 +1,60 @@
 $(document).ready(function() {
     function enable_all_customers() {
         $("li.customer").each(function(i) {
-            $(this).removeClass("selected");
+            $(this).removeClass("marked");
+            $(this).show();
         });
     }
+    function filter_customers(typed) {
+        /* FIXME: Does not work well. */
+        setTimeout(function() {
+            $("li.customer").each(function(i) {
+                if($(this).children("span.name").text().indexOf(typed) == -1) {
+                    $(this).hide();
+                    $(this).removeClass("marked");
+                } else {
+                    $(this).show();
+                }
+                /* Full match */
+                if($(this).children("span.name").text() == typed) {
+                    $(this).addClass("marked");
+                }
+            });
+        }, 50);
+    }
+    /* Customer search */
+    $('.typeahead').typeahead();
+    $('#id_customer_name').keydown(function(event) {
+        filter_customers(event.srcElement.value);
+    });
     /* Customer selection */
     $("li.customer").click( function() {
         enable_all_customers();
         /* Disable the customer button just clicked */
-        $(this).addClass("selected");
-        /* Update the field */
-        $("input[name=customer]").val($(this).children("span.name").text());
+        $(this).addClass("marked");
+        /* Update the typeahead field */
+        var username = $(this).children("span.name").text()
+        $("#id_customer_typeahead").val(username);
+        /* Update the select field */
+        var id = $(this).children("span.id").text()
+        $("#id_customer option").removeAttr('selected');
+        $("#id_customer option[value="+id+"]").attr('selected','selected');
     });
     /* Product amount controls */
     $("li.product").click( function() {
         var form_field = $(this).children("input[type=text]");
         var qty = Number(form_field.val()) + 1;
         form_field.val(qty);
+        /* Update total*/
+        var sale_price_int = Number($(this).children("span.sale_price_int").text());
+        var cur_total = Number($("span.total_text").text())
+        $("span.total_text").html(cur_total + sale_price_int);
     });
     /* Form reset */
-    $("input[type=reset]").click( function() {
-        $("input[name=customer]").val("");
+    $("button[type=reset]").click( function() {
+        $('#id_customer option').removeAttr('selected');
+        $("#id_customer_typeahead").val("");
+        $("span.total_text").html("");
         enable_all_customers();
     });