day 19

typester · Dec 21, 2009 · 5b29703 · 5b29703
1 parent 088bea2
commit 5b29703
Show file tree

Hide file tree

Showing 5 changed files with 54 additions and 1 deletion.
diff --git a/lib/Jobeet/Controller/Search.pm b/lib/Jobeet/Controller/Search.pm
@@ -10,6 +10,10 @@ sub index :Path {
         or $c->detach('/default');
 
     $c->stash->{jobs} = models('Schema::Job')->search_fulltext($query);
+
+    if ($c->req->header('X-Requested-With') =~ /XMLHttpRequest/i) {
+        $c->view('MT')->template('search/ajax');
+    }
 }
 
 1;

diff --git a/root/common/base.mt b/root/common/base.mt
@@ -6,7 +6,10 @@
     <link rel="shortcut icon" href="/favicon.ico" />
     <link rel="alternate" type="application/atom+xml" title="Latest Jobs"
           href="<?= $c->uri_for('/job/atom') ?>" />
-    <? block javascripts => '' ?>
+? block javascripts => sub {
+    <script type="text/javascript" src="<?= $c->uri_for('/js/jquery-1.3.2.min.js') ?>"></script>
+    <script type="text/javascript" src="<?= $c->uri_for('/js/search.js') ?>"></script>
+? } # endblock javascripts
     <? block stylesheets => '' ?>
   </head>
   <body>
@@ -31,6 +34,7 @@
                 <input type="text" name="q"
                   id="search_keywords" />
                 <input type="submit" value="search" />
+                <img id="loader" src="<?= $c->uri_for('/images/loader.gif') ?>" style="vertical-align: middle; display: none" />
                 <div class="help">
                   Enter some keywords (city, country, position, ...)
                 </div>

diff --git a/root/js/jquery-1.3.2.min.js b/root/js/jquery-1.3.2.min.js
diff --git a/root/js/search.js b/root/js/search.js
@@ -0,0 +1,18 @@
+$(document).ready(function()
+{
+  $('.search input[type="submit"]').hide();
+
+  $('#search_keywords').keyup(function(key)
+  {
+    if (this.value.length >= 3 || this.value == '')
+    {
+      $('#loader').show();
+      $('#jobs').load(
+        $(this).parents('form').attr('action'),
+        { q: this.value + '*' },
+        function() { $('#loader').hide(); }
+      );
+    }
+  });
+});
+
diff --git a/root/search/ajax.mt b/root/search/ajax.mt
@@ -0,0 +1,8 @@
+? my @jobs = $c->stash->{jobs}->all;
+
+? if (@jobs) {
+?= include('job/partial_jobs', @jobs );
+? } else {
+No results.
+? }
+