adds the target for the lv menu in the studenplan modal and also replaces the tablesorter tables with tabulator5 in other content views

application/views/CisVue/Cms/Content.php

@@ -8,13 +8,8 @@ $includesArray = array(
 	]
 );
 
-if(isset($template_kurzbz)){
-	switch($template_kurzbz){
-		case 'raum_contentmittitel': 
-			$includesArray['tabulator5'] = true; 
-			break;
-	}
-}
+// adds the tabulator5 dependency for all templates to replace the tablesorter
+$includesArray['tabulator5'] = true; 
 
 if(defined('CIS4')){
 	$this->load->view('templates/CISVUE-Header', $includesArray);

public/js/components/Cis/Cms/Content.js

@@ -30,13 +30,11 @@ export default {
   data() {
     return {
       content: null,
-      
     };
   },
   computed:{
     computeContentType: function(){
       switch(this.content_type){
-        
         case "raum_contentmittitel":
           return "raum_contentmittitel";
         default:
@@ -51,12 +49,11 @@ export default {
     });
   },
   mounted(){
-    
+	
   },
   template: /*html*/ `
     <!-- div that contains the content -->
     <component :is="computeContentType" v-if="content" :content="content" />
     <p v-else>No content is available to display</p>
-
     `,
 };

public/js/components/Cis/Cms/Content_types/General.js

@@ -7,6 +7,22 @@ export default {
       },
     },
     mounted(){
+
+		// replaces the tablesorter with the tabulator
+		let tables = document.getElementsByClassName("tablesorter");
+
+		for (let table of tables) {
+			new Tabulator(table, {
+				layout: "fitDataStretch",
+
+				columnDefaults: {
+					formatter: "html",
+					resizable: false,
+					minWidth: "100px",
+				}
+			})
+		}
+
         document.querySelectorAll("#cms [data-confirm]").forEach((el) => {
             el.addEventListener("click", (evt) => {
               evt.preventDefault();

public/js/components/Cis/Cms/Content_types/Raum_contentmittitel.js

@@ -7,22 +7,20 @@ export default {
       },
     },
     mounted(){
-        let tables = document.getElementsByClassName("tablesorter");
-        
-        for(let table of tables){
-            new Tabulator(table, {
-                layout:"fitDataStretch",
-               
-                columnDefaults:{
-                    formatter:"html",
-                    resizable:false,
-                    minWidth: "100px",
-                }
-            })
+		// replaces the tablesorter with the tabulator
+		let tables = document.getElementsByClassName("tablesorter");
 
-            table.classList.add("mx-auto");
-            table.style.width="30em"; 
-        }
+		for (let table of tables) {
+			new Tabulator(table, {
+				layout: "fitDataStretch",
+
+				columnDefaults: {
+					formatter: "html",
+					resizable: false,
+					minWidth: "100px",
+				}
+			})
+		}
     },
     template: /*html*/ `
       <!-- div that contains the content -->

public/js/components/Cis/Mylv/LvMenu.js

@@ -37,7 +37,7 @@ export default {
 	<div v-else class="container">
 		<div class="row g-2">
 			<div style="min-height:150px" class="col-12 col-lg-6 col-xl-4" v-for="(menuItem, index) in menu" :key="index">
-				<a :title="menuItem.name" role="button" :href="menuItem.c4_link" class="border border-1 d-flex flex-column align-items-center justify-content-center text-center text-decoration-none link-dark h-100">
+				<a :title="menuItem.name" :target="menuItem.c4_target ?? null" role="button" :href="menuItem.c4_link" class="border border-1 d-flex flex-column align-items-center justify-content-center text-center text-decoration-none link-dark h-100">
 					<img :src="menuItem.c4_icon" :alt="menuItem.name" ></img>
 					<span @click="selectMenu(menuItem)" class=" mt-2">{{menuItem.name}}</span>
 					<span v-for="([text,link],index) in menuItem.c4_linkList" @click.stop="selectMenu(menuItem,index)"   class="mt-1" :index="index">{{text}}</span>