whoops

SELab-2 · May 20, 2024 · 6643475 · 6643475
1 parent 815aa3d
commit 6643475
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/frontend/src/components/form_elements/FilesInput.vue b/frontend/src/components/form_elements/FilesInput.vue
@@ -1,5 +1,17 @@
 <template>
     <input @change="updateFiles" ref="fileInput" type="file" multiple hidden />
+    <v-alert class="custom-alert" dense text>
+        <span class="alert-text">
+            {{ $t("submit.files_disclaimer") }}
+            <a
+                href="https://github.com/SELab-2/UGent-5/wiki/Automatische-testen"
+                target="_blank"
+                rel="noopener noreferrer"
+            >
+                wiki </a
+            >.
+        </span>
+    </v-alert>
     <v-btn variant="flat" class="mb-0" @click="onAddFilesClick">{{
         $t("submit.add_files_button")
     }}</v-btn>
@@ -62,4 +74,18 @@ function onDeleteClick(index: number) {
 .files {
     margin-top: 15px;
 }
+.custom-alert .alert-text {
+    white-space: nowrap; /* Prevents the text from wrapping */
+    overflow: hidden; /* Prevents overflow of text outside the alert box */
+    text-overflow: ellipsis; /* Adds an ellipsis if the text overflows */
+}
+
+.custom-alert a {
+    display: inline; /* Ensures the link is in line with other text */
+    white-space: normal; /* Allows normal wrapping inside the link if needed */
+}
+
+.custom-alert {
+    margin-bottom: 15px; /* Added spacing between the alert and the button */
+}
 </style>
diff --git a/frontend/src/i18n/locales/nl.ts b/frontend/src/i18n/locales/nl.ts
@@ -33,6 +33,8 @@ export default {
         new_submission: "Nieuwe indiening",
         status_submission: "Indiening is: {status}",
         no_submission_files: "Geen indieningen gevonden",
+        files_usage_note: "Info voor het gebruik van testbestanden",
+        files_disclaimer: "Voor info over het gebruik van testbestanden, bezoek onze  ",
     },
     submission: {
         status: "Indiening status: {status}",
@@ -80,6 +82,9 @@ export default {
         forbidden: "Verboden",
         invalid_format:
             "Voer een geldig bestandstype in, inclusief de extensie (bv. 'afbeelding.png')",
+        files_will_be_overwritten:
+            "Bij het uploaden van een nieuw testbestand zullen alle huidige testbestanden verwijderd worden.",
+        testfiles: "Testbestanden",
     },
     navigation: {
         home: "Hoofdscherm",