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

diff --git a/templates/search/adv.form.tpl b/templates/search/adv.form.tpl
index 70aebb4..76d289e 100644
--- a/templates/search/adv.form.tpl
+++ b/templates/search/adv.form.tpl
@@ -1,6 +1,6 @@
 {**************************************************************************}
 {*                                                                        *}
-{*  Copyright (C) 2003-2006 Polytechnique.org                             *}
+{*  Copyright (C) 2003-2007 Polytechnique.org                             *}
 {*  http://opensource.polytechnique.org/                                  *}
 {*                                                                        *}
 {*  This program is free software; you can redistribute it and/or modify  *}
@@ -20,40 +20,93 @@
 {*                                                                        *}
 {**************************************************************************}
 
-<h1>Recherche avancée</h1>
-
-<p>[<a href="search">Recherche simple</a>]</p>
+<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">
   <table class="bicol" cellpadding="3" summary="Recherche">
     <tr>
+      <th colspan="2">
+        Recherche avancée [<a href="search">&lt;&lt;&lt;&nbsp;Recherche simple</a>]
+      </th>
+    </tr>
+    <tr>
       <td>Nom</td>
       <td>
     	<input type="hidden" name="rechercher" value="Chercher"/>
     	<input type="submit" style="display:none"/>
-        <input type="text" name="name" size="32" value="{$smarty.request.name}" />
-        {if $smarty.request.name && !$with_soundex && $smarty.request.recherche}
-        <a class='smaller' href="{$smarty.server.PHP_SELF}?with_soundex=1&amp;{$url_args}">
-          étendre par proximité sonore
-        </a>
-        {/if}
+        <input type="text" class="autocomplete" name="name" size="32" value="{$smarty.request.name}" />
       </td>
     </tr>
     <tr>
-      <td>Prénom</td>
+      <td>Prénom</td>
       <td>
-        <input type="text" name="firstname" size="32" value="{$smarty.request.firstname}" />
-        {if $smarty.request.firstname && !$with_soundex && $smarty.request.recherche}
-        <a class='smaller' href="{$smarty.server.PHP_SELF}?with_soundex=1&amp;{$url_args}">
-          étendre par proximité sonore
-        </a>
-        {/if}
+        <input class="autocomplete" type="text" name="firstname" size="32" value="{$smarty.request.firstname}" />
       </td>
     </tr>
     <tr>
       <td>Surnom</td>
       <td>
-        <input type="text" name="nickname" size="32" value="{$smarty.request.nickname}" />
+        <input class="autocomplete" type="text" name="nickname" size="32" value="{$smarty.request.nickname}" />
       </td>
     </tr>
     <tr>
@@ -80,7 +133,7 @@
         <table>
           <tr>
             <td style="width:100px">
-              <input type="radio" name="woman" value="0" {if !$smarty.request.woman}checked="checked"{/if} />Indifférent
+              <input type="radio" name="woman" value="0" {if !$smarty.request.woman}checked="checked"{/if} />Indifférent
             </td>
             <td style="width:100px">
               <input type="radio" name="woman" value="1" {if $smarty.request.woman eq 1}checked="checked"{/if} />Homme
@@ -98,7 +151,7 @@
         <table>
           <tr>
             <td style="width:100px">
-              <input type="radio" name="subscriber" value="0" {if !$smarty.request.subscriber}checked="checked"{/if} />Indifférent
+              <input type="radio" name="subscriber" value="0" {if !$smarty.request.subscriber}checked="checked"{/if} />Indifférent
             </td>
             <td style="width:100px">
               <input type="radio" name="subscriber" value="1" {if $smarty.request.subscriber eq 1}checked="checked"{/if} />Inscrit
@@ -116,94 +169,85 @@
         <table>
           <tr>
             <td style="width:100px">
-              <input type="radio" name="alive" value="0" {if !$smarty.request.alive}checked="checked"{/if} />Indifférent
+              <input type="radio" name="alive" value="0" {if !$smarty.request.alive}checked="checked"{/if} />Indifférent
             </td>
             <td style="width:100px">
               <input type="radio" name="alive" value="1" {if $smarty.request.alive eq 1}checked="checked"{/if} />Vivant
             </td>
             <td style="width:100px">
-              <input type="radio" name="alive" value="2" {if $smarty.request.alive eq 2}checked="checked"{/if} />Décédé
+              <input type="radio" name="alive" value="2" {if $smarty.request.alive eq 2}checked="checked"{/if} />Décédé
             </td>
           </tr>
         </table>
       </td>
     </tr>
     <tr>
-      <th colspan="2">Géographie</th>
+      <td colspan="2">
+        <input type="checkbox" name="with_soundex" value="1" {if $smarty.request.with_soundex}checked="checked"{/if} id="sdxn" />
+        <label for="sdxn">étendre par proximité sonore (uniquement sur nom et prénom)</label>
+      </td>
     </tr>
     <tr>
-      <td colspan="2">
-      <label for="only_current"><input name="only_current" id="only_current" type="checkbox"{if $smarty.request.only_current} checked="checked"{/if}/>chercher uniquement les adresses où les camarades sont actuellement.</label></td>
+      <th colspan="2">Géographie</th>
     </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>
       <td>
-        <select name="country" onchange="javascript:document.forms.recherche.submit();">
+        <select name="country" onchange="return Ajax.update_html('region', '{#globals.baseurl#}/search/ajax/region/' + this.value);">
         {if $smarty.request.country}
           {assign var="country" value=$smarty.request.country}
         {else}
           {assign var="country" value=""}
         {/if}
-        {geoloc_country country=$country}
+        {geoloc_country country=$country available=true}
         </select>
       </td>
     </tr>
     <tr>
-      <td>Région ou département</td>
-      <td>
-        <select name="region">
+      <td>Région ou département</td>
+      <td id="region">
         {if $smarty.request.region}
           {assign var="region" value=$smarty.request.region}
         {else}
           {assign var="region" value=""}
         {/if}
-        {if $smarty.request.country neq ""}
-        {geoloc_region country=$smarty.request.country region=$region}
-        {else}
-        <option value=""></option>
-        {/if}
-        </select>
+        {include file="search/adv.region.form.tpl" country=$smarty.request.country}
       </td>
     </tr>
     <tr>
-      <th colspan="2">Activité</th>
+      <td colspan="2">
+      <label for="only_current"><input name="only_current" id="only_current" type="checkbox"{if $smarty.request.only_current}  
+checked="checked"{/if}/>chercher uniquement les adresses où les camarades sont actuellement.</label></td>
+    </tr>
+    <tr>
+      <th colspan="2">Activité</th>
     </tr>
     <tr>
       <td>Entreprise</td>
-      <td><input type="text" name="entreprise" size="32" value="{$smarty.request.entreprise}" /></td>
+      <td><input type="text" class="autocomplete" name="entreprise" size="32" value="{$smarty.request.entreprise}" /></td>
     </tr>
     <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>
@@ -213,70 +257,52 @@
     <tr>
       <td colspan="2">
         <input type='checkbox' name='only_referent' {if $smarty.request.only_referent}checked='checked'{/if} />
-        chercher uniquement parmi les camarades se proposant comme référents
+        chercher uniquement parmi les camarades se proposant comme référents
       </td>
     </tr>
     <tr>
       <th colspan="2">Divers</th>
     </tr>
     <tr>
-      <td>Nationalité</td>
+      <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}
-          </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>
       <td>Formation</td>
       <td>
-        <select name="school" onchange="javascript:document.forms.recherche.submit();">
+        <select name="school" onchange="return Ajax.update_html('grade', '{#globals.baseurl#}/search/ajax/grade/' + this.value);">
           <option value="0"></option>
           {iterate item=cs from=$choix_schools}
           <option value="{$cs.id}" {if $smarty.request.school eq $cs.id}selected="selected"{/if}>
-            {$cs.text}
+            {$cs.text|htmlspecialchars}
           </option>
           {/iterate}
         </select>
@@ -284,45 +310,32 @@
     </tr>
     <tr>
       <td></td>
-      <td>
-        <select name="diploma">
-          <option value="0"></option>
-          {section name=diploma loop=$choix_diplomas}
-          <option value="{$choix_diplomas[diploma]}" {if $smarty.request.diploma eq
-          $choix_diplomas[diploma]}selected="selected"{/if}>
-            {$choix_diplomas[diploma]}
-          </option>
-          {/section}
-        </select>
+      <td id="grade">
+        {include file="search/adv.grade.form.tpl" grade=$smarty.request.diploma}
       </td>
     </tr>
     <tr>
       <td>Commentaire contient</td>
       <td><input type="text" name="free" size="32" value="{$smarty.request.free}" /></td>
     </tr>
+    <tr>
+      <td colspan="2" style="padding-top: 1.5em">
+        <div style="float: right">
+          <input type="button" value="Chercher" onclick="launch_form('search/adv')"/>
+        </div>
+        {if $smarty.session.auth ge AUTH_COOKIE}
+          <input type='checkbox' name='order' value='date_mod' {if $smarty.request.order eq "date_mod"}checked='checked'{/if} />
+          mettre les fiches modifiées récemment en premier
+        {/if}
+      </td>
+    </tr>
   </table>
-  {min_auth level='cookie'}
-  <p>
-    <input type='checkbox' name='order' value='date_mod' {if $smarty.request.order eq "date_mod"}checked='checked'{/if} />
-    mettre les fiches modifiées récemment en premier
-  </p>
-  {/min_auth}
 </form>
 <p class="center">
-  <script type="text/javascript">{literal}
-    function launch_form(url) {
-      var f = document.getElementById('recherche');
-      f.action = url;
-      f.submit();
-    }
-  {/literal}</script>
-  {if $use_map}
-    <input type="button" value="Voir les résultats sur une carte" onclick="launch_form('geoloc/')"/>
-  {/if}
-  <input type="button" value="Chercher" onclick="launch_form('search/adv')"/>
+  <input type="button" value="Voir les résultats sur une carte" onclick="launch_form('geoloc/')"/>
 </p>
 <p>
-  <strong>N.B.</strong> Le caractère joker * peut remplacer une ou plusieurs lettres dans les recherches.
+  <strong>N.B.</strong> Le caractère joker * peut remplacer une ou plusieurs lettres dans les recherches.
 </p>
 
-{* vim:set et sw=2 sts=2 sws=2: *}
+{* vim:set et sw=2 sts=2 sws=2 enc=utf-8: *}