Add tooltips to tag-cloud-configuration

src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html

@@ -35,6 +35,7 @@
     delayWord: parent.getCurrentCloudParameters().delayWord,
     randomAngles: this.randomAng.checked
                         }, false)"
+      matTooltip="{{'tag-cloud-config.random-angle-tooltip' | translate}}"
       >{{'tag-cloud-config.random-angle' | translate}}</mat-slide-toggle
       >
     </div>
@@ -58,6 +59,7 @@
                 "
               formControlName="background"
               class="custom-color-picker"
+              matTooltip="{{'tag-cloud-config.background-tooltip' | translate}}"
             />
             <p class="custom-color-picker-text">{{'tag-cloud-config.select-color' | translate}}</p>
           </mat-form-field>
@@ -99,6 +101,7 @@
     randomAngles: parent.getCurrentCloudParameters().randomAngles
     }, false)
           "
+        matTooltip="{{'tag-cloud-config.word-delay-tooltip' | translate}}"
         ></mat-slider>
 
     </div>
@@ -129,6 +132,7 @@
               min="10"
               max="300"
               step="10"
+              matTooltip="{{'tag-cloud-config.font-size-min-tooltip' | translate}}"
             />
           </mat-form-field>
     </div>
@@ -160,6 +164,7 @@
               min="10"
               max="300"
               step="10"
+              matTooltip="{{'tag-cloud-config.font-size-max-tooltip' | translate}}"
             />
           </mat-form-field>
     </div>
@@ -184,6 +189,7 @@
                     "
                 formControlName="color"
                 class="custom-color-picker"
+                matTooltip="{{'tag-cloud-config.select-color-tooltip' | translate}}"
                 />
                 <p class="custom-color-picker-text">{{'tag-cloud-config.select-color' | translate}}</p>
             </mat-form-field>
@@ -223,6 +229,7 @@
             step="0.2"
             formControlName="scale"
             [thumbLabel]="true"
+            matTooltip="{{'tag-cloud-config.hover-scale-tooltip' | translate}}"
           ></mat-slider>
 
       </div>
@@ -252,6 +259,7 @@
             step="0.2"
             formControlName="transitionTime"
             [thumbLabel]="true"
+            matTooltip="{{'tag-cloud-config.hover-time-tooltip' | translate}}"
           ></mat-slider>
       </div>
       <div
@@ -279,6 +287,7 @@
             step="0.1"
             formControlName="delay"
             [thumbLabel]="true"
+            matTooltip="{{'tag-cloud-config.hover-delay-tooltip' | translate}}"
           ></mat-slider>
 
       </div>

src/assets/i18n/creator/de.json

@@ -339,6 +339,17 @@
     "save-btn":"Speichern",
     "font-size-min":"Schriftgröße min",
     "font-size-max":"Schriftgröße max",
-    "select-color": "Farbauswahl"
+    "select-color": "Farbauswahl",
+
+    "random-angle-tooltip": "Anordnung der Winkel zufällig generieren",
+    "background-tooltip": "Auswahl der Hintergrundfarbe",
+    "word-delay-tooltip": "Animationsverzögerung der Wörter",
+    "font-size-min-tooltip": "Auswahl der minimalen Schriftgrösse",
+    "font-size-max-tooltip": "Auswahl der maximalen Schriftgrösse",
+    "select-color-tooltip": "Auswahl der Schriftfarbe",
+    "hover-scale-tooltip": "Skallierung der Wörter beim Erscheinen",
+    "hover-time-tooltip": "Festlegen der Erscheinungszeit der Wörter",
+    "hover-delay-tooltip": "Verzögerung der Wörter beim Erscheinen"
+    
   }
 }

src/assets/i18n/creator/en.json

@@ -340,6 +340,17 @@
     "save-btn":"Save",
     "font-size-min":"Font size min",
     "font-size-max":"Font size max",
-    "select-color": "Selected color"
+    "select-color": "Selected color",
+
+    "random-angle-tooltip": "Generate angle randomly",
+    "background-tooltip": "Select background-color",
+    "word-delay-tooltip": "Select word-delay",
+    "font-size-min-tooltip": "Select minimum font-size",
+    "font-size-max-tooltip": "Select maximum font-size",
+    "select-color-tooltip": "Select font-color",
+    "hover-scale-tooltip": "Select hover-scale",
+    "hover-time-tooltip": "Select hover-time",
+    "hover-delay-tooltip": "Select hover-delay"
+    
   }
 }

src/assets/i18n/participant/de.json

@@ -230,6 +230,16 @@
     "save-btn":"Speichern",
     "font-size-min":"Schriftgröße min",
     "font-size-max":"Schriftgröße max",
-    "select-color": "Farbauswahl"
+    "select-color": "Farbauswahl",
+
+    "random-angle-tooltip": "Anordnung der Winkel zufällig generieren",
+    "background-tooltip": "Auswahl der Hintergrundfarbe",
+    "word-delay-tooltip": "Animationsverzögerung der Wörter",
+    "font-size-min-tooltip": "Auswahl der minimalen Schriftgrösse",
+    "font-size-max-tooltip": "Auswahl der maximalen Schriftgrösse",
+    "select-color-tooltip": "Auswahl der Schriftfarbe",
+    "hover-scale-tooltip": "Skallierung der Wörter beim Erscheinen",
+    "hover-time-tooltip": "Festlegen der Erscheinungszeit der Wörter",
+    "hover-delay-tooltip": "Verzögerung der Wörter beim Erscheinen"
   }
 }

src/assets/i18n/participant/en.json

@@ -236,6 +236,16 @@
     "save-btn":"Save",
     "font-size-min":"Font size min",
     "font-size-max":"Font size max",
-    "select-color": "Selected color"
+    "select-color": "Selected color",
+    
+    "random-angle-tooltip": "Generate angle randomly",
+    "background-tooltip": "Select background-color",
+    "word-delay-tooltip": "Select word-delay",
+    "font-size-min-tooltip": "Select minimum font-size",
+    "font-size-max-tooltip": "Select maximum font-size",
+    "select-color-tooltip": "Select font-color",
+    "hover-scale-tooltip": "Select hover-scale",
+    "hover-time-tooltip": "Select hover-time",
+    "hover-delay-tooltip": "Select hover-delay"
   }
 }