Add default view for rendering list of pomodoros

oivoodoo · Feb 8, 2012 · f8757d8 · f8757d8
1 parent 780ab09
commit f8757d8
Show file tree

Hide file tree

Showing 8 changed files with 46 additions and 18 deletions.
diff --git a/config/assets.yml b/config/assets.yml
@@ -0,0 +1,5 @@
+package_assets: off
+template_function: _.template
+
+javascripts:
+  # Common javascript dependencies
diff --git a/public/app/app.js b/public/app/app.js
@@ -1,10 +1,15 @@
 var App = {
   Routers: {},
   Models: {},
-  Views: {}
+  Collections: {},
+  Views: {
+    Pomodoros: {}
+  }
 };
 
 // initialize application settings and default router.
 App.init = function() {
-  var router = App.Routers.Pomodoros();
+  var router = new App.Routers.Pomodoros();
+
+  Backbone.history.start();
 };
diff --git a/public/app/collections/pomodoros.js b/public/app/collections/pomodoros.js
@@ -0,0 +1,4 @@
+App.Collections.Pomodoros = Backbone.Collection.extend({
+  model: App.Models.Pomodoro,
+  localStorage: new Store('pomodoros')
+});
diff --git a/public/app/models/pomodoro.js b/public/app/models/pomodoro.js
@@ -0,0 +1,3 @@
+App.Models.Pomodoro = Backbone.Model.extend({
+  localStorage: new Store('pomodoros')
+});
diff --git a/public/app/routers/pomodoros.js b/public/app/routers/pomodoros.js
@@ -1,10 +1,16 @@
-var App.Routers.Pomodoros = Backbone.Router.extend({
+App.Routers.Pomodoros = Backbone.Router.extend({
   routes: {
-    '/', 'index'
-  }
+    '': 'index'
+  },
 
   index: function() {
-    // Catch up all pomodoros from localStorage and then show in the listview.
-    //
+    var collection = new App.Collections.Pomodoros();
+    collection.fetch({
+      success: function() {
+        new App.Views.Pomodoros.List({
+          collection: collection
+        });
+      }
+    });
   }
 });
diff --git a/public/app/views/pomodoros/list.js b/public/app/views/pomodoros/list.js
@@ -0,0 +1,11 @@
+App.Views.Pomodoros.List = Backbone.View.extend({
+  el: '#container',
+
+  initialize: function() {
+    this.render();
+  },
+
+  render: function() {
+    $(this.el).html('test');
+  }
+});
diff --git a/public/index.html b/public/index.html
@@ -19,6 +19,9 @@
     <!-- client application files -->
     <script src="/app/app.js" type="text/javascript" charset="utf-8"></script>
     <script src="/app/routers/pomodoros.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/app/models/pomodoro.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/app/collections/pomodoros.js" type="text/javascript" charset="utf-8"></script>
+    <script src="/app/views/pomodoros/list.js" type="text/javascript" charset="utf-8"></script>
   </head>
   <body>
 
@@ -28,9 +31,8 @@
         <h1>Pomodoros</h1>
       </div><!-- /header -->
 
-      <div data-role="content">
-        <ul data-role="listview" data-inset="true" data-filter="true">
-        </ul>
+      <div id='container' data-role="content">
+
       </div><!-- /content -->
 
     </div><!-- /page -->

diff --git a/spec/javascripts/routers/pomodoros_spec.js b/spec/javascripts/routers/pomodoros_spec.js