MT#4287 preserve display setting rows

in the local browser storage
the number of rows in a datatables element is saved
this is individually different for each page

share/layout/body.tt

@@ -180,6 +180,11 @@ $(function () {
             }
         });
     }
+
+    var my_pathname = window.location.pathname;
+    $('.dataTables_length > label > select').on('change', function (e) {
+        localStorage.setItem('ngcp_dt_entries'+my_pathname, $(this).find(":selected").text());
+    });
 });
 </script>
 </body>

share/templates/helpers/datatables.tt

@@ -25,6 +25,10 @@ $.extend( $.fn.dataTableExt.oStdClasses, {
             } );
 
 $(document).ready(function() {
+    var my_pathname = window.location.pathname;
+    var show_rows_storage = localStorage.getItem('ngcp_dt_entries'+my_pathname);
+    if (! show_rows_storage )
+        show_rows_storage = 5;
 	var [% helper.id_from_name %]_table = $('#[% helper.id_from_name %]_table')
 	    .dataTable( {
         "sDom": "<'row-fluid ngcp_dt_top_elements'lf<r>>t<'row-fluid'<'pull-left'i><'pull-right'p>>",
@@ -41,7 +45,7 @@ $(document).ready(function() {
         [% END %]
         "bSort": true,
         "bInfo": true,
-        "iDisplayLength": 5,
+        "iDisplayLength": show_rows_storage,
         'iShowPages': 5,
 		"sAjaxSource": "[% helper.ajax_uri %]",
         [% IF helper.column_sort -%]