Initial mailbox loading.

diff --git a/imp/js/mobile.js b/imp/js/mobile.js
index 12a31b5..18245e6 100644 (file)
--- a/imp/js/mobile.js
+++ b/imp/js/mobile.js
@@ -31,7 +31,35 @@ var ImpMobile = {
     toMailbox: function(mailbox, label)
     {
         $('#imp-mailbox-header').text(label);
+        $('#imp-mailbox-list').empty();
         $.mobile.changePage('#mailbox', 'slide', false, true);
+        $.mobile.pageLoading();
+        ImpMobile.doAction(
+            'viewPort',
+            { view: mailbox, initial: 1, slice: '1', requestid: 1, after: 25 },
+            ImpMobile.messagesLoaded);
+    },
+
+    /**
+     * Callback method after message list has been loaded.
+     *
+     * @param object r  The Ajax response object.
+     */
+    messagesLoaded: function(r)
+    {
+        var list = $('#imp-mailbox-list');
+        $.mobile.pageLoading(true);
+        if (r.response && r.response.ViewPort) {
+            $.each(r.response.ViewPort.data, function(key, data) {
+                list.append(
+                    $('<li>').append(
+                        $('<h3>').append(
+                            $('<a href="#">').text(data.subject))).append(
+                        $('<p class="ui-li-aside">').text(data.date)).append(
+                        $('<p>').text(data.from)));
+            });
+            list.listview('refresh');
+        }
     },
 
     /**

diff --git a/imp/lib/Injector/Factory/MailboxList.php b/imp/lib/Injector/Factory/MailboxList.php
index 1c10969..3ed83de 100644 (file)
--- a/imp/lib/Injector/Factory/MailboxList.php
+++ b/imp/lib/Injector/Factory/MailboxList.php
@@ -62,6 +62,7 @@ class IMP_Injector_Factory_MailboxList
         if (!isset($this->_instances[$mailbox])) {
             switch ($mode) {
             case 'dimp':
+            case 'mobile':
                 $ob = new IMP_Mailbox_List($mailbox);
                 break;
 

diff --git a/imp/templates/mobile/mailbox.html.php b/imp/templates/mobile/mailbox.html.php
index 797744d..dc4efdf 100644 (file)
--- a/imp/templates/mobile/mailbox.html.php
+++ b/imp/templates/mobile/mailbox.html.php
@@ -9,7 +9,7 @@
     <?php endif ?>
   </div>
   <div data-role="content">
-    <ul data-role="listview">
+    <ul id="imp-mailbox-list" data-role="listview">
       <li>
          <h3><a href="#message">Subject 1</a></h3>
          <p class="ui-li-aside">99</p>