Move old competence frontend code to "competence-old"

client/src/components/header/MainNavigationBar.vue

@@ -126,7 +126,7 @@ onMounted(() => {
 
                 <router-link
                   v-if="inCourse() && courseSessionsStore.currentCourseSession"
-                  :to="courseSessionsStore.currentCourseSession.competence_url"
+                  :to="`${courseSessionsStore.currentCourseSession.competence_url}-old`"
                   class="nav-item"
                   :class="{ 'nav-item--active': inCompetenceProfile() }"
                 >

client/src/pages/cockpit/CockpitUserProfilePage.vue

@@ -5,7 +5,7 @@ import { useLearningPathStore } from "@/stores/learningPath";
 import * as log from "loglevel";
 import { computed, onMounted } from "vue";
 
-import CompetenceDetail from "@/components/competences/CompetenceDetail.vue";
+import CompetenceDetail from "@/pages/competence-old/CompetenceDetail.vue";
 import LearningPathPathView from "@/pages/learningPath/learningPathPage/LearningPathPathView.vue";
 
 const props = defineProps<{

client/src/pages/competence-old/CompetenceDetail.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import PerformanceCriteriaRow from "@/components/competences/PerformanceCriteriaRow.vue";
+import PerformanceCriteriaRow from "@/pages/competence-old/PerformanceCriteriaRow.vue";
 import ItProgress from "@/components/ui/ItProgress.vue";
 import ItToggleArrow from "@/components/ui/ItToggleArrow.vue";
 import { useCompetenceStore } from "@/stores/competence";

client/src/pages/competence-old/CompetenceIndexPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import PerformanceCriteriaRow from "@/components/competences/PerformanceCriteriaRow.vue";
+import PerformanceCriteriaRow from "@/pages/competence-old/PerformanceCriteriaRow.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import ItProgress from "@/components/ui/ItProgress.vue";
 import { useCompetenceStore } from "@/stores/competence";
@@ -90,7 +90,9 @@ const countStatus = computed(() => {
           </li>
         </ul>
         <router-link
-          :to="`${competenceStore.competenceProfilePage()?.frontend_url}/competences`"
+          :to="`${
+            competenceStore.competenceProfilePage()?.frontend_url
+          }-old/competences`"
           class="btn-text inline-flex items-center py-2 pl-0"
         >
           <span>{{ $t("general.showAll") }}</span>
@@ -136,7 +138,7 @@ const countStatus = computed(() => {
         </li>
       </ul>
       <router-link
-        :to="`${competenceStore.competenceProfilePage()?.frontend_url}/criteria`"
+        :to="`${competenceStore.competenceProfilePage()?.frontend_url}-old/criteria`"
         class="btn-text inline-flex items-center py-2 pl-0"
       >
         <span>{{ $t("general.showAll") }}</span>
@@ -164,7 +166,7 @@ const countStatus = computed(() => {
         </li>
       </ul>
       <router-link
-        :to="`${competenceStore.competenceProfilePage()?.frontend_url}/criteria`"
+        :to="`${competenceStore.competenceProfilePage()?.frontend_url}-old/criteria`"
         class="btn-text inline-flex items-center py-2 pl-0"
       >
         <span>{{ $t("general.showAll") }}</span>

client/src/pages/competence-old/CompetenceListPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import CompetenceDetail from "@/components/competences/CompetenceDetail.vue";
+import CompetenceDetail from "@/pages/competence-old/CompetenceDetail.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import { useCompetenceStore } from "@/stores/competence";
 import * as log from "loglevel";
@@ -19,7 +19,7 @@ const competenceStore = useCompetenceStore();
       <router-link
         v-if="competenceStore.competenceProfilePage()"
         class="btn-text inline-flex items-center pl-0"
-        :to="competenceStore.competenceProfilePage()?.frontend_url as string"
+        :to="`${competenceStore.competenceProfilePage()?.frontend_url}-old` as string"
       >
         <it-icon-arrow-left />
         <span>{{ $t("general.back") }}</span>

client/src/pages/competence-old/PerformanceCriteriaPage.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { default as PerformanceCriteriaRow } from "@/components/competences/PerformanceCriteriaRow.vue";
+import { default as PerformanceCriteriaRow } from "@/pages/competence-old/PerformanceCriteriaRow.vue";
 import ItDropdownSelect from "@/components/ui/ItDropdownSelect.vue";
 import { useCompetenceStore } from "@/stores/competence";
 import type { CourseCompletionStatus } from "@/types";
@@ -61,7 +61,7 @@ function updateActiveState(status: CourseCompletionStatus) {
     <nav class="py-4 lg:pb-8">
       <router-link
         class="btn-text inline-flex items-center pl-0"
-        :to="`${competenceStore.competenceProfilePage()?.frontend_url}`"
+        :to="`${competenceStore.competenceProfilePage()?.frontend_url}-old`"
       >
         <it-icon-arrow-left />
         <span>{{ $t("general.back") }}</span>

client/src/pages/competence-old/PerformanceCriteriaRow.vue

@@ -48,7 +48,7 @@ const props = withDefaults(defineProps<Props>(), {
       <router-link
         v-if="props.showAssessAgain"
         class="link"
-        :to="`/course/${props.courseSlug}/competence/criteria/${criteria.slug}`"
+        :to="`/course/${props.courseSlug}/competence-old/criteria/${criteria.slug}`"
       >
         {{ $t("competences.assessAgain") }}
       </router-link>

client/src/router/index.ts

@@ -62,30 +62,30 @@ const router = createRouter({
       ],
     },
     {
-      path: "/course/:courseSlug/competence",
+      path: "/course/:courseSlug/competence-old",
       props: true,
-      component: () => import("@/pages/competence/CompetenceParentPage.vue"),
+      component: () => import("@/pages/competence-old/CompetenceParentPage.vue"),
       children: [
         {
           path: "",
           props: true,
-          component: () => import("@/pages/competence/CompetenceIndexPage.vue"),
+          component: () => import("@/pages/competence-old/CompetenceIndexPage.vue"),
         },
         {
           path: "competences",
           props: true,
-          component: () => import("@/pages/competence/CompetenceListPage.vue"),
+          component: () => import("@/pages/competence-old/CompetenceListPage.vue"),
         },
         {
           path: "criteria",
           props: true,
-          component: () => import("@/pages/competence/PerformanceCriteriaPage.vue"),
+          component: () => import("@/pages/competence-old/PerformanceCriteriaPage.vue"),
         },
         {
           path: "criteria/:criteriaSlug",
           props: true,
           component: () =>
-            import("@/pages/competence/SinglePerformanceCriteriaPage.vue"),
+            import("@/pages/competence-old/SinglePerformanceCriteriaPage.vue"),
         },
       ],
     },