add date information when importing from localStorage

js/config.js

@@ -654,6 +654,9 @@ $(function() {
     var ls_exists = ls_supported ? (window.localStorage['config'] || false) : false;
     $('.localStorage-'+(ls_supported ? 'un' : '')+'supported').hide();
     $('.localStorage-'+(ls_exists ? 'empty' : 'exists')).hide();
+    if (ls_exists) {
+        updatePrefsDate();
+    }
     $('form.prefs-form').change(function(){
         var form = $(this);
         var disabled = false;
@@ -697,7 +700,10 @@ function savePrefsToLocalStorage(form)
             submit_get_json: true
         },
         success: function(response) {
-            window.localStorage.setItem('config', response.prefs);
+            window.localStorage['config'] = response.prefs;
+            window.localStorage['config_mtime'] = response.mtime;
+            window.localStorage['config_mtime_local'] = (new Date()).toUTCString();
+            updatePrefsDate();
             $('.localStorage-empty').hide();
             $('.localStorage-exists').show();
         },
@@ -707,6 +713,30 @@ function savePrefsToLocalStorage(form)
     });
 }
 
+/**
+ * Updates preferences timestamp in Import form
+ */
+function updatePrefsDate()
+{
+    var d = new Date(window.localStorage['config_mtime_local']);
+    var msg = PMA_messages['strSavedOn'].replace('__DATE__', formatDate(d));
+    $('#opts_import_local_storage .localStorage-exists').html(msg);
+}
+
+/**
+ * Returns date formatted as YYYY-MM-DD HH:II
+ *
+ * @param {Date} d
+ */
+function formatDate(d)
+{
+    return d.getFullYear() + '-'
+        + (d.getMonth() < 10 ? '0'+d.getMonth() : d.getMonth())
+        + '-' + (d.getDay() < 10 ? '0'+d.getDay() : d.getDay())
+        + ' ' + (d.getHours() < 10 ? '0'+d.getHours() : d.getHours())
+        + ':' + (d.getMinutes() < 10 ? '0'+d.getMinutes() : d.getMinutes());
+}
+
 //
 // END: User preferences import/export
 // ------------------------------------------------------------------

prefs_manage.php

@@ -31,7 +31,9 @@ if (isset($_POST['submit_export']) && filter_input(INPUT_POST, 'export_type') ==
 } else if (isset($_POST['submit_get_json'])) {
     $settings = PMA_load_userprefs();
     header('Content-Type: application/json');
-    echo json_encode(array('prefs' => json_encode($settings['config_data'])));
+    echo json_encode(array(
+        'prefs' => json_encode($settings['config_data']),
+        'mtime' => $settings['mtime']));
     return;
 } else if (isset($_POST['submit_import'])) {
     // load from JSON file
@@ -124,7 +126,7 @@ require_once './libraries/user_preferences.inc.php';
 ?>
 <script type="text/javascript">
 <?php
-PMA_printJsValue("PMA_messages['strPrefsSaved']", __('Settings have been saved'));
+PMA_printJsValue("PMA_messages['strSavedOn']", __('Saved on: __DATE__'));
 ?>
 </script>
 <div id="maincontainer">
@@ -151,6 +153,9 @@ PMA_printJsValue("PMA_messages['strPrefsSaved']", __('Settings have been saved')
                 <div id="opts_import_local_storage" style="display:none">
                     <span class="localStorage-supported">
                         <?php echo __('Settings will be imported from your browser\'s local storage.') ?>
+                        <span class="localStorage-exists">
+                            <?php echo __('Saved on: __DATE__') ?>
+                        </span>
                         <span class="localStorage-empty">
                             <?php  PMA_Message::notice(__('You have no saved settings!'))->display() ?>
                         </span>