Enhanced the previous/next links to work in the application

ezsystems · Oct 30, 2015 · 6b54490 · 6b54490
1 parent 7e6f510
commit 6b54490
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/Resources/public/js/views/ezconf-listview.js b/Resources/public/js/views/ezconf-listview.js
@@ -15,14 +15,29 @@ YUI.add('ezconf-listview', function (Y) {
             '.ezconf-list-location': {
                 // tap is 'fast click' (touch friendly)
                 'tap': '_navigateToLocation'
-            }
+            },
+            '.ezconf-list-page-link': {
+                'tap': '_navigateToOffset'
+            },
         },
 
         initializer: function () {
             console.log("Hey, I'm the list view");
             this.containerTemplate = '<div class="ez-view-ezconflistview"/>';
         },
 
+        _navigateToOffset: function (e) {
+            var offset = e.target.getData('offset');
+
+            e.preventDefault();
+            this.fire('navigateTo', {
+                routeName: 'eZConfListOffset',
+                routeParams: {
+                    offset: offset,
+                },
+            });
+        },
+
         _navigateToLocation: function (e) {
             var link = e.target;
 

diff --git a/Resources/views/List/list.html.twig b/Resources/views/List/list.html.twig
@@ -19,14 +19,14 @@
 <ul class="ezconf-list-pagination">
     <li class="ezconf-list-page ezconf-list-previous">
     {% if previous is not same as(false) %}
-        <a href="{{ path('list', {offset: previous}) }}">&laquo; Previous</a>
+        <a href="{{ path('list', {offset: previous}) }}" class="ezconf-list-page-link" data-offset="{{ previous }}">&laquo; Previous</a>
     {% else %}
         <span>&laquo; Previous</span>
     {% endif %}
     </li>
     <li class="ezconf-list-page ezconf-list-next">
     {% if next %}
-        <a href="{{ path('list', {offset: next}) }}">Next &raquo;</a>
+        <a href="{{ path('list', {offset: next}) }}" class="ezconf-list-page-link" data-offset="{{ next }}">Next &raquo;</a>
     {% else %}
         <span>Next &raquo;</span>
     {% endif %}