From bdc854fe36a095a684958771e2740d0b1b1af7a1 Mon Sep 17 00:00:00 2001
From: Dario Gloc <dario.gloc@mni.thm.de>
Date: Sat, 12 Jun 2021 03:19:46 +0200
Subject: [PATCH] Improved hint of failed language detection
---
.../create-comment.component.html | 3 ++-
.../create-comment.component.scss | 20 +++++++++++++++++++
src/assets/i18n/creator/de.json | 2 +-
src/assets/i18n/creator/en.json | 2 +-
src/assets/i18n/participant/de.json | 4 ++--
src/assets/i18n/participant/en.json | 4 ++--
6 files changed, 28 insertions(+), 7 deletions(-)
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
index 5ecd24468..f214d775d 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
@@ -77,8 +77,9 @@
</span>
</mat-hint>
<span *ngIf="!this.hasSpellcheckConfidence">
- <p>{{ 'spacy-dialog.force-language-selection' | translate }}</p>
+ <p class="lang-confidence">{{ 'spacy-dialog.force-language-selection' | translate }}</p>
</span>
+
</mat-form-field>
</ars-row>
</mat-tab>
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
index d32ac20d9..faca5cb8d 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
@@ -133,3 +133,23 @@ mat-hint {
::ng-deep .mat-spinner circle {
stroke: var(--on-primary);
}
+
+.lang-confidence {
+ animation: shake 0.8s;
+ color: var(--red);
+ font-size: 14px;
+}
+
+@keyframes shake {
+ 0% { transform: translate(1px, 1px) rotate(0deg); }
+ 10% { transform: translate(0px, 0) rotate(-1deg); }
+ 20% { transform: translate(0px, 0px) rotate(1deg); }
+ 30% { transform: translate(3px, 2px) rotate(0deg); }
+ 40% { transform: translate(1px, 0) rotate(1deg); }
+ 50% { transform: translate(-1px, 2px) rotate(-1deg); }
+ 60% { transform: translate(-1px, 1px) rotate(0deg); }
+ 70% { transform: translate(3px, 1px) rotate(-1deg); }
+ 80% { transform: translate(-1px, 0) rotate(1deg); }
+ 90% { transform: translate(1px, 2px) rotate(0deg); }
+ 100% { transform: translate(1px, -0) rotate(-1deg); }
+}
diff --git a/src/assets/i18n/creator/de.json b/src/assets/i18n/creator/de.json
index 194f3250f..cc1ca9704 100644
--- a/src/assets/i18n/creator/de.json
+++ b/src/assets/i18n/creator/de.json
@@ -94,7 +94,7 @@
"select-keyword-hint": "Dieses Stickwort auswählen",
"edit-keyword-hint": "Stichwort editieren",
"editing-done-hint": "Editierung abschliessen",
- "force-language-selection": "Bitte wähle eine Sprache aus."
+ "force-language-selection": "Automatische Spracherkennung unpräzise, bitte gewählte Sprache prüfen!"
},
"comment-page": {
"a11y-comment_delete": "Löscht diese Frage",
diff --git a/src/assets/i18n/creator/en.json b/src/assets/i18n/creator/en.json
index 55c278f27..af699e4a2 100644
--- a/src/assets/i18n/creator/en.json
+++ b/src/assets/i18n/creator/en.json
@@ -95,7 +95,7 @@
"select-keyword-hint": "Select this keyword",
"edit-keyword-hint": "Edit keyword",
"editing-done-hint": "Finish editing",
- "force-language-selection": "Please select a language."
+ "force-language-selection": "Language detection inaccurate, please check language settings!"
},
"comment-page": {
"a11y-comment_delete": "Deletes this question",
diff --git a/src/assets/i18n/participant/de.json b/src/assets/i18n/participant/de.json
index baee4ae21..85a3e46c5 100644
--- a/src/assets/i18n/participant/de.json
+++ b/src/assets/i18n/participant/de.json
@@ -99,7 +99,7 @@
"select-keyword-hint": "Dieses Stickwort auswählen",
"edit-keyword-hint": "Stichwort editieren",
"editing-done-hint": "Editierung abschliessen",
- "force-language-selection": "Bitte wähle eine Sprache aus."
+ "force-language-selection": "Automatische Spracherkennung unpräzise, bitte gewählte Sprache prüfen!"
},
"comment-page": {
"a11y-comment_input": "Gib deine Frage ein",
@@ -354,4 +354,4 @@
"rotate-weight": "Einige Einträge dieser Klasse zufällig um x Grad drehen",
"rotate-weight-tooltip": "einige Einträge dieser Wichtigkeitsklasse zufällig um x Grad drehen"
}
-}
\ No newline at end of file
+}
diff --git a/src/assets/i18n/participant/en.json b/src/assets/i18n/participant/en.json
index da69a91b4..6d8282839 100644
--- a/src/assets/i18n/participant/en.json
+++ b/src/assets/i18n/participant/en.json
@@ -109,7 +109,7 @@
"select-keyword-hint": "Select this keyword",
"edit-keyword-hint": "Edit keyword",
"editing-done-hint": "Finish editing",
- "force-language-selection": "Please select a language."
+ "force-language-selection": "Language detection inaccurate, please check language settings!"
},
"comment-page": {
"a11y-comment_input": "Enter your question",
@@ -360,4 +360,4 @@
"highestWeight-tooltip": "show x tags with the highest weight",
"rotate-weight": "Rotate some entries of this weight class randomly by x degrees"
}
-}
\ No newline at end of file
+}
--
GitLab