Add and improve tip ups

modules/portmaster/src/app/layout/navigation/navigation.html

@@ -56,7 +56,9 @@
 
   <div class="pt-1 border-t border-gray-400 nav-list">
     <!-- The notification drop-down -->
-    <div class="relative link" cdkOverlayOrigin #notifOrigin="cdkOverlayOrigin"
+    <div
+      sfngTipUpTrigger="navNotifications" sfngTipUpPassive
+      class="relative link" cdkOverlayOrigin #notifOrigin="cdkOverlayOrigin"
       (click)="notificationDropDown.toggle(notifOrigin)" [class.active]="notificationDropDown.isOpen">
 
       <span *ngIf="hasNewNotifications"
@@ -121,7 +123,7 @@
 
   <!-- SPN -->
   <div sfng-tooltip="Safing Privacy Network" sfngTooltipDelay="1000" snfgTooltipPosition="right"
-    routerLinkActive="active" routerLink="spn" class="link" sfngTipUpTrigger="navSPN" sfngTipUpPassive>
+    routerLinkActive="active" routerLink="spn" class="link" sfngTipUpTrigger="navMap" sfngTipUpPassive>
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="spn" stroke="currentColor">
       <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
         <path
@@ -160,7 +162,10 @@
   </div>
 </div>
 <div class="nav-lower-list">
-  <div class="relative link" (click)="settingsMenu.dropdown.toggle(settingsMenuTrigger)" cdkOverlayOrigin
+  <div class="relative link"
+    sfngTipUpTrigger="navTools" sfngTipUpPassive
+    tooltip="Version and Tools" sfngTooltipDelay="1000" snfgTooltipPosition="right"
+    (click)="settingsMenu.dropdown.toggle(settingsMenuTrigger)" cdkOverlayOrigin
     #settingsMenuTrigger="cdkOverlayOrigin" [class.active]="settingsMenu.dropdown.isOpen">
 
     <span *ngIf="versions?.Channel !== 'stable'"
@@ -208,7 +213,10 @@
   </app-menu>
 
   <!-- Power Menu -->
-  <div class="link" (click)="powerMenu.dropdown.toggle(powerMenuTrigger)" cdkOverlayOrigin
+  <div
+    sfngTipUpTrigger="navPower" sfngTipUpPassive
+    tooltip="Shutdown and Restart" sfngTooltipDelay="1000" snfgTooltipPosition="right"
+    class="link" (click)="powerMenu.dropdown.toggle(powerMenuTrigger)" cdkOverlayOrigin
     #powerMenuTrigger="cdkOverlayOrigin" [class.active]="powerMenu.dropdown.isOpen">
 
     <svg version="1.1" viewBox="0 0 24 24" class="help" xmlns="http://www.w3.org/2000/svg"

modules/portmaster/src/i18n/helptexts.yaml

@@ -32,6 +32,14 @@ intro:
     Open tips to learn how the Portmaster work.
 
     Tips like this one are found throughout the Portmaster. With some tips you can tour an element or a feature, like this:
+  nextKey: navNotifications
+
+navNotifications:
+  title: Notifications
+  content: |
+    View any active notifications.
+
+    A colored dot signifies the presence and urgency of the active noticiations, together with the color of the shield.
   nextKey: navMonitor
 
 navMonitor:
@@ -50,14 +58,20 @@ navApps:
   title: Per-App Settings
   content: |
     Configure per-app settings which override the global default.
-  nextKey: navSettings
+  nextKey: navMap
   buttons:
     - name: Take the tour
       action:
         Type: open-page
         Payload: apps
       nextKey: appsTitle
 
+navMap:
+  title: SPN Map
+  content: |
+    View the SPN map and see how your connections are routed.
+  nextKey: navSettings
+
 navSettings:
   title: Global Settings
   content: |
@@ -74,12 +88,25 @@ navSupport:
   title: Get Help
   content: |
     Report a bug, contact support or view the extended Portmaster docs.
+  nextKey: navTools
   buttons:
     - name: Open Page
       action:
         Type: open-page
         Payload: support
 
+navTools:
+  title: Version and Tools
+  content: |
+    View the Portmaster's version and use special actions and tools.
+  nextKey: navPower
+
+navPower:
+  title: Shutdown and Restart
+  content: |
+    Shutdown or Restart Portmaster.
+  nextKey: uiMode
+
 uiMode:
   title: UI Mode
   content: |
@@ -297,6 +324,12 @@ appSettings-QuickSettings:
 
     When other settings might overwrite this, a yellow dot next to the toggle will inform you of possible exceptions.
 
+    __Keep History__
+
+    Save connections in a database (on disk) in order to view and search them later.
+    
+    Changes might take a couple minutes to apply to all connections.
+
 #########################
 ### Support Page