[interface] Highlight active left menu item in setup

Signed-off-by: Ann + J.M <phpMyAdmin@ZweiSteinSoft.de>

2 files changed, 22 insertions, 14 deletions

diff --git a/setup/frames/menu.inc.php b/setup/frames/menu.inc.php
index 0ca99109a9..74f46bca0f 100644
--- a/setup/frames/menu.inc.php
+++ b/setup/frames/menu.inc.php
@@ -10,19 +10,27 @@ if (!defined('PHPMYADMIN')) {
     exit;
 }
 
+$formset_id = filter_input(INPUT_GET, 'formset');
+
 $separator = PMA_URL_getArgSeparator('html');
 echo '<ul>';
-echo '<li><a href="index.php">' . __('Overview') . '</a></li>';
-echo '<li><a href="?page=form' . $separator . 'formset=Features">'
-    . __('Features') . '</a></li>';
-echo '<li><a href="?page=form' . $separator . 'formset=Sql_queries">'
-    . __('SQL queries') . '</a></li>';
-echo '<li><a href="?page=form' . $separator . 'formset=Navi_panel">'
-    . __('Navigation panel') . '</a></li>';
-echo '<li><a href="?page=form' . $separator . 'formset=Main_panel">'
-    . __('Main panel') . '</a></li>';
-echo '<li><a href="?page=form' . $separator . 'formset=Import">'
-    . __('Import') . '</a></li>';
-echo '<li><a href="?page=form' . $separator . 'formset=Export">'
-    . __('Export') . '</a></li>';
+echo '<li><a href="index.php"'
+    . ($formset_id === null ? ' class="active' : '')
+    .'">' . __('Overview') . '</a></li>';
+
+$formsets = array(
+    'Features'    => __('Features'),
+    'Sql_queries' => __('SQL queries'),
+    'Navi_panel'  => __('Navigation panel'),
+    'Main_panel'  => __('Main panel'),
+    'Import'      => __('Import'),
+    'Export'      => __('Export')
+);
+
+foreach ($formsets as $formset => $label) {
+    echo '<li><a href="?page=form' . $separator . 'formset=' . $formset . '" '
+        . ($formset_id === $formset ? ' class="active' : '')
+        .'">' . $label . '</a></li>';
+}
+
 echo '</ul>';
diff --git a/setup/styles.css b/setup/styles.css
index 6bc45f8ab5..e9e51bda6d 100644
--- a/setup/styles.css
+++ b/setup/styles.css
@@ -73,7 +73,7 @@ h1 {
     zoom: 1; /* IE fix */
 }
 
-#menu li a:hover, #menu li a:active {
+#menu li a:hover, #menu li a:active, #menu li a.active {
     background-color: #e4e4e4;
 }