Search function

2 files changed, 26 insertions, 0 deletions

diff --git a/static/js/kosten.js b/static/js/kosten.js
index 41bf30f..e2fa06a 100644
--- a/static/js/kosten.js
+++ b/static/js/kosten.js
@@ -24,6 +24,20 @@
       }
     });
   };
+  $(function(){
+    $('form.search').hide();
+    $('li.search').click(function(){
+      var x$;
+      x$ = $('form.search');
+      x$.toggle();
+      if (x$.is(':visible')) {
+        $('input.search').focus();
+      }
+    });
+    $('input.search').focusout(function(){
+      $('form.search').hide();
+    });
+  });
   out$.addJS = addJS = jq(function(){
     $('input[name=date]').datepicker({
       dateFormat: 'dd.mm.yy',
diff --git a/static/js/kosten.ls b/static/js/kosten.ls
index 5362fb3..e3a60d2 100644
--- a/static/js/kosten.ls
+++ b/static/js/kosten.ls
@@ -20,6 +20,18 @@ set-lang = !->
             range-selector-to: \bis
             range-selector-zoom: null
 
+# The Search Stuff
+$ !->
+    $ \form.search .hide!
+
+    $ \li.search .click !->
+        $ \form.search
+            ..toggle!
+            $ \input.search .focus! if .. .is \:visible
+
+    $ \input.search .focusout !->
+        $ \form.search .hide!
+
 # Add
 export addJS = jq !->
     $ 'input[name=date]' .datepicker do