From 7cc36b060614414abe94d10687eb181b141ec714 Mon Sep 17 00:00:00 2001
From: Igor Richter <igor.richter@capgemini.com>
Date: Tue, 26 Nov 2024 01:59:13 +0100
Subject: [PATCH] import modal, test and locales

---
 src/components/share/ImportModal.unit.ts | 13 ++++---------
 src/components/share/ImportModal.vue     | 24 ++++++++++++++----------
 src/components/share/ShareModal.unit.ts  |  2 +-
 src/locales/de.ts                        | 18 +++++++++++++-----
 src/locales/en.ts                        | 18 +++++++++++++-----
 src/locales/es.ts                        | 18 +++++++++++++-----
 src/locales/uk.ts                        | 18 +++++++++++++-----
 7 files changed, 71 insertions(+), 40 deletions(-)

diff --git a/src/components/share/ImportModal.unit.ts b/src/components/share/ImportModal.unit.ts
index 0d7ecc6ef3..c982d94ed4 100644
--- a/src/components/share/ImportModal.unit.ts
+++ b/src/components/share/ImportModal.unit.ts
@@ -2,11 +2,11 @@ import ImportModal from "@/components/share/ImportModal.vue";
 import EnvConfigModule from "@/store/env-config";
 import { ENV_CONFIG_MODULE_KEY } from "@/utils/inject";
 import { createModuleMocks } from "@@/tests/test-utils/mock-store-module";
-import { mount } from "@vue/test-utils";
 import {
 	createTestingI18n,
 	createTestingVuetify,
 } from "@@/tests/test-utils/setup";
+import { mount } from "@vue/test-utils";
 
 describe("@components/share/ImportModal", () => {
 	const setup = (envConfigModuleGetter?: Partial<EnvConfigModule>) => {
@@ -123,7 +123,7 @@ describe("@components/share/ImportModal", () => {
 				);
 
 				expect(infoText.attributes("html")).toEqual(
-					"components.molecules.import.courses.options.ctlTools.infoText"
+					"components.molecules.import.options.ctlTools.infoText"
 				);
 			});
 			it("should not show course file info", () => {
@@ -168,14 +168,9 @@ describe("@components/share/ImportModal", () => {
 				it("should set the right key for course files", () => {
 					const { wrapper } = setup({ getCtlToolsTabEnabled: false });
 
-					const dialog = wrapper.findComponent({ name: "v-custom-dialog" });
-					const cardText = dialog.findComponent({ name: "v-card-text" });
-
-					const infoText = cardText.find(
-						`[data-testid="import-modal-coursefiles-info"]`
-					);
+					const renderHtml = wrapper.findComponent({ name: "RenderHTML" });
 
-					expect(infoText.element.innerHTML).toEqual(
+					expect(renderHtml.props("html")).toEqual(
 						"components.molecules.import.courses.options.infoText"
 					);
 				});
diff --git a/src/components/share/ImportModal.vue b/src/components/share/ImportModal.vue
index 085807f37c..c93dd3ca3a 100644
--- a/src/components/share/ImportModal.vue
+++ b/src/components/share/ImportModal.vue
@@ -23,18 +23,22 @@
 					</div>
 					<RenderHTML
 						data-testid="import-modal-external-tools-info"
-						v-if="ctlToolsEnabled && parentType === 'courses'"
-						:html="
-							t(
-								`components.molecules.import.${parentType}.options.ctlTools.infoText`
-							)
+						v-if="
+							ctlToolsEnabled &&
+							(parentType === 'courses' || parentType === 'columnBoard')
 						"
+						:html="t(`components.molecules.import.options.ctlTools.infoText`)"
 					/>
-					<div v-else data-testid="import-modal-coursefiles-info">
-						{{
+					<RenderHTML
+						v-else
+						data-testid="import-modal-coursefiles-info"
+						:html="
 							t(`components.molecules.import.${parentType}.options.infoText`)
-						}}
-					</div>
+						"
+					/>
+				</div>
+				<div class="mb-4">
+					{{ t(`components.molecules.import.${parentType}.rename`) }}
 				</div>
 				<v-text-field
 					ref="nameInputText"
@@ -48,7 +52,7 @@
 </template>
 
 <script setup>
-import vCustomDialog from "@/components/organisms/vCustomDialog.vue";
+import VCustomDialog from "@/components/organisms/vCustomDialog.vue";
 import { ENV_CONFIG_MODULE_KEY, injectStrict } from "@/utils/inject";
 import { mdiInformation } from "@icons/material";
 import { computed, reactive, ref } from "vue";
diff --git a/src/components/share/ShareModal.unit.ts b/src/components/share/ShareModal.unit.ts
index e46631c787..81ee46290e 100644
--- a/src/components/share/ShareModal.unit.ts
+++ b/src/components/share/ShareModal.unit.ts
@@ -139,7 +139,7 @@ describe("@/components/share/ShareModal", () => {
 
 				const renderHtmls = wrapper.findAllComponents({ name: "RenderHTML" });
 
-				expect(renderHtmls[0].isVisible()).toBe(true);
+				expect(infotext.isVisible()).toBe(true);
 				expect(renderHtmls[0].props("html")).toEqual(
 					"components.molecules.share.courses.options.ctlTools.infoText"
 				);
diff --git a/src/locales/de.ts b/src/locales/de.ts
index 01d6b57ce1..37a8f5bf90 100644
--- a/src/locales/de.ts
+++ b/src/locales/de.ts
@@ -581,6 +581,8 @@ export default {
 	"components.molecules.EdusharingFooter.img_alt": "edusharing-logo",
 	"components.molecules.EdusharingFooter.text": "powered by",
 	"components.molecules.import.columnBoard.label": "Titel des Bereichs",
+	"components.molecules.import.columnBoard.rename":
+		"Bei Bedarf kann der Name des Bereiches umbenannt werden: ",
 	"components.molecules.import.columnBoard.options.infoText":
 		"Der Bereich kann im Folgenden umbenannt werden. ",
 	"components.molecules.import.columnBoard.options.title":
@@ -589,14 +591,18 @@ export default {
 	"components.molecules.import.columnBoard.options.selectCourse.infoText":
 		"Der Kurs, in den der Bereich importiert werden soll, muss im Folgenden ausgewählt werden.",
 	"components.molecules.import.courses.label": "Kurs",
-	"components.molecules.import.courses.options.ctlTools.infoText":
-		"Es wird eine Kopie erstellt.<br>Personenbezogene Daten werden nicht importiert.<br>Externe Tools werden nicht kopiert. <br>Der Kurs kann im Folgenden umbenannt werden.",
+	"components.molecules.import.courses.rename":
+		"Bei Bedarf kann der Name des Kurses umbenannt werden: ",
+	"components.molecules.import.options.ctlTools.infoText":
+		"Folgende Inhalte werden nicht kopiert:<br><ul class='ml-6'><li>Personenbezogene Daten</li><li>In Zielschule nicht verfügbare, externe Tools</li><li>Geschützte Einstellungen externer Tools</li><li>Dateien unter Kurs-Dateien</li><li>Inhalte aus Etherpads</li><li>Geogebra IDs und</li><li>Kursgruppen</li></ul>",
 	"components.molecules.import.courses.options.infoText":
-		"Es wird eine Kopie erstellt. Personenbezogene Daten werden nicht importiert. Der Kurs kann im Folgenden umbenannt werden.",
+		"Folgende Inhalte werden nicht kopiert:<br><ul class='ml-6'><li>Personenbezogene Daten</li><li>Dateien unter Kurs-Dateien</li><li>Inhalte aus Etherpads</li><li>Geogebra IDs und</li><li>Kursgruppen</li></ul>",
 	"components.molecules.import.courses.options.title": "Kurs importieren",
 	"components.molecules.import.lessons.label": "Thema",
+	"components.molecules.import.lessons.rename":
+		"Bei Bedarf kann der Name des Themas umbenannt werden: ",
 	"components.molecules.import.lessons.options.infoText":
-		"Es wird eine Kopie erstellt. Personenbezogene Daten werden nicht importiert. Das Thema kann im Folgenden umbenannt werden.",
+		"Folgende Inhalte werden nicht kopiert:<br><ul class='ml-6'><li>Personenbezogene Daten</li><li>Dateien unter Kurs-Dateien</li><li>Inhalte aus Etherpads</li><li>Geogebra IDs und</li><li>Kursgruppen</li></ul>",
 	"components.molecules.import.lessons.options.selectCourse.infoText":
 		"Der Kurs, in den das Thema importiert werden soll, muss im Folgenden ausgewählt werden.",
 	"components.molecules.import.lessons.options.selectCourse": "Kurs wählen",
@@ -611,8 +617,10 @@ export default {
 	"components.molecules.import.options.success":
 		"{name} wurde erfolgreich importiert",
 	"components.molecules.import.tasks.label": "Aufgabe",
+	"components.molecules.import.tasks.rename":
+		"Bei Bedarf kann der Name der Aufgabe umbenannt werden: ",
 	"components.molecules.import.tasks.options.infoText":
-		"Es wird eine Kopie erstellt. Personenbezogene Daten werden nicht importiert. Die Aufgabe kann im Folgenden umbenannt werden.",
+		"Folgende Inhalte werden nicht kopiert:<br><ul class='ml-6'><li>Personenbezogene Daten</li><li>Dateien unter Kurs-Dateien</li><li>Inhalte aus Etherpads</li><li>Geogebra IDs und</li><li>Kursgruppen</li></ul>",
 	"components.molecules.import.tasks.options.selectCourse.infoText":
 		"Der Kurs, in den die Aufgabe importiert werden soll, muss im Folgenden ausgewählt werden.",
 	"components.molecules.export.options.info":
diff --git a/src/locales/en.ts b/src/locales/en.ts
index bb8d8b7534..f4156b81ca 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -576,6 +576,8 @@ export default {
 	"components.molecules.EdusharingFooter.img_alt": "edusharing-logo",
 	"components.molecules.EdusharingFooter.text": "powered by",
 	"components.molecules.import.columnBoard.label": "Board title",
+	"components.molecules.import.columnBoard.rename":
+		"If necessary, the name of the board can be renamed: ",
 	"components.molecules.import.columnBoard.options.infoText":
 		"The board can be renamed below.",
 	"components.molecules.import.columnBoard.options.title": "Import board",
@@ -584,14 +586,18 @@ export default {
 	"components.molecules.import.columnBoard.options.selectCourse.infoText":
 		"Please select the course into which you would like to import the board.",
 	"components.molecules.import.courses.label": "Course",
-	"components.molecules.import.courses.options.ctlTools.infoText":
-		"A copy will be created.<br>Personal data will not be imported.<br>External tools will not be copied.<br>The course can be renamed below.",
+	"components.molecules.import.courses.rename":
+		"If necessary, the name of the course can be renamed: ",
+	"components.molecules.import.options.ctlTools.infoText":
+		"The following content will not be copied:<br><ul class='ml-6'><li>Personal data</li><li>External tools not available in the target school</li><li>Protected settings of external tools< /li><li>Files under course files</li><li>Content from Etherpads</li><li>Geogebra IDs and</li><li>course groups</li></ul>",
 	"components.molecules.import.courses.options.infoText":
-		"Participant-related data will not be copied. The course can be renamed below.",
+		"The following content will not be copied:<br><ul class='ml-6'><li>Personal data</li><li>Files under course files</li><li>Content from Etherpads</li> <li>Geogebra IDs and </li><li>Course groups </li></ul>",
 	"components.molecules.import.courses.options.title": "Import course",
 	"components.molecules.import.lessons.label": "Topic",
+	"components.molecules.import.lessons.rename":
+		"If necessary, the name of the topic can be renamed: ",
 	"components.molecules.import.lessons.options.infoText":
-		"Participant-related data will not be copied. The topic can be renamed below.",
+		"The following content will not be copied:<br><ul class='ml-6'><li>Personal data</li><li>Files under course files</li><li>Content from Etherpads</li> <li>Geogebra IDs and </li><li>Course groups </li></ul>",
 	"components.molecules.import.lessons.options.selectCourse.infoText":
 		"Please select the course into which you would like to import the topic.",
 	"components.molecules.import.lessons.options.selectCourse": "Select course",
@@ -605,8 +611,10 @@ export default {
 	"components.molecules.import.options.loadingMessage": "Import in progress...",
 	"components.molecules.import.options.success": "{name} imported successfully",
 	"components.molecules.import.tasks.label": "Task",
+	"components.molecules.import.tasks.rename":
+		"If necessary, the name of the task can be renamed: ",
 	"components.molecules.import.tasks.options.infoText":
-		"Participant-related data will not be copied. The task can be renamed below.",
+		"The following content will not be copied:<br><ul class='ml-6'><li>Personal data</li><li>Files under course files</li><li>Content from Etherpads</li> <li>Geogebra IDs and </li><li>Course groups </li></ul>",
 	"components.molecules.import.tasks.options.selectCourse.infoText":
 		"Please select the course into which you would like to import the task.",
 	"components.molecules.import.tasks.options.selectCourse": "Select course",
diff --git a/src/locales/es.ts b/src/locales/es.ts
index 231f466908..fe8443f96f 100644
--- a/src/locales/es.ts
+++ b/src/locales/es.ts
@@ -589,6 +589,8 @@ export default {
 	"components.molecules.EdusharingFooter.img_alt": "edusharing-logotipo",
 	"components.molecules.EdusharingFooter.text": "desarrollado por",
 	"components.molecules.import.columnBoard.label": "Título del tablero",
+	"components.molecules.import.columnBoard.rename":
+		"Si es necesario, se puede cambiar el nombre del tablero: ",
 	"components.molecules.import.columnBoard.options.infoText":
 		"Puede cambiar el nombre del tablero a continuación.",
 	"components.molecules.import.columnBoard.options.title": "Importar tablero",
@@ -597,14 +599,18 @@ export default {
 	"components.molecules.import.columnBoard.options.selectCourse.infoText":
 		"Seleccione el curso al que desea importar el tablero.",
 	"components.molecules.import.courses.label": "Curso",
-	"components.molecules.import.courses.options.ctlTools.infoText":
-		"Se creará una copia.<br>No se importarán datos personales.<br>No se copiarán herramientas externas.<br>Se puede cambiar el nombre del curso a continuación.",
+	"components.molecules.import.courses.rename":
+		"Si es necesario, se puede cambiar el nombre del curso: ",
+	"components.molecules.import.options.ctlTools.infoText":
+		"El siguiente contenido no se copiará:<br><ul class='ml-6'><li>Datos personales</li><li>Herramientas externas no disponibles en la escuela de destino</li><li>Configuraciones protegidas de herramientas externas</li><li>Archivos en Archivos de curso</li><li>Contenido de Etherpads </li><li>ID de Geogebra y </li><li>Grupos de cursos </li></ul >",
 	"components.molecules.import.courses.options.infoText":
-		"Los datos relacionados con los participantes no se copiarán. El curso se puede renombrar a continuación.",
+		"El siguiente contenido no se copiará:<br><ul class='ml-6'><li>Datos personales</li><li>Archivos en archivos del curso</li><li>Contenido de Etherpads</li > <li>ID de Geogebra y </li><li>Grupos de cursos </li></ul>",
 	"components.molecules.import.courses.options.title": "Importar curso",
 	"components.molecules.import.lessons.label": "Tema",
+	"components.molecules.import.lessons.rename":
+		"Si es necesario, se puede cambiar el nombre del tema: ",
 	"components.molecules.import.lessons.options.infoText":
-		"Los datos relacionados con los participantes no se copiarán. El tema se puede renombrar a continuación.",
+		"El siguiente contenido no se copiará:<br><ul class='ml-6'><li>Datos personales</li><li>Archivos en archivos del curso</li><li>Contenido de Etherpads</li > <li>ID de Geogebra y </li><li>Grupos de cursos </li></ul>",
 	"components.molecules.import.lessons.options.selectCourse.infoText":
 		"Seleccione el curso al que desea importar el tema.",
 	"components.molecules.import.lessons.options.selectCourse": "Elija el curso",
@@ -619,8 +625,10 @@ export default {
 		"Importación en curso...",
 	"components.molecules.import.options.success": "{name} importado con éxito",
 	"components.molecules.import.tasks.label": "Tarea",
+	"components.molecules.import.tasks.rename":
+		"Si es necesario, se puede cambiar el nombre de la tarea: ",
 	"components.molecules.import.tasks.options.infoText":
-		"Los datos relacionados con los participantes no se copiarán. La tarea se puede renombrar a continuación.",
+		"El siguiente contenido no se copiará:<br><ul class='ml-6'><li>Datos personales</li><li>Archivos en archivos del curso</li><li>Contenido de Etherpads</li > <li>ID de Geogebra y </li><li>Grupos de cursos </li></ul>",
 	"components.molecules.import.tasks.options.selectCourse.infoText":
 		"Seleccione el curso al que desea importar la tarea.",
 	"components.molecules.import.tasks.options.selectCourse": "Elija el curso",
diff --git a/src/locales/uk.ts b/src/locales/uk.ts
index 56e8f2f96a..542424bd0e 100644
--- a/src/locales/uk.ts
+++ b/src/locales/uk.ts
@@ -585,6 +585,8 @@ export default {
 	"components.molecules.EdusharingFooter.img_alt": "логотип edusharing",
 	"components.molecules.EdusharingFooter.text": "на платформі",
 	"components.molecules.import.columnBoard.label": "Назва дошки",
+	"components.molecules.import.columnBoard.rename":
+		"При необхідності назву дошки можна змінити: ",
 	"components.molecules.import.columnBoard.options.infoText":
 		"Ви можете перейменувати дошку нижче",
 	"components.molecules.import.columnBoard.options.title": "Дошка імпорту",
@@ -593,14 +595,18 @@ export default {
 	"components.molecules.import.columnBoard.options.selectCourse.infoText":
 		"Виберіть курс, до якого ви бажаєте імпортувати дошку.",
 	"components.molecules.import.courses.label": "Курс",
-	"components.molecules.import.courses.options.ctlTools.infoText":
-		"Буде створено копію.<br>собисті дані не будуть імпортовані.<br>Зовнішні інструменти не будуть скопійовані.<br>Курс можна перейменувати нижче.",
+	"components.molecules.import.courses.rename":
+		"При необхідності назву курсу можна перейменувати: ",
+	"components.molecules.import.options.ctlTools.infoText":
+		"Наступний вміст не буде скопійовано:<br><ul class='ml-6'><li>Особисті дані</li><li>Зовнішні інструменти, недоступні в цільовій школі</li><li>Захищені налаштування зовнішніх інструментів< /li><li>Файли у Файлах курсу</li><li>Вміст із Etherpads </li><li>Ідентифікатори Geogebra та </li><li>Групи курсів </li></ul >",
 	"components.molecules.import.courses.options.infoText":
-		"Дані учасників не будуть скопійовані. Курс можна перейменувати нижче.",
+		"Наступний вміст не буде скопійовано:<br><ul class='ml-6'><li>Особисті дані</li><li>Файли у файлах курсу</li><li>Вміст із Etherpads</li > <li>ідентифікатори Geogebra та </li><li>групи курсів </li></ul>",
 	"components.molecules.import.courses.options.title": "Курс імпорту",
 	"components.molecules.import.lessons.label": "Тема",
+	"components.molecules.import.lessons.rename":
+		"При необхідності назву теми можна перейменувати: ",
 	"components.molecules.import.lessons.options.infoText":
-		"Дані учасників не будуть скопійовані. Тема можна перейменувати нижче.",
+		"Наступний вміст не буде скопійовано:<br><ul class='ml-6'><li>Особисті дані</li><li>Файли у файлах курсу</li><li>Вміст із Etherpads</li > <li>ідентифікатори Geogebra та </li><li>групи курсів </li></ul>",
 	"components.molecules.import.lessons.options.selectCourse.infoText":
 		"Будь ласка, оберіть курс з якого ви хочете імпортувати тему",
 	"components.molecules.import.lessons.options.selectCourse": "Оберіть курс",
@@ -615,8 +621,10 @@ export default {
 		"Виконується імпорту...",
 	"components.molecules.import.options.success": "{name} успішно імпортовано",
 	"components.molecules.import.tasks.label": "Завдання",
+	"components.molecules.import.tasks.rename":
+		"При необхідності назву завдання можна перейменувати: ",
 	"components.molecules.import.tasks.options.infoText":
-		"Дані, що стосуються учасників, не копіюються. Завдання можна перейменувати нижче.",
+		"Наступний вміст не буде скопійовано:<br><ul class='ml-6'><li>Особисті дані</li><li>Файли у файлах курсу</li><li>Вміст із Etherpads</li > <li>ідентифікатори Geogebra та </li><li>групи курсів </li></ul>",
 	"components.molecules.import.tasks.options.selectCourse.infoText":
 		"Виберіть курс, до якого ви хочете імпортувати завдання.",
 	"components.molecules.import.tasks.options.selectCourse": "Оберіть курс",