Merge pull request #87 from SafeExamBrowser/SEBSERV-787__exam-template-list

SEBSERV-787:  exam template list (partial)

Author: elHornair

client/src/components/views/seb-server/exam-template/wizard/CreateExamTemplateWizard.vue

@@ -3,7 +3,11 @@
         :title="$t('titles.createTemplateExam')"
         :bread-crumb="[
             {
-                label: $t('titles.createTemplate'),
+                label: $t('titles.examTemplateList'),
+                link: resolveRoutePath('ExamTemplateList'),
+            },
+            {
+                label: $t('titles.createTemplateExam'),
                 link: resolveRoutePath('CreateExamTemplateWizard'),
             },
             { label: store.currentStep.title },

client/src/components/views/seb-server/home/HomePageMain.vue

@@ -26,7 +26,7 @@
                         color="primary"
                         data-testid="homePageMain-createTemplates-startNow-button"
                         rounded="sm"
-                        :to="constants.CREATE_TEMPLATE_ROUTE"
+                        :to="resolveRoutePath('CreateExamTemplateWizard')"
                         variant="flat"
                     >
                         {{ translate("homePage.startNow") }}
@@ -97,6 +97,7 @@
 </template>
 
 <script setup lang="ts">
+import { resolveRoutePath } from "@/router/navigation";
 import * as constants from "@/utils/constants";
 import { translate } from "@/utils/generalUtils";
 </script>

client/src/components/views/seb-server/template/CreateTemplate.vue

@@ -4,6 +4,7 @@ import { translate } from "@/utils/generalUtils";
 import { GUIComponent } from "@/services/ability";
 import { NavigationSectionItem } from "@/components/widgets/navigationWidgets/navigationTypes.ts";
 import { getRouteName } from "@/router/routeNames";
+import { resolveRoutePath } from "@/router/navigation";
 
 type AbilityLike = {
     canView: (component: GUIComponent) => boolean;
@@ -46,8 +47,8 @@ export function buildPreparationNavigationItems(
 ): NavigationSectionItem[] {
     return [
         {
-            label: translate("titles.createTemplate"),
-            to: constants.CREATE_TEMPLATE_ROUTE,
+            label: translate("titles.createTemplateExam"),
+            to: resolveRoutePath("CreateExamTemplateWizard"),
             testId: `${testIdPrefix}-createTemplate-link`,
         },
         {
@@ -60,9 +61,9 @@ export function buildPreparationNavigationItems(
             testId: `${testIdPrefix}-addExamWithURL-text`,
         },
         {
-            label: translate("titles.editExamTemplate"),
-            to: constants.CREATE_TEMPLATE_ROUTE,
-            testId: `${testIdPrefix}-editExamTemplate-link`,
+            label: translate("titles.examTemplateList"),
+            to: resolveRoutePath("ExamTemplateList"),
+            testId: `${testIdPrefix}-examTemplateList-link`,
         },
     ];
 }

client/src/components/widgets/navigationWidgets/navigationSections.ts

@@ -132,7 +132,7 @@
     },
 
     "homePage": {
-        "createTemplates": "Create\n  Template",
+        "createTemplates": "Create Exam Template",
         "prepareExam": "Prepare\n Exam",
 
         "monitorExams": "Monitor\n Exam",
@@ -901,17 +901,6 @@
             "KEY_CERT_SIGN": "CA"
         }
     },
-
-    "templates": {
-        "createTemplate": {
-            "info": "What kind of template do you want to create?",
-            "configurationTemplateTitle": "SEB Client Template",
-            "configurationTemplateTeaser": "In the SEB Client Template you define the SEB Settings. These are sent to the SEB clients installed on the students' devices. The SEB clients then reconfigure using these settings. The SEB Client Template is needed to set up an Exam Template.",
-            "examTemplateTitle": "Exam Template",
-            "examTemplateTeaser": "In the Exam Template you define everything needed to prepare an exam in SEB Server. You define which SEB Settings will be used by selecting a SEB Client Template. You also define which Connection Configuration to be used. By choosing Exam Supervisors, you decide, who shall supervise the exam. You also define which indicators and which groups shall be used, when applying this Exam Template to an exam. If there is no SEB Client Template, nor a Connection Configuration, please create these first."
-        }
-    },
-
     "sebSettings": {
         "pwdMismatch": "The password and confirm password must match",
         "pwdSpaces": "The value must not start or end with a space.",
@@ -1843,7 +1832,6 @@
         "overview": "Overview",
         "clientList": "Client List",
         "quizImport": "Prepare Exam",
-        "createTemplate": "Create Template",
         "createTemplateExam": "Create Exam Template",
         "addExamWithURL": "Add Exam With URL",
         "followUp": "Follow Up",

client/src/i18n/locales/en.json

@@ -245,17 +245,6 @@ const routes: Array<RouteRecordRaw> = [
                 meta: { titleKey: "titles.certificates" },
             },
 
-            // ---------- templates ----------
-            {
-                path: constants.CREATE_TEMPLATE_ROUTE,
-                name: "CreateTemplate",
-                component: () =>
-                    import(
-                        "@/components/views/seb-server/template/CreateTemplate.vue"
-                    ),
-                meta: { titleKey: "titles.createTemplate" },
-            },
-            // this is alain change
             // ---------- exam templates ----------
             {
                 path: "/exam-template",

client/src/router/router.ts

@@ -56,12 +56,6 @@ export const CERTIFICATES_ROUTE: string = "/certificates";
 
 // export const USER_ACCOUNTS_ROUTE: string = MONITORING_ROUTE + "/userAccounts";
 
-// templates
-export const TEMPLATE_ROUTE = "/templates";
-export const CREATE_TEMPLATE_ROUTE = TEMPLATE_ROUTE + "/create";
-export const CREATE_SEB_CLIENT_TEMPLATE_ROUTE =
-    CREATE_TEMPLATE_ROUTE + "/seb-client";
-
 export const QUIZ_IMPORT_ROUTE: string = "/quiz-import";
 
 type I18nLike = { t: (key: string, ...args: unknown[]) => string };