From a4a3af33fa3798c524804503462b04611f499e22 Mon Sep 17 00:00:00 2001
From: x2001corpet <x2001corpet@839d8a87-29fc-0310-9880-83ba4fa771e5>
Date: Sun, 4 Feb 2007 15:35:12 +0000
Subject: [PATCH] AJAX to mark events as read

git-svn-id: svn+ssh://murphy/home/svn/platal/trunk@1478 839d8a87-29fc-0310-9880-83ba4fa771e5
---
 templates/events/index.tpl | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/templates/events/index.tpl b/templates/events/index.tpl
index 9b3c537..6fc4e72 100644
--- a/templates/events/index.tpl
+++ b/templates/events/index.tpl
@@ -108,7 +108,7 @@ Bienvenue {$smarty.session.prenom}
     <tr class="{cycle values="impair,pair"}">
       <td class="half">
         &bull;
-        <a href="events{if !$ev.nonlu}/unread/{$ev.id}{else}#newsid{$ev.id}{/if}">
+        <a href="events{if !$ev.nonlu}/unread/{$ev.id}{else}#newsid{$ev.id}{/if}" id="link-evt{$ev.id}">
         {if $ev.nonlu}<strong>{/if}
       	 {tidy}
       	   {$ev.titre|nl2br}
@@ -126,7 +126,24 @@ Bienvenue {$smarty.session.prenom}
     {/if}
   </table>
 
+  <script type="text/javascript">
+  {literal}
+  function readEvent(id) {
+  	document.getElementById('content-evt'+id).style.display='none';
+  	var link = document.getElementById('link-evt'+id);
+  	link.setAttribute('href','events/unread/'+id);
+  	for (var i=0; i < link.childNodes.length; i++)
+  	if (link.childNodes[i].nodeName == 'STRONG') {
+  		link.replaceChild(link.childNodes[i].firstChild,link.childNodes[i]);
+  	}
+  	Ajax.update_html(null, 'events/read/'+id);
+  	return false;
+  }
+  {/literal}
+  </script>
+  
   {iterate item=ev from=$evenement}
+  <div id="content-evt{$ev.id}">
   <br />
 
   <table class="bicol">
@@ -136,7 +153,7 @@ Bienvenue {$smarty.session.prenom}
           {if $smarty.session.perms eq 'admin'}
           <a href="admin/events/edit/{$ev.id}">{icon name=page_edit title="Editer cet article"}</a>
           {/if}
-          <a href="events/read/{$ev.id}{if $previd}/newsid{$previd}{/if}">{icon name=cross title="Cacher cet article"}</a>
+          <a href="events/read/{$ev.id}{if $previd}/newsid{$previd}{/if}" onclick="return readEvent('{$ev.id}')">{icon name=cross title="Cacher cet article"}</a>
         </div>
         {assign var="previd" value=$ev.id}
         <a id="newsid{$ev.id}"></a>
@@ -159,6 +176,7 @@ Bienvenue {$smarty.session.prenom}
       </td>
     </tr>
   </table>
+  </div>
   {/iterate}
 
   <p class="smaller">
-- 
2.1.4