Basic roster loading with JavascriptMVC

2 files changed, 16 insertions, 16 deletions

diff --git a/webclient/alias/alias.html b/webclient/alias/alias.html
index 01cae99..9e338a9 100644
--- a/webclient/alias/alias.html
+++ b/webclient/alias/alias.html
@@ -13,6 +13,9 @@
                 <div id="roster">
 
                 </div>
+                <script type='text/ejs' id='contactEJS'>
+<li <%= this %> ><%= name %></li>
+</script>
 		<script type='text/javascript' src='../steal/steal.js?alias'></script>
 	</body>
 </html>
diff --git a/webclient/alias/models/contact.js b/webclient/alias/models/contact.js
index 53c11ed..924ccf0 100644
--- a/webclient/alias/models/contact.js
+++ b/webclient/alias/models/contact.js
@@ -1,38 +1,35 @@
 steal('jquery/model/list',
       'jquery/controller',
+      'jquery/view/ejs',
 
 function(){
     
     $.Model('Contact', {
-        
-    }, {});
+        template: "contact.ejs",
 
-    $.Model.List('Contact.List', {
-        
-    }, {});
+        findAll: function(params,success,error) {
+            var query = $iq({type : 'get'}).c('query', {xmlns : Strophe.NS.ROSTER});
+            params.connection.sendIQ(query, success);
+        }
+    }, {} );
 
-    $.Controller('Roster', {
+    $.Controller('Roster', {}, {      
         onRoster: function(iq) {
             var elems = iq.getElementsByTagName('query');
             var query = elems[0];
             Strophe.forEachChild(query, 'item', function(item){
                 var jid = item.getAttribute('jid');
                 var name = item.getAttribute('name') || jid;
-                var id = jid;
-                steal.dev.log("<li id='" + id + "' class='roster-contact offline'>"
-                                + "<div class='roster-name'>" + name + "</div>"
-                                + "<div class='roster-jid'>" + jid + "</div></li>");
+                var contact = new Contact({jid: jid, name: name});
+                $("#roster").append('contactEJS',contact);
             });
             return true;
         },
-        
-    }, {
-        
+
         init: function() {
-            var roster = $iq({type : 'get'}).c('query', {xmlns : Strophe.NS.ROSTER});
-            this.options.connection.sendIQ(roster, Roster.onRoster);
+            Contact.findAll({connection: this.options.connection},this.onRoster)
         },
-        
+ 
     });