New <markup/> for examples

examples/kitchen-sink/app/services.js

@@ -41,6 +41,44 @@ App.Services = (function(lng, App, undefined) {
         lng.View.Template.List.create(parameters);
     };
 
+    var testService = function() {
+        lng.Service.Settings.timeout = 2500;
+        lng.Service.Settings.dataType = 'json';
+        lng.Service.Settings.error = function() {
+            console.error('Timeout exceed (500ms):', arguments);
+        };
+
+        var url = 'http://www.panoramio.com/map/get_panoramas.php';
+        var parameters = {
+            set: 'public',
+            from: 0,
+            to: 3,
+            minx: -180,
+            miny: -90,
+            maxx: 180,
+            maxy: 90,
+            size: 'medium',
+            mapfilter: true
+        };
+
+        lng.Service.get(url, parameters,
+            function(response) {
+                console.error('GET', response);
+            }
+        );
+
+        lng.Service.json(url, parameters,
+            function(response) {
+                console.error('JSON', response);
+            }
+        );
+
+        lng.Service.Settings.async = false;
+        var response = lng.Service.json(url, parameters);
+        console.error('SYNC', response);
+    };
+
+    testService();
     mockProfiles();
 
     return {

examples/release-test/app/app.js

@@ -4,7 +4,7 @@ var App = (function(lng, undefined) {
 
     lng.App.init({
         name: 'Release-Test',
-        version: '1.0.4'
+        version: '1.1'
     });
 
     return {

examples/release-test/index.html

@@ -18,8 +18,8 @@
     <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.4.min.css">
-    <link rel="stylesheet" href="../../release/lungo-1.0.4.min.icons.css">
+    <link rel="stylesheet" href="../../release/lungo-1.1.min.css">
+    <link rel="stylesheet" href="../../release/lungo-1.1.min.icons.css">
     <link rel="stylesheet" href="../../release/lungo.theme.default.css">
 </head>
 
@@ -39,7 +39,7 @@
     </section>
 
     <!-- LungoJS (Production mode) -->
-    <script src="../../release/lungo-1.0.4.packed.js"></script>
+    <script src="../../release/lungo-1.1.packed.js"></script>
     <!-- LungoJS - Sandbox App -->
     <script src="app/app.js"></script>
     <script src="app/data.js"></script>

examples/todo.js/app/events.js

@@ -1,13 +1,13 @@
 App.Events = (function(lng, undefined) {
 
     //Login
-    lng.Dom.Event.live('#btnLogin', 'TAP', function(evet) {
+    lng.Dom('#btnLogin').tap(function(evet) {
         lng.Router.section('main');
         App.Data.refresh();
     });
 
     //Create new todo
-    lng.Dom.Event.live('#btnNewTodo', 'TAP', function(event) {
+    lng.Dom('#btnNewTodo').tap(function(event) {
 
         var name = lng.dom('#txtNewName');
         var description = lng.dom('#txtNewDescription');
@@ -27,13 +27,13 @@ App.Events = (function(lng, undefined) {
     });
 
     //View ToDo
-    lng.Dom.Event.live('#done li, #pending li', 'TAP', function(event) {
+    lng.Dom('#done li, #pending li').tap(function(event) {
         var todo_id = lng.dom(this).attr('id');
         App.View.todo(todo_id)
     });
 
     //Done ToDo
-    lng.Dom.Event.live('#btnDoneTodo', 'TAP', function(event) {
+    lng.Dom('#btnDoneTodo').tap(function(event) {
         var current_todo = lng.Data.Cache.get('current_todo');
 
         App.Data.doneTodo(current_todo.id);
@@ -41,7 +41,7 @@ App.Events = (function(lng, undefined) {
     });
 
     //Update ToDo
-    lng.Dom.Event.live('#btnUpdateTodo', 'TAP', function(event) {
+    lng.Dom('#btnUpdateTodo').tap(function(event) {
         var current_todo = lng.Data.Cache.get('current_todo');
         var name = lng.dom('#txtEditName');
         var description = lng.dom('#txtEditDescription');
@@ -56,7 +56,7 @@ App.Events = (function(lng, undefined) {
     });
 
     //Delete ToDo
-    lng.Dom.Event.live('#btnDeleteTodo', 'TAP', function(event) {
+    lng.Dom('#btnDeleteTodo').tap(function(event) {
         var current_todo = lng.Data.Cache.get('current_todo');
 
         var options = [

examples/todo.js/index.html

@@ -18,8 +18,8 @@
     <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.4.min.css">
-    <link rel="stylesheet" href="../../release/lungo-1.0.4.min.icons.css">
+    <link rel="stylesheet" href="../../release/lungo-1.1.min.css">
+    <link rel="stylesheet" href="../../release/lungo-1.1.min.icons.css">
     <link rel="stylesheet" href="../../release/lungo.theme.default.css">
     <!-- Sugars :) -->
     <link rel="stylesheet" href="assets/sugars/lungo.sugar.growl.css">
@@ -119,7 +119,7 @@
 	</section>
 
     <!-- LungoJS (Production mode) -->
-    <script src="../../release/lungo-1.0.4.packed.js"></script>
+    <script src="../../release/lungo-1.1.packed.js"></script>
 
     <script src="assets/sugars/lungo.sugar.growl.js"></script>
     <!-- LungoJS - Sandbox App -->