From 78c501ecee877a22f6cce5a791d6c02d9ec267fe Mon Sep 17 00:00:00 2001
From: andryyy <andre.peters@debinux.de>
Date: Mon, 23 Dec 2019 10:19:49 +0100
Subject: [PATCH] [Web] Make mobile usage less annoying; anchors for maps;
 sidebar for maps

---
 data/web/admin.php            | 16 +++++++++++++---
 data/web/css/site/admin.css   |  4 ++++
 data/web/css/site/debug.css   |  2 +-
 data/web/css/site/mailbox.css |  4 ++++
 data/web/js/site/admin.js     | 16 ++++++++++++++++
 data/web/mailbox.php          |  2 +-
 6 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/data/web/admin.php b/data/web/admin.php
index bcd08d9d..4a4ed2cc 100644
--- a/data/web/admin.php
+++ b/data/web/admin.php
@@ -11,7 +11,7 @@ if (!isset($_SESSION['gal']) && $license_cache = $redis->Get('LICENSE_STATUS_CAC
 ?>
 <div class="container">
 
-  <ul class="nav nav-tabs" role="tablist">
+  <ul class="nav nav-tabs nav-justified" role="tablist">
     <li role="presentation" class="active"><a href="#tab-access" aria-controls="tab-access" role="tab" data-toggle="tab"><?=$lang['admin']['access'];?></a></li>
     <li role="presentation"><a href="#tab-config" aria-controls="tab-config" role="tab" data-toggle="tab"><?=$lang['admin']['configuration'];?></a></li>
     <li role="presentation"><a href="#tab-routing" aria-controls="tab-routing" role="tab" data-toggle="tab"><?=$lang['admin']['routing'];?></a></li>
@@ -350,7 +350,7 @@ if (!isset($_SESSION['gal']) && $license_cache = $redis->Get('LICENSE_STATUS_CAC
 
   <div role="tabpanel" class="tab-pane" id="tab-config">
     <div class="row">
-    <div id="sidebar-admin-config" class="col-sm-2 hidden-xs">
+    <div id="sidebar-admin-config" class="col-sm-3 hidden-xs">
       <div id="scrollbox-config" class="list-group">
         <a href="#dkim" class="list-group-item"><?=$lang['admin']['dkim_keys'];?></a>
         <a href="#fwdhosts" class="list-group-item"><?=$lang['admin']['forwarding_hosts'];?></a>
@@ -362,7 +362,7 @@ if (!isset($_SESSION['gal']) && $license_cache = $redis->Get('LICENSE_STATUS_CAC
         <a href="#top" class="list-group-item" style="border-top:1px dashed #dadada">↸ <?=$lang['admin']['to_top'];?></a>
       </div>
     </div>
-    <div class="col-sm-10">
+    <div class="col-sm-9">
     <span class="anchor" id="dkim"></span>
     <div class="panel panel-default">
       <div class="panel-heading"><?=$lang['admin']['dkim_keys'];?></div>
@@ -1168,10 +1168,20 @@ if (!isset($_SESSION['gal']) && $license_cache = $redis->Get('LICENSE_STATUS_CAC
           <span class="anchor" id="regexmaps"></span>
           <h4>Regex Maps</h4>
           <p><?=$lang['admin']['rspamd_global_filters_regex'];?></p>
+          <ul>
+          <?php
+          foreach ($RSPAMD_MAPS['regex'] as $rspamd_regex_desc => $rspamd_regex_map):
+          ?>
+          <li><a href="#<?=$rspamd_regex_map;?>"><?=$rspamd_regex_desc;?></a> (<small><?=$rspamd_regex_map;?></small>)</li>
+          <?php
+          endforeach;
+          ?>
+          </ul>
           <?php
           foreach ($RSPAMD_MAPS['regex'] as $rspamd_regex_desc => $rspamd_regex_map):
           ?>
           <hr>
+          <span class="anchor" id="<?=$rspamd_regex_map;?>"></span>
           <form class="form-horizontal" data-id="<?=$rspamd_regex_map;?>" role="form" method="post">
             <div class="form-group">
               <label class="control-label col-sm-3" for="<?=$rspamd_regex_map;?>"><?=$rspamd_regex_desc;?><br><small><?=$rspamd_regex_map;?></small></label>
diff --git a/data/web/css/site/admin.css b/data/web/css/site/admin.css
index 5eae5228..a5296ee6 100644
--- a/data/web/css/site/admin.css
+++ b/data/web/css/site/admin.css
@@ -77,3 +77,7 @@ table tbody tr {
 table tbody tr td input[type="checkbox"] {
   cursor: pointer;
 }
+.nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs .open>a, .nav-tabs .open>a:hover, .nav-tabs .open>a:focus {
+  padding-bottom: 10px;
+  margin-top: 6px;
+}
\ No newline at end of file
diff --git a/data/web/css/site/debug.css b/data/web/css/site/debug.css
index eddca9c4..a7ad5fc3 100644
--- a/data/web/css/site/debug.css
+++ b/data/web/css/site/debug.css
@@ -11,7 +11,7 @@ table.footable>tbody>tr.footable-empty>td {
 .table-responsive {
   overflow: visible !important;
 }
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 1280px) {
   .table-responsive {
     overflow-x: scroll !important;
   }
diff --git a/data/web/css/site/mailbox.css b/data/web/css/site/mailbox.css
index 173095a9..a5071d8d 100644
--- a/data/web/css/site/mailbox.css
+++ b/data/web/css/site/mailbox.css
@@ -59,3 +59,7 @@ table tbody tr {
 table tbody tr td input[type="checkbox"] {
   cursor: pointer;
 }
+.nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs .open>a, .nav-tabs .open>a:hover, .nav-tabs .open>a:focus {
+  padding-bottom: 10px;
+  margin-top: 6px;
+}
\ No newline at end of file
diff --git a/data/web/js/site/admin.js b/data/web/js/site/admin.js
index 49bf9308..cb83361e 100644
--- a/data/web/js/site/admin.js
+++ b/data/web/js/site/admin.js
@@ -442,6 +442,22 @@ jQuery(function($){
   });
 });
 $(window).load(function(){
+  $('.sidebar').affix({
+        offset: {
+            top: 0
+        }
+    }).on('affix.bs.affix',function(){
+        setAffixContainerSize();
+    });
+
+    /*Setting the width of the sidebar (I took 10px of its value which is the margin between cols in my Bootstrap CSS*/
+    function setAffixContainerSize(){
+        $('.sidebar').width($('.sidebar').parent().innerWidth()-10);
+    }
+
+    $(window).resize(function(){
+        setAffixContainerSize();
+    });
   initial_width_config = $("#sidebar-admin-config").width();
   initial_width_maps = $("#sidebar-admin-maps").width();
   $("#scrollbox-config").css("width", initial_width_config);
diff --git a/data/web/mailbox.php b/data/web/mailbox.php
index 1311a230..30c02d5e 100644
--- a/data/web/mailbox.php
+++ b/data/web/mailbox.php
@@ -7,7 +7,7 @@ $_SESSION['return_to'] = $_SERVER['REQUEST_URI'];
 ?>
 <div class="container">
 
-  <ul class="nav nav-tabs" role="tablist">
+  <ul class="nav nav-tabs nav-justified" role="tablist">
     <li role="presentation" class="active"><a href="#tab-domains" aria-controls="tab-domains" role="tab" data-toggle="tab"><?=$lang['mailbox']['domains'];?></a></li>
     <li role="presentation"><a href="#tab-mailboxes" aria-controls="tab-mailboxes" role="tab" data-toggle="tab"><?=$lang['mailbox']['mailboxes'];?></a></li>
     <li role="presentation"><a href="#tab-resources" aria-controls="tab-resources" role="tab" data-toggle="tab"><?=$lang['mailbox']['resources'];?></a></li>