Add autocompletion to city and tankstelle elements

[infodrom.org/service.infodrom.org] / src / InfoCon / sprit / list.wml

diff --git a/src/InfoCon/sprit/list.wml b/src/InfoCon/sprit/list.wml
index 8580a12..e857fa5 100644 (file)
--- a/src/InfoCon/sprit/list.wml
+++ b/src/InfoCon/sprit/list.wml
@@ -2,6 +2,7 @@
 
 <future>
 <page func=InfoCon title="Tankbuch">
+<script type="text/javascript" src="<root_prefix>jquery.autocomplete.min.js"></script>
 <calendar_init -5>
 <popups>
 <style type="text/css">
@@ -89,6 +90,25 @@ echo $out;
 <div style="height:10px;"></div>
 </page>
 <protect><script text="text/javascript">
+$(function(){
+    $('#city').autocomplete({
+       deferRequestBy: 500,
+       lookup: function(query, done){
+           $.invoke('SpritLog/SuggestCity', {query: query}, function(data){
+               done(data);
+           });
+       }
+    });
+    $('#tankstelle').autocomplete({
+       minChars: 0,
+       deferRequestBy: 500,
+       lookup: function(query, done){
+           $.invoke('SpritLog/SuggestTankstelle', {query: query, city: $('#city').val()}, function(data){
+               done(data);
+           });
+       }
+    });
+});
 var sprit_machine = <?=intval($_POST['machine'])?>;
 function log_new()
 {
@@ -97,6 +117,7 @@ function log_new()
     if ($('#details').css('left') == '0px')
       $('#details').css('left', ($(window).width()-280)+'px').css('top', '30px');
     $('#details').show();
+    $('#date').focus();
     return false;
 }