MT#4287 Use Statesave Feature

This saves every configuration for datatables locally
And clear every localStorage setting on login/logout

share/layout/body.tt

@@ -180,11 +180,6 @@ $(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,10 +25,6 @@ $.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>>",
@@ -36,6 +32,17 @@ $(document).ready(function() {
         "bServerSide": true,
         "bPaginate": [% helper.paginate || 'true' %],
         "bFilter": [% helper.filter || 'true' %],
+        "bStateSave": true,
+            "fnStateSave": function (oSettings, oData) {
+                localStorage.setItem(
+                    'ngcp_dt_[% helper.id_from_name %]_table',
+                    JSON.stringify(oData)
+                );
+        },
+        "fnStateLoad": function (oSettings) {
+            return JSON.parse( localStorage.getItem('ngcp_dt_[% helper.id_from_name %]_table') );
+        },
+
         "sPaginationType": "bootstrap",
         [% IF helper.length_change %]
             "bLengthChange": true,
@@ -45,7 +52,7 @@ $(document).ready(function() {
         [% END %]
         "bSort": true,
         "bInfo": true,
-        "iDisplayLength": show_rows_storage,
+        "iDisplayLength": 5,
         'iShowPages': 5,
 		"sAjaxSource": "[% helper.ajax_uri %]",
         [% IF helper.column_sort -%]

share/templates/login/login.tt

@@ -40,6 +40,7 @@
     <script>
         $(function () {
             Theme.init();
+            localStorage.clear();
         });
     </script>
 </body>