X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=templates%2Fsearch%2Fadv.form.tpl;h=76d289e58e5115ab68c19fa09378efa073ea8dd1;hb=2ab7a09f6f1ec835efb29a86c25edc43729b2b8f;hp=99ed048800a3cbc6044f87397d98838aa13e80ad;hpb=20ac3913e023c1e965e170761b4fc5250e518e22;p=platal.git

diff --git a/templates/search/adv.form.tpl b/templates/search/adv.form.tpl
index 99ed048..76d289e 100644
--- a/templates/search/adv.form.tpl
+++ b/templates/search/adv.form.tpl
@@ -22,27 +22,67 @@
 
 <h1>Recherche dans l'annuaire</h1>
 
+{javascript name="jquery"}
+{javascript name="jquery.autocomplete"}
+<script type="text/javascript">{literal}
+	// <!--
+	function launch_form(url) {
+	  var f = document.getElementById('recherche');
+	  f.action = url;
+	  f.submit();
+	}
+	function format_autocomplete(row) {
+	  if (row[1] == 1) {
+	    return row[0];
+	  }
+	  return row[0] + ' ('+ row[1] + ')';
+	}
+	function select_autocomplete(name) {
+	  nameRealField = name.replace(/Txt$/, '');
+	  if (nameRealField == name)
+	  	return null;
+	  return function(i) {
+		nameRealField = this.field.replace(/Txt$/, '');
+	  	$(".autocompleteTarget[@name='"+nameRealField+"']").attr('value',i.extra[1]);
+	  	$(".autocomplete[@name='"+this.field+"']").addClass('hidden_valid');
+	  }
+	}
+	$(document).ready(function() {
+		$(".autocompleteTarget").hide();
+	    $(".autocomplete").show().each(function() {
+		  	targeted = $("../.autocompleteTarget",this)[0];
+		  	if (targeted && targeted.value) {
+			  	me = $(this);
+		  		$.get('search/list/'+ targeted.name +'/'+targeted.value, {},function(textValue) {
+		  			me.attr('value', textValue);
+		  			me.addClass('hidden_valid');
+		  		});
+		  	}
+	      	$(this).autocomplete("search/autocomplete/"+this.name,{
+			  selectOnly:1,
+			  formatItem:format_autocomplete,
+			  field:this.name,
+			  onItemSelect:select_autocomplete(this.name),
+			  matchSubset:0,
+			  width:$(this).width()});
+	    });
+	    $(".autocomplete").change(function() { $(this).removeClass('hidden_valid'); });
+	    $(".autocompleteToSelect").each(function() {
+	    	var fieldName = $(this).attr('href');
+	      	$(this).attr('href','search/list/'+fieldName).click(function() {
+      			var oldval = $("input.autocompleteTarget[@name='"+fieldName+"']")[0].value;
+	      		$(".autocompleteTarget[@name='"+fieldName+"']").parent().load('search/list/'+fieldName,{},function(selectBox) {
+	      			$(".autocompleteTarget[@name='"+fieldName+"']").remove();
+		      		$(".autocomplete[@name='"+fieldName+"Txt']").remove();
+		      		$("select[@name='"+fieldName+"']").attr('value', oldval);
+				  });
+				return false;
+	      	});
+	    });
+	});
+	-->
+{/literal}</script>
 <form id="recherche" action="search/adv" method="get">
-  {javascript name="jquery"}
-  {javascript name="jquery.autocomplete"}
-  <script type="text/javascript">{literal}
-    function launch_form(url) {
-      var f = document.getElementById('recherche');
-      f.action = url;
-      f.submit();
-    }
-    function format_autocomplete(row) {
-      if (row[1] == 1) {
-        return row[0];
-      }
-      return row[0] + ' ('+ row[1] + ')';
-    }
-    $(document).ready(function() {
-      $(".autocomplete").each(function() {
-        $(this).autocomplete("search/autocomplete/"+this.name,{selectOnly:1,formatItem:format_autocomplete});
-      });
-    });
-  {/literal}</script>
   <table class="bicol" cellpadding="3" summary="Recherche">
     <tr>
       <th colspan="2">
@@ -152,7 +192,7 @@
     </tr>
     <tr>
       <td>Ville</td>
-      <td><input type="text" name="city" size="32" value="{$smarty.request.city}" /></td>
+      <td><input type="text" class="autocomplete" name="city" size="32" value="{$smarty.request.city}" /></td>
     </tr>
     <tr>
       <td>Pays</td>
@@ -193,31 +233,21 @@ checked="checked"{/if}/>chercher uniquement les adresses où les camarades sont
     <tr>
       <td>Fonction</td>
       <td>
-        <select name="fonction">
-          <option value="0"></option>
-          {iterate from=$choix_postes item=cp}
-          <option value="{$cp.id}" {if $smarty.request.fonction eq $cp.id}selected{/if}>
-            {$cp.fonction_fr}
-          </option>
-          {/iterate}
-        </select>
+      	<input name="fonctionTxt" type="text" class="autocomplete" style="display:none" size="32"/>
+		<input name="fonction" class="autocompleteTarget" type="hidden" value="{$smarty.request.fonction}"/>
+		<a href="fonction" class="autocompleteToSelect">{icon name="table" title="Toutes les fonctions"}</a>
       </td>
     </tr>
     <tr>
       <td>Poste</td>
-      <td><input type="text" name="poste" size="32" value="{$smarty.request.poste}" /></td>
+      <td><input type="text" class="autocomplete" name="poste" size="32" value="{$smarty.request.poste}" /></td>
     </tr>
     <tr>
       <td>Secteur</td>
       <td>
-        <select name="secteur">
-          <option value="0"></option>
-          {iterate item=cs from=$choix_secteurs}
-          <option value="{$cs.id}" {if $smarty.request.secteur eq $cs.id}selected{/if}>
-            {$cs.label}
-          </option>
-          {/iterate}
-        </select>
+      	<input name="secteurTxt" type="text" class="autocomplete" style="display:none" size="32"/>
+		<input name="secteur" class="autocompleteTarget" type="hidden" value="{$smarty.request.secteur}"/>
+		<a href="secteur" class="autocompleteToSelect">{icon name="table" title="Tous les secteurs"}</a>
       </td>
     </tr>
     <tr>
@@ -236,51 +266,33 @@ checked="checked"{/if}/>chercher uniquement les adresses où les camarades sont
     <tr>
       <td>Nationalité</td>
       <td>
-        <select name="nationalite">
-          {iterate from=$choix_nats item=cn}
-          <option value="{$cn.id}" {if $smarty.request.nationalite eq $cn.id}selected="selected"{/if}>
-            {$cn.text}
-          </option>
-          {/iterate}
-        </select>
+      	<input name="nationaliteTxt" type="text" class="autocomplete" style="display:none" size="32"/>
+		<input name="nationalite" class="autocompleteTarget" type="hidden" value="{$smarty.request.nationalite}"/>
+		<a href="nationalite" class="autocompleteToSelect">{icon name="table" title="Toutes les nationalités"}</a>
       </td>
     </tr>
     <tr>
       <td>Binet</td>
       <td>
-        <select name="binet">
-        <option value="0"></option>
-        {iterate item=cb from=$choix_binets}
-          <option value="{$cb.id}" {if $smarty.request.binet eq $cb.id}selected="selected"{/if}>
-            {$cb.text|htmlspecialchars}
-          </option>
-        {/iterate}
-        </select>
+      	<input name="binetTxt" type="text" class="autocomplete" style="display:none" size="32"/>
+		<input name="binet" class="autocompleteTarget" type="hidden" value="{$smarty.request.binet}"/>
+		<a href="binet" class="autocompleteToSelect">{icon name="table" title="Tous les binets"}</a>
       </td>
     </tr>
     <tr>
       <td>Groupe X</td>
       <td>
-        <select name="groupex">
-        <option value="0"></option>
-        {iterate item=cg from=$choix_groupesx}
-          <option value="{$cg.id}" {if $smarty.request.groupex eq $cg.id}selected="selected"{/if}>
-            {$cg.text}
-          </option>
-        {/iterate}
-        </select>
+      	<input name="groupexTxt" type="text" class="autocomplete" style="display:none" size="32"/>
+		<input name="groupex" class="autocompleteTarget" type="hidden" value="{$smarty.request.groupex}"/>
+		<a href="groupex" class="autocompleteToSelect">{icon name="table" title="Tous les groupes X"}</a>
       </td>
     </tr>
     <tr>
       <td>Section</td>
       <td>
-        <select name="section">
-          {iterate item=cs from=$choix_sections}
-          <option value="{$cs.id}" {if $smarty.request.section eq $cs.id}selected="selected"{/if}>
-            {$cs.text}
-          </option>
-          {/iterate}
-        </select>
+      	<input name="sectionTxt" type="text" class="autocomplete" style="display:none" size="32"/>
+		<input name="section" class="autocompleteTarget" type="hidden" value="{$smarty.request.section}"/>
+		<a href="section" class="autocompleteToSelect">{icon name="table" title="Toutes les sections"}</a>
       </td>
     </tr>
     <tr>