Pull request #361: VM/RED-3780

Merge in RED/ui from VM/RED-3780 to master

* commit 'b5f2961822b0e96051d37463ebbe02a6087c7809':
  RED-3780 -> removed not needed code
  RED-3780 - added separate component for help mode button

apps/red-ui/src/app/components/base-screen/base-screen.component.html

@@ -22,12 +22,7 @@
                 [placeholder]="'search.placeholder' | translate"
                 iqserHelpMode="search_in_entire_application"
             ></redaction-spotlight-search>
-            <iqser-circle-button
-                icon="iqser:help-outline"
-                type="help"
-                [tooltip]="'help-mode.tooltip' | translate"
-                (action)="helpModeService.activateHelpMode()"
-            ></iqser-circle-button>
+            <iqser-help-button [dialogButton]="false"></iqser-help-button>
             <redaction-notifications iqserHelpMode="open_notifications"></redaction-notifications>
         </div>
         <redaction-user-button [matMenuTriggerFor]="userMenu" [userId]="currentUser.id"></redaction-user-button>

apps/red-ui/src/app/modules/file-preview/dialogs/highlight-action-dialog/highlight-action-dialog.component.html

@@ -28,6 +28,7 @@
                 {{ saveMessage | translate }}
             </button>
             <div class="all-caps-label cancel" mat-dialog-close translate="highlight-action-dialog.actions.cancel"></div>
+            <iqser-help-button></iqser-help-button>
         </div>
     </form>
 

apps/red-ui/src/assets/i18n/de.json

@@ -1411,8 +1411,8 @@
   "help-mode": {
     "clicking-anywhere-on": "<b>Klicken Sie auf eine beliebige Stelle des Bildschirms </b> um zu sehen, welche Bereiche interaktiv sind. Wenn Sie mit der Maus über einen interaktiven Bereich fahren, <b>verändert sich der Mauszeiger</b>, um Ihnen zu zeigen, ob ein Element interaktiv ist.",
     "instructions": "Hilfe-Modus-Anleitungen öffnen",
-    "text": "Hilfe-Modus",
-    "tooltip": "",
+    "bottom-text": "Hilfe-Modus",
+    "button-text": "",
     "welcome-to-help-mode": "<b> Willkommen im Hilfe-Modus! <br> Klicken Sie auf interaktive Elemente, um in einem neuen Tab Infos dazu zu erhalten. </b>"
   },
   "highlight-action-dialog": {

apps/red-ui/src/assets/i18n/en.json

@@ -1411,8 +1411,8 @@
   "help-mode": {
     "clicking-anywhere-on": "<b> Clicking anywhere on the screen </b> will show you which areas are interactive. Hovering an interactive area will <b> change the mouse cursor </b> to let you know if the element is interactive.",
     "instructions": "Open Help Mode Instructions",
-    "text": "Help Mode",
-    "tooltip": "Help Mode (H)",
+    "bottom-text": "Help Mode",
+    "button-text": "Help Mode (H)",
     "welcome-to-help-mode": "<b> Welcome to Help Mode! <br> Clicking on interactive elements will open info about them in new tab. </b>"
   },
   "highlight-action-dialog": {

libs/common-ui

@@ -1 +1 @@
-Subproject commit 37edb34d0fc3cf49dd889e98f5ec3d39227649f5
+Subproject commit 70b61282309cb290406c538b5218341cb4f1c40a