From f8330789219c2b863578e4a8fed2ead802820a08 Mon Sep 17 00:00:00 2001
From: IKEDA Soji <mail@ikedas.net>
Date: Thu, 30 Nov 2023 11:09:28 +0900
Subject: [PATCH] Accessing Navigation Menu, focus go back to Top Bar (#1747)

---
 default/web_tt2/nav.tt2 | 98 +++++++++++++++++++++--------------------
 1 file changed, 50 insertions(+), 48 deletions(-)

diff --git a/default/web_tt2/nav.tt2 b/default/web_tt2/nav.tt2
index ccdb516e7..43194ad3f 100644
--- a/default/web_tt2/nav.tt2
+++ b/default/web_tt2/nav.tt2
@@ -63,41 +63,42 @@
                 [% ELSE %]
                     [% SET class = '' %]
                 [% END %]
-                <li class="[% class %]"><a href="[% 'serveradmin/m_lists' | url_rel %]">[%|loc%]Lists[%END%]</a>
+                <li id="sm-lists" class="[% class %]">
+                    <a href="[% 'serveradmin/m_lists' | url_rel %]#sm-lists">[%|loc%]Lists[%END%]</a>
                     <ul class="vertical menu">
                         <li>
-                            <a href="[% 'get_pending_lists' | url_rel %]">[%|loc%]View Pending (Requested) lists[%END%]</a>
+                            <a href="[% 'get_pending_lists' | url_rel %]#sm-lists">[%|loc%]View Pending (Requested) lists[%END%]</a>
                         </li>
                         <li>
-                            <a href="[% 'get_closed_lists' | url_rel %]">[%|loc%]View Closed Lists[%END%]</a>
+                            <a href="[% 'get_closed_lists' | url_rel %]#sm-lists">[%|loc%]View Closed Lists[%END%]</a>
                         </li>
                         <li>
-                            <a href="[% 'get_latest_lists' | url_rel %]">[%|loc%]View Lists sorted by Creation Date[%END%]</a>
+                            <a href="[% 'get_latest_lists' | url_rel %]#sm-lists">[%|loc%]View Lists sorted by Creation Date[%END%]</a>
                         </li>
                         <li>
-                            <a href="[% 'get_inactive_lists' | url_rel %]">[%|loc%]View Lists sorted by Last Message Date[%END%]</a>
+                            <a href="[% 'get_inactive_lists' | url_rel %]#sm-lists">[%|loc%]View Lists sorted by Last Message Date[%END%]</a>
                         </li>
                     </ul>
                 </li>
                 [% IF subaction == 'users' %][% SET class = 'active' %][% ELSE %][% SET class = '' %][% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'serveradmin/users' | url_rel %]">[%|loc%]Users[%END%]</a>
+                    <li id="sm-users" class="[% class %]">
+                        <a href="[% 'serveradmin/users' | url_rel %]#sm-users">[%|loc%]Users[%END%]</a>
                     </li>
                 [% IF subaction == 'archives' %][% SET class = 'active' %][% ELSE %][% SET class = '' %][% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'serveradmin/archives' | url_rel %]">[%|loc%]Archives[%END%]</a>
+                    <li id="sm-archives" class="[% class %]">
+                        <a href="[% 'serveradmin/archives' | url_rel %]#sm-archives">[%|loc%]Archives[%END%]</a>
                     </li>
                 [% IF subaction == 'logs' %][% SET class = 'active' %][% ELSE %][% SET class = '' %][% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'serveradmin/logs' | url_rel %]">[%|loc%]System log[%END%]</a>
+                    <li id="sm-logs" class="[% class %]">
+                        <a href="[% 'serveradmin/logs' | url_rel %]#sm-logs">[%|loc%]System log[%END%]</a>
                     </li>
                 [% IF subaction == 'templates' %][% SET class = 'active' %][% ELSE %][% SET class = '' %][% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'serveradmin/templates' | url_rel %]">[%|loc%]Templates[%END%]</a>
+                    <li id="sm-templates" class="[% class %]">
+                        <a href="[% 'serveradmin/templates' | url_rel %]#sm-templates">[%|loc%]Templates[%END%]</a>
                     </li>
                 [% IF action == 'skinsedit' %][% SET class = 'active' %][% ELSE %][% SET class = '' %][% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'skinsedit' | url_rel %]">[%|loc%]Skins, CSS and colors[%END%]</a>
+                    <li id="sm-skins" class="[% class %]">
+                        <a href="[% 'skinsedit' | url_rel %]#sm-skins">[%|loc%]Skins, CSS and colors[%END%]</a>
                     </li>
                 [% IF main_robot && robots ~%]
                     [% IF subaction == 'vhosts' %]
@@ -105,8 +106,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'serveradmin/vhosts' | url_rel %]">
+                    <li id="sm-domains" class="[% class %]">
+                        <a href="[% 'serveradmin/vhosts' | url_rel %]#sm-domains">
                             [%|loc%]Domains[%END%]
                         </a>
                     </li>
@@ -117,8 +118,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'edit_config' | url_rel %]">
+                    <li id="sm-config" class="[% class %]">
+                        <a href="[% 'edit_config' | url_rel %]#sm-config">
                             [%|loc%]View domain config[%END%]
                         </a>
                     </li>
@@ -129,8 +130,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'serveradmin/families' | url_rel %]">[%|loc%]Families[%END%]</a>
+                    <li id="sm-families" class="[% class %]">
+                        <a href="[% 'serveradmin/families' | url_rel %]#sm-families">[%|loc%]Families[%END%]</a>
                     </li>
                 [% END %]
                 [% IF subaction == 'translation' %]
@@ -138,16 +139,16 @@
                 [% ELSE %]
                     [% SET class = '' %]
                 [% END %]
-                <li class="[% class %]">
-                    <a href="[% 'serveradmin/translation' | url_rel %]">[%|loc%]Translating Sympa[%END%]</a>
+                <li id="sm-translation" class="[% class %]">
+                    <a href="[% 'serveradmin/translation' | url_rel %]#sm-translation">[%|loc%]Translating Sympa[%END%]</a>
                 </li>
                 [% IF subaction == 'tracker' %]
                     [% SET class = 'active' %]
                 [% ELSE %]
                     [% SET class = '' %]
                 [% END %]
-                <li class="[% class %]">
-                    <a href="[% 'serveradmin/tracker' | url_rel %]">[%|loc%]Submitting a bug, a feature request[%END%]</a>
+                <li id="sm-tracker" class="[% class %]">
+                    <a href="[% 'serveradmin/tracker' | url_rel %]#sm-tracker">[%|loc%]Submitting a bug, a feature request[%END%]</a>
                 </li>
             </ul>
         </menu>
@@ -236,7 +237,8 @@
     <nav class="top-bar" id="sympa-nav-bar">
         <menu class="top-bar-left">
             <ul class="vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown">
-                <li class="[% class %]"><a href="[% 'edit_list_request' | url_rel([list,'description']) %]">[%|loc%]Edit List Config[%END%]</a>
+                <li id="lm-config" class="[% class %]">
+                    <a href="[% 'edit_list_request' | url_rel([list,'description']) %]">[%|loc%]Edit List Config[%END%]</a>
                     <ul class="vertical menu">
                         [% IF group == 'description' %]
                             [% SET class = 'active' %]
@@ -244,7 +246,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'description']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'description']) %]#lm-config" >
                                 [%|loc%]List definition[%END%]
                             </a>
                         </li>
@@ -254,7 +256,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'sending']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'sending']) %]#lm-config" >
                                 [%|loc%]Sending/receiving setup[%END%]
                             </a>
                         </li>
@@ -264,7 +266,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'command']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'command']) %]#lm-config" >
                                 [%|loc%]Privileges[%END%]
                             </a>
                         </li>
@@ -274,7 +276,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'archives']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'archives']) %]#lm-config" >
                                 [%|loc%]Archives[%END%]
                             </a>
                         </li>
@@ -284,7 +286,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'bounces']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'bounces']) %]#lm-config" >
                                 [%|loc%]Bounces[%END%]
                             </a>
                         </li>
@@ -294,7 +296,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'data_source']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'data_source']) %]#lm-config" >
                                 [%|loc%]Data sources setup[%END%]
                             </a>
                         </li>
@@ -304,7 +306,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'dkim']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'dkim']) %]#lm-config" >
                                 [%|loc%]DKIM/DMARC/ARC[%END%]
                             </a>
                         </li>
@@ -314,7 +316,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'editfile' | url_rel([list,'description_templates']) %]">
+                            <a href="[% 'editfile' | url_rel([list,'description_templates']) %]#lm-config">
                                 [%|loc%]List description/homepage[%END%]
                             </a>
                         </li>
@@ -324,7 +326,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'editfile' | url_rel([list,'message_templates']) %]">
+                            <a href="[% 'editfile' | url_rel([list,'message_templates']) %]#lm-config">
                                 [%|loc%]Message templates[%END%]
                             </a>
                         </li>
@@ -334,7 +336,7 @@
                             [% SET class = '' %]
                         [% END %]
                         <li class="[% class %]">
-                            <a href="[% 'edit_list_request' | url_rel([list,'other']) %]" >
+                            <a href="[% 'edit_list_request' | url_rel([list,'other']) %]#lm-config" >
                                 [%|loc%]Miscellaneous[%END%]
                             </a>
                         </li>
@@ -346,23 +348,23 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [%END%]
-                    <li class="[% class %]">
+                    <li id="lm-users" class="[% class %]">
                         <a href="#">
                             [%|loc%]Users[%END%]
                         </a>
                         <ul class="vertical menu">
                             <li [% IF page.match('^\d+$') %]class="active"[%END%]>
-                                <a href="[% 'review' | url_rel([list]) %]" >
+                                <a href="[% 'review' | url_rel([list]) %]#lm-users" >
                                     [%|loc%]Subscribers[%END%]
                                 </a>
                             </li>
                             <li [% IF page == 'owner' %]class="active"[%END%]>
-                                <a href="[% 'review' | url_rel([list,'owner']) %]" >
+                                <a href="[% 'review' | url_rel([list,'owner']) %]#lm-users" >
                                     [%|loc%]Owners[%END%]
                                 </a>
                             </li>
                             <li [% IF page == 'editor' %]class="active"[%END%]>
-                                <a href="[% 'review' | url_rel([list,'editor']) %]" >
+                                <a href="[% 'review' | url_rel([list,'editor']) %]#lm-users" >
                                     [%|loc%]Moderators[%END%]
                                 </a>
                             </li>
@@ -375,8 +377,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'blocklist' | url_rel([list]) %]" >
+                    <li id="lm-blocklist" class="[% class %]">
+                        <a href="[% 'blocklist' | url_rel([list]) %]#lm-blocklist" >
                             [%|loc%]Blocklist[%END%]
                         </a>
                     </li>
@@ -387,8 +389,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'arc_manage' | url_rel([list]) %]">
+                    <li id="archives" class="[% class %]">
+                        <a href="[% 'arc_manage' | url_rel([list]) %]#lm-archives">
                             [%|loc%]Manage Archives[%END%]
                         </a>
                     </li>
@@ -399,8 +401,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'reviewbouncing' | url_rel([list]) %]">
+                    <li id="lm-bounces" class="[% class %]">
+                        <a href="[% 'reviewbouncing' | url_rel([list]) %]#lm-bounces">
                             [%|loc%]Bounces[%END%]
                         </a>
                     </li>
@@ -411,8 +413,8 @@
                     [% ELSE %]
                         [% SET class = '' %]
                     [% END %]
-                    <li class="[% class %]">
-                        <a href="[% 'viewlogs' | url_rel([list]) %]" >
+                    <li id="lm-logs" class="[% class %]">
+                        <a href="[% 'viewlogs' | url_rel([list]) %]#lm-logs" >
                             [%|loc%]Logs[%END%]
                         </a>
                     </li>