Improved hint of failed language detection

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>

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); }
+}

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",

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",

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
+}

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
+}