TODO.app modifications (release 1.0.3)

examples/todo.js/app/data.js

@@ -5,20 +5,20 @@ App.Data = (function(lng, App, undefined) {
         name: 'todo.js',
         version: '1.0',
         schema: [
-            { name: 'todo', drop: false, fields: {  
+            { name: 'todo', drop: false, fields: {
                 id: 'INTEGER PRIMARY KEY',
                 name: 'TEXT',
                 description: 'TEXT',
                 type: 'STRING',
                 done: 'INTEGER DEFAULT 0',
-                created_at: 'DATETIME' 
+                created_at: 'DATETIME'
                 }
             },
             { name: 'types', drop: false, fields: {
                 id: 'INTEGER PRIMARY KEY',
                 name: 'TEXT'
                 }
-            },
+            }
         ]
     });
 
@@ -37,6 +37,7 @@ App.Data = (function(lng, App, undefined) {
 
     var updateTodo = function(id, data) {
         lng.Data.Sql.update('todo', data, {id:id});
+        refresh();
     };
 
     var doneTodo = function(id) {
@@ -44,27 +45,17 @@ App.Data = (function(lng, App, undefined) {
     };
 
     var _pendingTodos = function() {
-        lng.Data.Sql.select('todo', {done:0}, function(result){
-            lng.View.Template.List.create({
-                container_id: 'pending',
-                template_id: 'pending-tmp',
-                data: result
-            });
+        lng.Data.Sql.select('todo', {done:0}, function(result) {
+            App.View.list('pending', 'pending-tmp', result);
         });
     };
 
     var _doneTodos = function() {
         lng.Data.Sql.select('todo', {done:1}, function(result){
-            lng.View.Template.List.create({
-                container_id: 'done',
-                template_id: 'list-tmp',
-                data: result
-            });
+            App.View.list('done', 'list-tmp', result);
         });
     };
 
-    refresh();
-
     return {
         refresh: refresh,
         insertTodo: insertTodo,
@@ -72,5 +63,5 @@ App.Data = (function(lng, App, undefined) {
         updateTodo: updateTodo,
         doneTodo: doneTodo
     }
-    
+
 })(LUNGO, App);

examples/todo.js/app/events.js

@@ -1,5 +1,11 @@
 App.Events = (function(lng, undefined) {
 
+    //Login
+    lng.Dom.Event.live('#btnLogin', 'TAP', function(evet) {
+        lng.Router.section('main');
+        App.Data.refresh();
+    });
+
     //Create new todo
     lng.Dom.Event.live('#btnNewTodo', 'TAP', function(event) {
 
@@ -19,7 +25,7 @@ App.Events = (function(lng, undefined) {
 
         App.View.returnToMain('ToDo created', 'check');
     });
-    
+
     //View ToDo
     lng.Dom.Event.live('#done li, #pending li', 'TAP', function(event) {
         var todo_id = lng.Dom.query(this).attr('id');

examples/todo.js/app/view.js

@@ -36,18 +36,29 @@ App.View = (function(lng, App, undefined) {
     };
 
     var returnToMain = function(message, icon) {
-        lng.Sugar.Growl.show(message, icon, true);
+        lng.Sugar.Growl.notify(message, 'Tap to close', icon, 'error', 5);
+
+        //lng.Sugar.Growl.show(message, icon, true);
         App.Data.refresh();
 
         setTimeout(function() {
             lng.Router.back();
             lng.Sugar.Growl.hide();
-        }, 500);
+        }, 1000);
+    };
+
+    var list = function(container, template, rows) {
+        lng.View.Template.List.create({
+            container_id: container,
+            template_id: template,
+            data: rows
+        });
     };
 
     return{
         todo: todo,
-        returnToMain: returnToMain
+        returnToMain: returnToMain,
+        list: list
     }
 
 })(LUNGO, App);

examples/todo.js/index.html

@@ -18,7 +18,7 @@
     <link rel="apple-touch-icon-precomposed" href="assets/images/icon.png">
     <link rel="apple-touch-startup-image" href="assets/images/default.png">
     <!-- Main Stylesheet -->
-    <link rel="stylesheet" href="../../release/lungo-1.0.2.min.css">
+    <link rel="stylesheet" href="../../release/lungo-1.0.3.min.css">
     <link rel="stylesheet" href="../../release/lungo.theme.default.css">
     <!-- Sugars :) -->
     <link rel="stylesheet" href="assets/sugars/lungo.sugar.growl.css">
@@ -31,7 +31,7 @@
 			<div class="form">
 				<input type="text" placeholder="Type your user" disabled/>
 				<input type="password" placeholder="Type your password" disabled/>
-				<a href="#main" data-target="section" class="button big blue" data-icon="key">Go to app!</a>
+				<a href="#" id="btnLogin" class="button big blue" data-icon="key">Go to app!</a>
 			</div>
 			<div class="copyright">Copyright TapQuo Inc, 2011</div>
 		</article>
@@ -128,7 +128,8 @@
 	</section>
 
     <!-- LungoJS (Production mode) -->
-    <script src="../../release/lungo-1.0.2.packed.js"></script>
+    <script src="../../release/lungo-1.0.3.packed.js"></script>+
+
     <script src="assets/sugars/lungo.sugar.growl.js"></script>
     <!-- LungoJS - Sandbox App -->
     <script src="app/app.js"></script>