Minimal changes

examples/kitchen-sink/app/services.js

@@ -2,37 +2,27 @@ App.Services = (function(lng, App, undefined) {
 
     var mockProfiles = function() {
         var profiles = [];
-        for (var i=1, len=12; i <= len; i++ ) {
-            profiles.push({
-                id:i,
-                name: 'Profile nº' + i,
-                description: 'Description nº' + i,
-                avatar: 'assets/images/avatars/' + i + '.jpg'
-            })
+        var id = 0;
+
+        for (var j=0; j < 3; j++) {
+            for (var i=1, len=12; i <= len; i++ ) {
+                id++;
+                profiles.push({
+                    id: id,
+                    name: 'Profile nº' + i,
+                    description: 'Description nº' + i,
+                    avatar: 'assets/images/avatars/' + i + '.jpg'
+                });
+            }
         }
-        console.error('profiles', profiles);
 
         lng.View.Template.List.create({
             container_id: 'profiles-list',
             template_id: 'profile-tmp',
-            data: profiles
-        });
-
-        /*
-        lng.View.Template.List.create({
-            container_id: 'list_sample',
-            template_id: 'list-tmp',
-            data: mock
-        });
-
-        lng.View.Template.List.create({
-            container_id: 'list_grouped_sample',
-            template_id: 'list-tmp',
-            data: mock,
-            order_field: 'name',
-            order_type: 'desc'
+            data: profiles,
+            order_field: 'id',
+            order_type: 'asc'
         });
-        */
     };
 
     mockProfiles();

examples/kitchen-sink/index.html

@@ -77,7 +77,7 @@
         <aside>
             <scroll id="main-aside">
                 <div style="height:1024px">
-                    <a href="#navigation" data-target="sections" data-icon="wifi" data-count="334">Navigation</a>
+                    <a href="#navigation" data-target="section" data-icon="wifi" data-count="334">Navigation</a>
                     <a href="#buttons" data-target="article" data-icon="plus">Buttons & Colours</a>
                     <a href="#forms" data-target="article" data-icon="write">Forms</a>
                     <a href="#lists" data-target="article" data-icon="note">Lists</a>

src/view/Lungo.View.Template.List.js

@@ -73,7 +73,7 @@ LUNGO.View.Template.List = (function(lng, undefined) {
 
     var _createScroll = function() {
         var container_id_for_scroll = lng.Dom.query('#' + _config.container_id).parent().attr('id');
-        var list_config = {snap:'li'};
+        var list_config = { snap: 'li' };
 
         lng.View.Scroll.create(container_id_for_scroll, list_config);
     };