#470: Change calendar input label and add tooltip info icon for more …

…information about the input.
MORE-Platform · Jun 28, 2024 · 5b203b9 · 5b203b9
1 parent f9b1dab
commit 5b203b9
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/components/TimelineList.vue b/src/components/TimelineList.vue
@@ -484,7 +484,11 @@ Licensed under the Elastic License 2.0. */
     </div>
     <div class="mb-3 flex gap-5">
       <div>
-        {{ $t('timeline.labels.relativeDate') }}:
+        <span>{{ $t('timeline.labels.relativeDate') }}:</span>
+        <span
+          v-tooltip.bottom="$t('tooltips.timeline.relativeDateInfo')"
+          class="pi pi-info-circle color-primary mx-1"
+        ></span>
         <Calendar
           v-model="filterRelativeStartDate"
           :min-date="new Date(studyStore.study.plannedStart as string)"

diff --git a/src/i18n/de.json b/src/i18n/de.json
@@ -712,7 +712,7 @@
 
   "timeline": {
     "labels": {
-      "relativeDate": "Relatives Datum des Studienbeginns",
+      "relativeDate": "Registrierungsdatum",
       "studyStart": "Studienstart",
       "studyEnd": "Studienende",
       "plannedStart": "Geplanter Start",
@@ -1055,6 +1055,9 @@
       "copyStudyUrl": "Studie teilen",
       "showStudy": "Klicken Sie auf die Zeile, um auf die Studiendetails zu kommen.",
       "goToStudy": "Studie öffnen"
+    },
+    "timeline": {
+      "relativeDateInfo": "Damit wird der Zeitpunkt simuliert, an dem ein Teilnehmer in die Studie eintritt."
     }
   },
 

diff --git a/src/i18n/en.json b/src/i18n/en.json
@@ -712,7 +712,7 @@
 
   "timeline": {
     "labels": {
-      "relativeDate": "Relative study start date",
+      "relativeDate": "Enrollment date",
       "studyStart": "Study start",
       "studyEnd": "Study end",
       "plannedStart": "Planned Start",
@@ -1055,6 +1055,9 @@
       "copyStudyUrl": "Share study",
       "showStudy": "Click on row to show study details page.",
       "goToStudy": "Go to study"
+    },
+    "timeline": {
+      "relativeDateInfo": "This simulates the point in time when a participant enters the study."
     }
   },