Add ember.js, todoItem model. Add template-name to index. Load ember.…

…js lib in main. Create ember app in app.js.
abram777 · Dec 16, 2012 · 9803bf9 · 9803bf9
1 parent c2c2e84
commit 9803bf9
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
 </head>
 <body>
     <div class="container">
-        <script id="todo-list-container" type="text/x-handlebars-template">
+        <script id="todo-list-container" type="text/x-handlebars-template" data-template-name="application">
             <div class="todo-list-container">
                 <div><h2>{{title}}</h2></div>
                 <ul>

diff --git a/js/app.js b/js/app.js
@@ -1,4 +1,5 @@
 _4bram = {};
+//_4bram.App = Ember.Application.create();
 _4bram.ToDoList = [
                    'Load requirejs', 'Load underscorejs', 'Apply styling with Sass',
                    'Generate View with Handlebars', 'Implement Ember'
@@ -7,4 +8,5 @@ _4bram.ToDoList = [
 _4bram.Render = function (sourceId, context) {
     var template = Handlebars.compile($(sourceId).html());
     return template(context);
-};
+};
+
diff --git a/js/ember-1.0.0-pre.2.min.js b/js/ember-1.0.0-pre.2.min.js
diff --git a/js/main.js b/js/main.js
@@ -1,8 +1,9 @@
-require(['jquery', 'handlebars', 'underscorejs-min', 'app'], function ($) {
+require(['jquery', 'underscorejs-min', 'handlebars', 'ember-1.0.0-pre.2.min', 'app'], function ($) {
     $(function () {
         console.info('jQuery loaded!', $);
-        console.info('Handlebars loaded!', Handlebars);
         console.info('_ loaded!', _);
+        console.info('Handlebars loaded!', Handlebars);
+        console.info('Ember loaded!', Ember);
         console.info('App loaded!', _4bram);
 
         var todoList = {};
@@ -13,6 +14,13 @@ require(['jquery', 'handlebars', 'underscorejs-min', 'app'], function ($) {
             todoList.todoItems.push({todoText: listItem})
         });
 
+//        var view = Ember.View.create({
+//            templateName: 'application',
+//            title: 'ToDo List',
+//            todoItems: todoList.todoItems
+//        }).append('#todo-list-container');
+
+//        _4bram.App.initialize();
         $('.container').html(_4bram.Render('#todo-list-container', todoList));
     });
 });
diff --git a/js/models/todoItem.js b/js/models/todoItem.js
@@ -0,0 +1,4 @@
+TodoItem = Ember.Object.extend({
+    title: '',
+    belongsTo: 1
+});