Changeset 2112 for trunk/loreality/loreality/templates/derived/page/messager.html

Timestamp:

07/15/10 14:51:39 (22 months ago)

Author:

dart

Message:

LoReality?:
o AJAX work for message

File:

• trunk/loreality/loreality/templates/derived/page/messager.html (modified) (1 diff)

trunk/loreality/loreality/templates/derived/page/messager.html

@@ -1 +1 @@
 <%inherit file="/base/index.html"/>
+
+<script>
+/*-------------------------------------*/
+function showMessage(data,ioArgs) {
+    if( data == "Error"){
+        alert("Error");
+        }else{
+        d = data.split('|');
+        dojo.fx.wipeIn({
+            node:"message-" + d[0],
+            beforeBegin: function(n){
+                dojo.byId("message-txt-"+d[0]).innerHTML = d[1];
+            }
+        }).play();
+        dojo.byId( "nb_msg_unread").innerHTML = d[2];
+    }
+
+}
+/*-------------------------------------*/
+function helloError(data, ioArgs) {
+    alert('Error when retrieving data from the server!');
+}
+/*-------------------------------------*/
+function loadMsg() {
+    dojo.empty("message_table");
+    dojo.xhrGet({
+        url: '${h.url_for(controller='messager', action='getallmsgs') }',
+        load: fillMessages,
+        error: helloError,
+    }).play();
+}
+dojo.addOnLoad( loadMsg );
+/*-------------------------------------*/
+function fillMessages(data,ioArgs) {
+    if( data == "Error"){
+        alert("Error");
+        }else{
+        var buffer = "";
+        messages = data.split("|");
+        for (i = 0; i < messages.length; i += 1) {
+            buffer += "<tr>";
+            elements = messages[i].split("#");
+            for (n = 0; n < elements.length; n += 1 ){
+                buffer += "<td>" + elements[n] + "</td>" 
+            }
+            buffer += "</tr>";
+        }
+        dojo.html.set("message_table", buffer);
+
+    }
+}
+</script>
 
 <h2>Messager</h2>
 % for message in c.messages:
-% if message.id == c.message_open:
-<div class="message_open">
-% else:
 <div class="message">
-% endif
     <a href=${h.url_for(controller='messager', action='delete',id=message.id) } class="action">[Delete]</a>
-% if message.id == c.message_open:
-<span><a href=${h.url_for(controller='messager', action='index',id=message.id) } class="action">${h.msg.get_from(message)} | ${message.date.strftime("%c")}  <span id="subject">${message.subject}</span></a></span>
-    <div id="text">${h.literal(message.text)}</div>
-    <a href=${h.url_for(controller='messager', action='create',id=message.id) } class="action">[Reply]</a>
-% else:
-    % if message.unread:
-        <span class="unread"><a href=${h.url_for(controller='messager', action='open',id=message.id) } class="action">${h.msg.get_from(message)} | ${message.date.strftime("%c")} | <span id="subject"> ${message.subject}</span></a></span>
-    %else:
-        <span><a href=${h.url_for(controller='messager', action='open',id=message.id) } class="action">${h.msg.get_from(message)} | ${message.date.strftime("%c")} | <span id="subject"> ${message.subject}</span></a></span>
-    % endif
-% endif
+ <button dojoType="dijit.form.ToggleButton">
+    <span 
+        %if message.unread:
+        class="unread"
+        %else:
+        class="read"
+        %endif
+        id="span-${message.id}" >${h.msg.get_from(message)} | ${message.date.strftime("%c")} | <span id="subject"> ${message.subject}</span></span>
+
+      <script type="dojo/method" event="onChange">
+          node = "span-${message.id}";
+          if( this.checked )
+          {
+              if( dojo.hasClass( node, "unread") )
+              {
+                  dojo.removeClass( node, "unread");
+                  dojo.addClass( node, "read");
+              }
+              dojo.xhrGet({
+                  url: '${h.url_for(controller='messager', action='getmsg',id=message.id) }',
+                  load: showMessage,
+                  error: helloError,
+                  }).play();
+          }else{
+          dojo.fx.wipeOut({
+              node:"message-${message.id}",
+              }).play();
+          }
+      </script>
+  </button>
 </div>
+  <div id="message-${message.id}" class='message_open' style="display: none;">
+  <button dojoType="dijit.form.Button">Reply
+      <script type="dojo/method" event="onClick">
+      </script>
+  </button>
+  <p id="message-txt-${message.id}"></p>
+  </div>
 <br/>
 % endfor
-
+<h2>New one</h2>
+<div id="message_list">
+    <table id="message_table">
+    </table>
+</div>
 <a href=${h.url_for(controller='messager', action='create', id=None)}>[New message]</a>