From 2b92bf0dd63b9c8469572cb11d8f236a6cf19b94 Mon Sep 17 00:00:00 2001
From: Richard Alam <ritzalam@gmail.com>
Date: Fri, 26 Oct 2012 23:01:55 +0000
Subject: [PATCH] - still can't get users to display...to be continued.
---
labs/html5-embed/public/index.html | 2 +-
labs/html5-embed/public/js/views/users/list.js | 14 +++++++++-----
labs/html5-embed/public/js/views/users/user.js | 4 ++--
labs/html5-embed/public/templates/users/users.html | 1 +
4 files changed, 13 insertions(+), 8 deletions(-)
create mode 100755 labs/html5-embed/public/templates/users/users.html
diff --git a/labs/html5-embed/public/index.html b/labs/html5-embed/public/index.html
index 8b244bcc53..c757cf5148 100755
--- a/labs/html5-embed/public/index.html
+++ b/labs/html5-embed/public/index.html
@@ -49,7 +49,7 @@
<button type="button" onclick="sendPublicChat()">Send Public Chat</button>
<button type="button" onclick="sendPrivateChat()">Send Private Chat</button>
</div>
- <div id="layout">
+ <div id="layout" class="users-enabled">
<div id="content" style="display: block">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="BigBlueButton" name="BigBlueButton" align="middle">
<param name="movie" value="http://192.168.0.249/client/BigBlueButton.swf?v=VERSION" />
diff --git a/labs/html5-embed/public/js/views/users/list.js b/labs/html5-embed/public/js/views/users/list.js
index 738ee13b54..ee5fc8ab6f 100755
--- a/labs/html5-embed/public/js/views/users/list.js
+++ b/labs/html5-embed/public/js/views/users/list.js
@@ -4,11 +4,12 @@ define([
'underscore',
'backbone',
'collections/users',
- 'views/users/user'
-], function($, _, Backbone, UserCollection, UserView){
+ 'views/users/user',
+ 'text!templates/users/users.html'
+], function($, _, Backbone, UserCollection, UserView, usersTemplate){
var UsersView = Backbone.View.extend({
- el: $("#users-list"),
+ el: 'ul',
initialize: function(){
UserCollection.on('add', this.addUser, this);
},
@@ -21,10 +22,13 @@ define([
// this.$el.html( compiledTemplate );
},
addUser: function(user) {
+ var compiledTemplate = _.template( usersTemplate);
+// this.$el.html( compiledTemplate );
console.log("Adding user [" + user.get("username") + "]");
var view = new UserView({model: user});
- console.log("Rendering [" + view.render().el.html() + "]");
- this.$el.append('<li>Hello</li>');
+
+ this.$el.append(view.render().el);
+ console.log("Rendering [" + this.$el.html() + "]");
}
});
diff --git a/labs/html5-embed/public/js/views/users/user.js b/labs/html5-embed/public/js/views/users/user.js
index ebc6bbf741..09363280ac 100755
--- a/labs/html5-embed/public/js/views/users/user.js
+++ b/labs/html5-embed/public/js/views/users/user.js
@@ -17,8 +17,8 @@ define([
console.log("Render me! [" + this.model.get("username") + "]");
var compiledTemplate = _.template(userTemplate, this.model);
console.log("user is " + compiledTemplate);
- this.$el.append(compiledTemplate);
- console.log(this.$el.append(compiledTemplate));
+ this.$el.html(compiledTemplate);
+ // console.log(this.$el.append(compiledTemplate));
return this;
//return compiledTemplate;
}
diff --git a/labs/html5-embed/public/templates/users/users.html b/labs/html5-embed/public/templates/users/users.html
new file mode 100755
index 0000000000..ab4e978bc8
--- /dev/null
+++ b/labs/html5-embed/public/templates/users/users.html
@@ -0,0 +1 @@
+<ul id="users-list"></ul>
\ No newline at end of file
--
GitLab