Better missions listing

public/js/app/views/missions/list.js

@@ -6,10 +6,14 @@ define(function (require) {
       _                   = require('underscore'),
       Backbone            = require('backbone'),
       Marionette          = require('marionette'),
-      ListItemView        = require('app/views/missions/list_item');
+      ListItemView        = require('app/views/missions/list_item'),
+      tpl                 = require('text!tpl/missions/list.html'),
+      
+      template = _.template(tpl);
   
-  return Marionette.CollectionView.extend({
-    tagName: 'ul',
+  return Marionette.CompositeView.extend({
     itemView: ListItemView,
+    itemViewContainer: "tbody",
+    template: template,
   });
 });

public/js/app/views/missions/list_item.js

@@ -11,7 +11,7 @@ define(function (require) {
       template = _.template(tpl);
   
   return Marionette.ItemView.extend({
-    tagName: "li",
+    tagName: "td",
     template: template
   });
 });

public/js/tpl/missions/list.html

@@ -0,0 +1,10 @@
+<table class="table table-striped">
+  <thead>
+    <tr>
+      <th>Mission</th>
+    </tr>
+  </thead>
+  
+  <!-- want to insert collection items, here -->
+  <tbody></tbody>
+</table>