X-Git-Url: http://git.polytechnique.org/?a=blobdiff_plain;f=templates%2Fprofile%2Fdeco.tpl;h=b4eb62bc6dd36d385e6e36e74b291d607c433052;hb=be6ab042d1dc34d9e42557281b48dd8da400231b;hp=e8eb22ca8df7ec2ed8a7c1f793ff3d64d9cc7494;hpb=d02b8359e75e7a29be2a5ac80c4a2dd4a44323dc;p=platal.git

diff --git a/templates/profile/deco.tpl b/templates/profile/deco.tpl
index e8eb22c..b4eb62b 100644
--- a/templates/profile/deco.tpl
+++ b/templates/profile/deco.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  *}
@@ -21,192 +21,122 @@
 {**************************************************************************}
 
 
-{literal}
 <script type="text/javascript">//<![CDATA[
-  var valid = new array();
-  function medal_add()
-  {
-    var selid = document.forms.prof_annu.medal_sel.selectedIndex;
-    document.forms.prof_annu.medal_id.value = document.forms.prof_annu.medal_sel.options[selid].value;
-    document.forms.prof_annu.grade_id.value = document.forms.prof_annu.grade_sel.value;
-    document.forms.prof_annu.medal_op.value = "ajouter";
-    document.forms.prof_annu.submit();
-  }
+{literal}
+var subgrades = new array();
+var names     = new array();
 
-  function medal_del( id )
-  {
-    document.forms.prof_annu.medal_id.value = id;
-    document.forms.prof_annu.medal_op.value = "retirer";
-    document.forms.prof_annu.submit();
+function update()
+{
+  var val = document.forms.prof_annu['medal_sel'].value;
+  if (val == '' || document.getElementById('medal_' + val) != null) {
+    document.getElementById('medal_add').style.display = 'none';
+  } else {
+    document.getElementById('medal_add').style.display = '';
   }
+}
 
-  function medal_cancel(stamp)
-  {
-    document.forms.prof_annu.medal_id.value = stamp;
-    document.forms.prof_annu.medal_op.value = "annuler";
-    document.forms.prof_annu.submit();
-  }
-  var subgrades = new array();
-  function getoption( select_input, j)
-  {
-    if (!document.all)
-    {
-      return select_input.options[j];
-    }
-    else
-    {
-      return j;
-    }
-  }
-  function medal_grades( sel_medal )
-  {
-    var subg = subgrades[sel_medal.selectedIndex];
-    document.getElementById("grade_sel_div").style.display = subg?"inline":"none";
-    if (!subg) return;
-    var select = document.getElementById("grade_sel");
-    while (select.length > 1)
-    {
-      select.remove(1);
-    }
+function getMedalName(id)
+{
+  document.getElementById('medal_name_' + id).innerHTML = names[id];
+}
 
-    for (i=0; i < subg.length; i++)
-    {
-      var dmc = document.createElement("option");
-      dmc.text= subg[i][1];
-      dmc.value = subg[i][0];
-      select.add(dmc,getoption(select,i));
+function buildGrade(id, current)
+{
+  var grade;
+  var subg = subgrades[id];
+  var obj  = $('#medal_grade_' + id);
+  if (!subg) {
+    obj.prepend('<input type="hidden" name="medals[' + id + '][grade]" value="0" />');
+  } else {
+    var html = 'Agrafe : <select name="medals[' + id + '][grade]">';
+    html += '<option value="0">Non précisée</option>';
+    for (grade = 0 ; grade < subg.length ; grade++) {
+      html += '<option value="' + subg[grade][0] + '">' + subg[grade][1] + '</option>';
     }
-    var vide = document.createElement("option");
-    vide.text = "";
-    vide.value = 0;
-    select.add(vide,getoption(select,0));
-    select.remove(subg.length+1);
+
+    html += '</select>';
+    obj.prepend(html);
   }
-  //]]>
+}
+
+function makeAddProcess(id)
+{
+  return function(data)
+         {
+           $('#medals').after(data);
+           update();
+           getMedalName(id);
+           buildGrade(id, 0);
+         };
+}
+
+function add()
+{
+  var id = document.forms.prof_annu['medal_sel'].value;
+  $.get(platal_baseurl + 'profile/ajax/medal/' + id, makeAddProcess(id));
+}
+
+function remove(id)
+{
+  $("#medal_" + id).remove();
+  update();
+}
+
 {/literal}
 {foreach from=$medal_list key=type item=list}
-  {foreach from=$list item=m}{if $grades[$m.id]|@count}
+  {foreach from=$list item=m}
+  names[{$m.id}] = "{$m.text}";
+  {if $grades[$m.id]|@count}
+    names[{$m.id}] = "{$m.text}";
     subgrades[{$m.id}] = new array({$grades[$m.id]|@count});
-    i = 0;
     {foreach from=$grades[$m.id] item=g}
-      subgrades[{$m.id}][i] = [{$g.gid},"{$g.text}"];
-      i++;
+      subgrades[{$m.id}][{$g.gid-1}] = [{$g.gid},"{$g.text}"];
     {/foreach}
   {/if}{/foreach}
 {/foreach}
+//]]></script>
 
-</script>
-
-{if $smarty.request.medal_op eq "ajouter"}
-<div class="erreur">
-	Ta demande a bien été prise en compte, elle sera validée prochainement par un administrateur.
-</div>
-{/if}
-<div class="blocunite_tab">
-  <input type="hidden" value="" name="medal_op" />
-  <input type="hidden" value="" name="medal_id" />
-  <input type="hidden" value="" name="grade_id" />
-  <table class="bicol" cellspacing="0" cellpadding="0">
-    <tr>
-      <th colspan="3">
-        Médailles, Décorations, Prix, ...
-      </th>
-    </tr>
-    <tr>
-      <td colspan="3" class="pflags">
-        <table class="flags" summary="Flags" cellpadding="0" cellspacing="0">
-          <tr>
-            <td class="vert">
-              <input type="checkbox" name="medals_pub"{if $medals_pub eq 'public'} checked="checked"{/if} />
-            </td>
-            <td class="texte">
-              ces informations sont normalement publiques (JO, ...) mais tu peux choisir de les associer a ta fiche publique
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-    {foreach from=$medals item=m}
-    <tr>
-      <td class="colg">
-        <img src='images/medals/{$m.img}' width="32" alt="{$m.medal}" title="{$m.medal}" />
-      </td>
-      <td class="colm">
-        <span class="valeur">{$m.medal}</span><br />
-        {if $grades[$m.id]|@count}
-          {foreach from=$grades[$m.id] item=g}
-            {if $g.gid eq $m.gid}{$g.text}{/if}
-          {/foreach}
-        {/if}
-      </td>
-      <td class="cold">
-        <span class="lien">
-          <a href="javascript:medal_del({$m.id});">retirer</a>
-        </span>
-      </td>
-    </tr>
-    {/foreach}
-    {foreach from=$medals_valid item=v}
-    <tr>
-      <td class="colg">
-        <img
-          {foreach from=$medal_list item=list}
-            {foreach from=$list item=m}
-            {if $m.id eq $v->mid}src="images/medals/{$m.img}"{/if}
-            {/foreach}
-          {/foreach}
-        title="Validation" alt="Validation" width="32" />
-      <td class="colm">
-        <span class="valeur">
-          {foreach from=$medal_list item=list}
-            {foreach from=$list item=m}
-            {if $m.id eq $v->mid}{$m.text}&nbsp;<em>(en attente de validation)</em>{/if}
-            {/foreach}
-          {/foreach}
-        </span><br />
-        {foreach from=$grades key=mid item=grd}
-          {if $mid eq $v->mid}
-          {foreach from=$grd item=g}
-            {if $g.gid eq $v->gid}{$g.text}{/if}
-          {/foreach}
-          {/if}
-        {/foreach}
-      </td>
-      <td class="cold">
-        <span class="lien">
-          <a href="javascript:medal_cancel({$v->stamp});">annuler</a>
-        </span>
-      </tr>
-    </tr>
-    {/foreach}
-    <tr>
-      <td class="colg">
-        &nbsp;
-      </td>
-      <td class="colm">
-        <select name="medal_sel" onchange="medal_grades(this)">
+<table class="bicol">
+  <tr>
+    <th>
+      Médailles, Décorations, Prix, ...
+    </th>
+  </tr>
+  <tr>
+    <td>
+      <div class="flags">
+        <div class="vert" style="float: left">
+          <input type="checkbox" name="medals_pub"{if $medals_pub eq 'public'} checked="checked"{/if} />
+        </div>
+        <div class="texte">
+          ces informations sont normalement publiques (JO, ...) mais tu peux choisir de les associer a ta fiche publique
+        </div>
+      </div>
+      <div style="clear: both; margin-top: 0.2em" id="medals">
+        <select name="medal_sel" onchange="update()">
           <option value=''></option>
           {foreach from=$medal_list key=type item=list}
-          <optgroup label="{$trad[$type]}">
+          <optgroup label="{$trad[$type]}...">
             {foreach from=$list item=m}
             <option value="{$m.id}">{$m.text}</option>
             {/foreach}
           </optgroup>
           {/foreach}
         </select>
-        <div id="grade_sel_div" style="display:none"><br/>
-          <select name="grade_sel" id="grade_sel">
-            <option value="0"></option>
-          </select>
-        </div>
-      </td>
-      <td class="cold">
-        <span class="lien">
-          <a href="javascript:medal_add();">ajouter</a>
+        <span id="medal_add">
+          <a href="javascript:add();">{icon name=add title="Ajouter cette médaille"}</a>
         </span>
-      </td>
-    </tr>
-  </table>
-</div>
+      </div>
+      {foreach from=$medals item=medal key=id}
+      {include file="profile/deco.medal.tpl" medal=$medal id=$id}
+      {/foreach}
+    </td>
+  </tr>
+</table>
+
+<script type="text/javascript">
+update();
+</script>
 
-{* vim:set et sw=2 sts=2 sws=2: *}
+{* vim:set et sw=2 sts=2 sws=2 enc=utf-8: *}