About card upd

backend/internal/web/public/version

@@ -1 +1 @@
-VERSION=2.1.3
+VERSION=2.1.4

backend/internal/web/webgui.go

@@ -42,7 +42,6 @@ func Gui() {
 		"\n  Default DB: " + conf.AppConfig.UseDB +
 		"\n  Log level: " + conf.AppConfig.LogLevel +
 		"\n  Web GUI: http://" + address +
-		"\n  Swagger UI: http://" + address + "/swagger/index.html" +
 		"\n=================================== " + colorReset)
 
 	gin.SetMode(gin.ReleaseMode)

frontend/src/components/Config/About.tsx

@@ -18,16 +18,44 @@ function About() {
         About (<a href={link()} target="_blank">{version()}</a>)
       </div>
       <div class="card-body">
-        <p>● After changing <b>Host</b> or <b>Port</b> the app must be restarted</p>
+        <table class="table table-striped"><tbody>
-        <p>● <b>Shoutrrr URL</b> provides notifications to Discord, Email, Gotify, Telegram and other services. <a href="https://nicholas-fedor.github.io/shoutrrr/" target="_blank">Link to documentation</a></p>
+          <tr>
-        <p>● <b>Interfaces</b> - one or more, space separated</p>
+            <td><b>Swagger API docs</b></td>
-        <p>● <b>Timeout (seconds)</b> - time between scans</p>
+            <td><a href="/swagger/index.html" target="_blank">/swagger/index.html</a></td>
-        <p>● <b>Args for arp-scan</b> - pass your own arguments to <code>arp-scan</code>. Enable <b>debug</b> log level to see resulting command. (Example: <code>-r 1</code>). See <a href="https://github.com/aceberg/WatchYourLAN/blob/main/docs/VLAN_ARP_SCAN.md" target="_blank">docs</a> for more.</p>
+          </tr>
-        <p>● <b>Arp Strings</b> - can setup scans for <code>vlans</code>, <code>docker0</code> and etcetera. See <a href="https://github.com/aceberg/WatchYourLAN/blob/main/docs/VLAN_ARP_SCAN.md" target="_blank">docs</a> for more.</p>
+          <tr>
-        <p>● <b>Trim History</b> - remove history after (hours)</p>
+            <td><b>Local node-bootstrap URL</b></td>
-        <p>● <b>Store History in DB</b> - DEPRECATED. Now History is always stored in DB. Use <b>Trim History</b> to reduce DB size</p>
+            <td>local themes and fonts (optional). If empty, the app will pull everything from <code>cdn</code></td>
-        <p>● <b>PG Connect URL</b> - address to connect to PostgreSQL DB. (Example: <code>postgres://username:password@192.168.0.1:5432/dbname?sslmode=disable</code>). Full list of URL parameters <a href="https://pkg.go.dev/github.com/lib/pq#hdr-Connection_String_Parameters" target="_blank">here</a></p>
+          </tr>
-        <p>● If you find this app useful, please, <a href="https://github.com/aceberg#donate" target="_blank">donate</a></p>
+          <tr>
+            <td><b>Shoutrrr URL</b></td>
+            <td>provides notifications to Discord, Email, Gotify, Telegram and other services. <a href="https://shoutrrr.nickfedor.com/services/overview/" target="_blank">Link to documentation</a></td>
+          </tr>
+          <tr>
+            <td><b>Interfaces</b></td>
+            <td>one or more, space separated</td>
+          </tr>
+          <tr>
+            <td><b>Timeout (seconds)</b></td>
+            <td>time between scans</td>
+          </tr>
+          <tr>
+            <td><b>Args for arp-scan</b></td>
+            <td>pass your own arguments to <code>arp-scan</code>. Enable <b>debug</b> log level to see resulting command. (Example: <code>-r 1</code>). See <a href="https://github.com/aceberg/WatchYourLAN/blob/main/docs/VLAN_ARP_SCAN.md" target="_blank">docs</a> for more</td>
+          </tr>
+          <tr>
+            <td><b>Arp Strings</b></td>
+            <td>can setup scans for <code>vlans</code>, <code>docker0</code> and etcetera. See <a href="https://github.com/aceberg/WatchYourLAN/blob/main/docs/VLAN_ARP_SCAN.md" target="_blank">docs</a> for more</td>
+          </tr>
+          <tr>
+            <td><b>Trim History</b></td>
+            <td>remove history after (hours)</td>
+          </tr>
+          <tr>
+            <td><b>PG Connect URL</b></td>
+            <td>address to connect to PostgreSQL DB. (Example: <code>postgres://username:password@192.168.0.1:5432/dbname?sslmode=disable</code>). Full list of URL parameters <a href="https://pkg.go.dev/github.com/lib/pq#hdr-Connection_String_Parameters" target="_blank">here</a></td>
+          </tr>
+        </tbody></table>
       </div>
     </div>
   )

frontend/src/components/Config/Donate.tsx

@@ -0,0 +1,17 @@
+
+
+function Donate() {
+
+  return (
+    <div class="card border-info">
+      <div class="card-header">Donations and Work</div>
+      <div class="card-body">
+        <p>Every <a href="https://github.com/aceberg#donate" target="_blank">donation</a> is truly appreciated!</p>
+        <p>I am offering self-hosted and mobile apps development for a small price.
+          The Open Source apps I created are listed in my <a href="https://aceberg.github.io/portfolio/" target="_blank">portfolio</a>. They are all human-coded, not generated by AI. Please, <a href="https://github.com/aceberg#contact" target="_blank">contact</a> me, if you are interested.</p>
+      </div>
+    </div>
+  )
+}
+
+export default Donate

frontend/src/pages/Config.tsx

@@ -1,5 +1,6 @@
 import About from "../components/Config/About"
 import Basic from "../components/Config/Basic"
+import Donate from "../components/Config/Donate"
 import Influx from "../components/Config/Influx"
 import Prometheus from "../components/Config/Prometheus"
 import Scan from "../components/Config/Scan"
@@ -9,13 +10,20 @@ function Config() {
   return (
     <div class="row">
       <div class="col-md">
+        
         <Basic></Basic>
+        
         <div class="mt-4">
+          <Donate></Donate>
+        </div>
+        <div class="mt-4 mb-4">
           <Scan></Scan>
         </div>
       </div>
       <div class="col-md">
+        
         <Influx></Influx>
+        
         <div class="mt-4">
           <Prometheus></Prometheus>
         </div>