From c4757e0cefad9b6aca9aba012bdc4e3fe7196fa9 Mon Sep 17 00:00:00 2001
From: Aliye <aliye.tanriseven@mni.thm.de>
Date: Mon, 10 May 2021 15:20:58 +0200
Subject: [PATCH] Add tooltips to tag-cloud-configuration
---
.../cloud-configuration.component.html | 9 +++++++++
src/assets/i18n/creator/de.json | 13 ++++++++++++-
src/assets/i18n/creator/en.json | 13 ++++++++++++-
src/assets/i18n/participant/de.json | 12 +++++++++++-
src/assets/i18n/participant/en.json | 12 +++++++++++-
5 files changed, 55 insertions(+), 4 deletions(-)
diff --git a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html b/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html
index 43ee26e3a..9a45aa0ec 100644
--- a/src/app/components/shared/_dialogs/cloud-configuration/cloud-configuration.component.html
+++ b/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>
diff --git a/src/assets/i18n/creator/de.json b/src/assets/i18n/creator/de.json
index f0a8eb1cc..6b6e2fc61 100644
--- a/src/assets/i18n/creator/de.json
+++ b/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"
+
}
}
diff --git a/src/assets/i18n/creator/en.json b/src/assets/i18n/creator/en.json
index 97b7b4fc7..347905820 100644
--- a/src/assets/i18n/creator/en.json
+++ b/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"
+
}
}
diff --git a/src/assets/i18n/participant/de.json b/src/assets/i18n/participant/de.json
index fd123917e..654a0930f 100644
--- a/src/assets/i18n/participant/de.json
+++ b/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"
}
}
diff --git a/src/assets/i18n/participant/en.json b/src/assets/i18n/participant/en.json
index a7f344b58..a6ee80888 100644
--- a/src/assets/i18n/participant/en.json
+++ b/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"
}
}
--
GitLab