Debouncing things

app/assets/javascripts/darkswarm/directives/debounce.js.coffee

@@ -0,0 +1,25 @@
+Darkswarm.directive "ngDebounce", ($timeout) ->
+  restrict: "A"
+  require: "ngModel"
+  priority: 99
+  link: (scope, elm, attr, ngModelCtrl) ->
+    return  if attr.type is "radio" or attr.type is "checkbox"
+    elm.unbind "input"
+    debounce = undefined
+    elm.bind "keyup paste", ->
+      $timeout.cancel debounce
+      debounce = $timeout(->
+        scope.$apply ->
+          ngModelCtrl.$setViewValue elm.val()
+          return
+        return
+      , attr.ngDebounce or 1000)
+      return
+
+    elm.bind "blur", ->
+      scope.$apply ->
+        ngModelCtrl.$setViewValue elm.val()
+        return
+      return
+    return
+

app/views/darkswarm/index.html.haml

@@ -23,7 +23,9 @@
 
   .row
     .large-9.columns
-      %input{type: :text, "ng-model" => "query", placeholder: "Search postcode, suburb or hub name...",
+      %input{type: :text, "ng-model" => "query", 
+      placeholder: "Search postcode, suburb or hub name...",
+      "ng-debounce" => "150",
       "ofn-disable-enter" => true}
     .large-3.columns
       Advanced search