mobile fix + new screnshots

README.md

@@ -34,16 +34,13 @@ The system continuously scans the network for, **New devices**, **New connection
 ## 🧩 Notification Integrations 
    - [Apprise](https://hub.docker.com/r/caronc/apprise), [Pushsafer](https://www.pushsafer.com/), [NTFY](https://ntfy.sh/)
    - Webhooks ([sample JSON](docs/webhook_json_sample.json))
-   - (❗Experimental) Home Assistant via [MQTT](https://www.home-assistant.io/integrations/mqtt/) 
+   - Home Assistant via [MQTT](https://www.home-assistant.io/integrations/mqtt/) 
      - discovery ~10s per device, deleting not supported, use [MQTT Explorer](https://mqtt-explorer.com/) for now
 
 
 ## 🔐 Security
 
 - Configurable login to prevent unauthorized use. 
-- Set `PIALERT_WEB_PROTECTION = True` in `pialert.conf` to enable. 
-- The default password is `123456`.
-- To change password run `/home/pi/pialert/back/pialert-cli` 
 
 ## 📑 Features   
   - Display:
@@ -108,13 +105,14 @@ Instructions for [pucherot's original code can be found here](https://github.com
       - Please see the [Git commit history](https://github.com/jokob-sk/Pi.Alert/commits/main) for a full list of people and their contributions to the project
 
 <!--- --------------------------------------------------------------------- --->
-[main]:    ./docs/img/1_devices.jpg           "Main screen"
-[screen1]: ./docs/img/2_1_device_details.jpg  "Screen 1"
-[screen2]: ./docs/img/2_2_device_sessions.jpg "Screen 2"
-[screen3]: ./docs/img/2_3_device_presence.jpg "Screen 3"
-[screen4]: ./docs/img/3_presence.jpg          "Screen 4"
-[screen5]: ./docs/img/2_4_network.png         "Screen 5"
-[screen6]: ./docs/img/2_5_device_nmap_ready.jpg "Screen 6"
+[main]:    ./docs/img/devices_split.png       "Main screen"
+[screen1]: ./docs/img/devices_details.png     "Screen 1"
+[screen2]: ./docs/img/events.png              "Screen 2"
+[screen3]: ./docs/img/presence.png            "Screen 3"
+[screen4]: ./docs/img/maintenance.png         "Screen 4"
+[screen5]: ./docs/img/network.png             "Screen 5"
+[screen6]: ./docs/img/settings.png            "Screen 6"
+[screen7]: ./docs/img/help_faq.png            "Screen 6"
 [report1]: ./docs/img/4_report_1.jpg          "Report sample 1"
 [report2]: ./docs/img/4_report_2.jpg          "Report sample 2"
 [main_dark]: /docs/img/1_devices_dark.jpg     "Main screen dark"

dockerfiles/README.md

@@ -44,15 +44,13 @@
 
 ### Config (`pialert.conf`)
 
-- Download [pialert.conf from here](https://github.com/jokob-sk/Pi.Alert/tree/main/config).  
+- Modify [pialert.conf](https://github.com/jokob-sk/Pi.Alert/tree/main/config) or manage the configuration via Settings.  
 - ❗ Set the `SCAN_SUBNETS` variable. 
    * The adapter will probably be `eth0` or `eth1`. (Run `iwconfig` to find your interface name(s)) 
    * Specify the network filter (which **significantly** speeds up the scan process). For example, the filter `192.168.1.0/24` covers IP ranges 192.168.1.0 to 192.168.1.255.
    * Examples for one and two subnets  (❗ Note the `['...', '...']` format for two or more subnets):
-     * One subnet: `SCAN_SUBNETS    = '192.168.1.0/24 --interface=eth0'`
+     * One subnet: `SCAN_SUBNETS    = ['192.168.1.0/24 --interface=eth0']`
      * Two subnets:  `SCAN_SUBNETS    = ['192.168.1.0/24 --interface=eth0', '192.168.1.0/24 --interface=eth1']` 
-- Set your reporting preferences.
-- I recommend to check for new settings every time you rebuilt the container.
 
 
 ### 🛑 **Common issues** 

docs/img/size_h_1250_w_1000.txt

@@ -0,0 +1 @@
+Screenshot size: height: 1250px width: 1000px

front/css/pialert.css

@@ -100,6 +100,24 @@
     color: gray;
 }
 
+.header-server-time
+{
+    padding:8px;
+    color: white;
+} 
+
+.header-status
+{
+    padding:0px;
+}
+.header-status:hover
+{
+    background-color: rgba(0, 0, 0, 0);
+}
+.navbar-nav > li > a
+{
+    line-height: 30px;
+}
 /* -----------------------------------------------------------------------------
    Customized Main Menu
 ----------------------------------------------------------------------------- */

front/help_faq.php

@@ -215,8 +215,6 @@ if ($_SESSION["login"] != 1)
   </div>
 </div> 
 
-
-  <div style="width: 100%; height: 20px;"></div>
     </section>
     <!-- /.content -->
 </div>

front/maintenance.php

@@ -417,13 +417,6 @@ if (submit && isset($_POST['skinselector_set'])) {
       
 </div>
 
-
-
-
-
-<div style="width: 100%; height: 20px;"></div>
-    <!-- ----------------------------------------------------------------------- -->
-
 </section>
 
     <!-- /.content -->

front/network.php

@@ -68,7 +68,7 @@
         
 
         $str_tab_header = '<li class="'.$activetab.'">
-                              <a href="#'.str_replace(":", "_", $node_mac).'" data-toggle="tab">'
+                              <a href="#'.str_replace(":", "_", $node_mac).'" data-toggle="tab" >'
                                   .$node_name.' ' .$str_port.$node_badge.
                               '</a>
                           </li>';
@@ -98,10 +98,10 @@
                             <table class="table table-striped" style="width:200px;"> 
                               <tbody>
                                 <tr> 
-                                  <td>
+                                  <td >
                                     <b>MAC:</b>
                                   </td>
-                                  <td>'
+                                  <td class="anonymize">'
                                     .$node_mac.
                                   '</td>
                                 </tr>
@@ -127,7 +127,7 @@
                                   </td>
                                   <td>  
                                     <a href="./deviceDetails.php?mac='.$node_parent_mac.'">
-                                      <b>'.$node_parent_mac.'</b>
+                                      <b class="anonymize">'.$node_parent_mac.'</b>
                                     </a>                                 
                                   </td>
                               </tr>
@@ -218,10 +218,10 @@
                               '</td>
                               <td style="padding-left: 10px;">
                                 <a href="./deviceDetails.php?mac='.$row['mac'].'">
-                                  <b>'.$row['name'].'</b>
+                                  <b class="anonymize">'.$row['name'].'</b>
                                 </a>
                               </td>
-                              <td>'
+                              <td class="anonymize">'
                                 .$row['last_ip'].
                               '</td>
                             </tr>';
@@ -407,7 +407,7 @@
                                             '</td>
                                             <td style="padding-left: 10px;">
                                               <a href="./deviceDetails.php?mac='.$row['mac'].'">
-                                                <b>'.$row['name'].'</b>
+                                                <b class="anonymize">'.$row['name'].'</b>
                                               </a>
                                             </td>
                                             <td>'

front/php/server/devices.php

@@ -10,6 +10,7 @@
 
   // External files
   require '/home/pi/pialert/front/php/templates/timezone.php';
+  require '/home/pi/pialert/front/php/templates/language/lang.php';
   require '/home/pi/pialert/front/php/server/db.php';
   require '/home/pi/pialert/front/php/server/util.php';  
 

front/php/templates/header.php

@@ -137,9 +137,19 @@ if ($ENABLED_DARKMODE === True) {
       <div class="navbar-custom-menu">
         <ul class="nav navbar-nav">          
           <!-- Server Status -->
-          <li><a onclick="setCache('activeMaintenanceTab', 'tab_Logging_id')" href="/maintenance.php#tab_Logging"><code id="state"></code></a></li>
+          <li>
+            <a onclick="setCache('activeMaintenanceTab', 'tab_Logging_id')" href="/maintenance.php#tab_Logging">
+              <div class="header-status">
+                <code id="state"></code>
+              </div>
+            </a>
+          </li>
           <!-- Server Name -->
-          <li><a style="pointer-events:none;"><?php echo gethostname();?> <span id="PIA_Servertime_place"></span></a></li>
+          <li>
+            <div class="header-server-time small">
+              <div><?php echo gethostname();?></div> <div><span id="PIA_Servertime_place"></span></div>
+            </div>
+          </li>
 
           <!-- Header right info -->
           <li class="dropdown user user-menu">