render aspects client side

app/assets/javascripts/app/views/aspects_list_view.js

@@ -1,5 +1,17 @@
 app.views.AspectsList = app.views.Base.extend({
   templateName: 'aspects-list',
 
-  el: '#aspects_list'
+  el: '#aspects_list',
+
+  postRenderTemplate : function() {
+    this.collection.each(this.appendAspect, this);
+    this.$('a[rel*=facebox]').facebox();
+  },
+
+  appendAspect: function(aspect) {
+    $("#aspects_list > *:last").before(new app.views.Aspect({
+      model: aspect, attributes: {'data-aspect_id': aspect.get('id')}
+    }).render().el);
+  }
+
 })

app/assets/templates/aspects-list_tpl.jst.hbs

@@ -1,8 +1,6 @@
-<ul id="aspects_list" class="sub_nav">
-  <a class="toggle_selector" href="#">
+<a class="toggle_selector" href="#">
   Select All o no
-  </a>
-  <li>
+</a>
+<li>
   <a class="new_aspect" href="/aspects/new" rel="facebox">t('.add_an_aspect')</a>
-  </li>
-</ul>
+</li>