migrates adminZeitverfuegbarkeit to tabulator5

application/views/lehre/lvplanung/adminZeitverfuegbarkeit.php

@@ -9,7 +9,9 @@ $this->load->view(
         'fontawesome4' => true,
         'momentjs2' => true,
         'ajaxlib' => true,
-        'tabulator4' => true,
+        'tabulator5' => true,
+        'tabulator5JQuery' => true,
+        'cis'=>true,
         'tablewidget' => true,
         'navigationwidget' => true,
         'sbadmintemplate3' => true,

application/views/lehre/lvplanung/adminZeitverfuegbarkeitData.php

@@ -42,16 +42,14 @@ $filterWidgetArray = array(
     'datasetRepOptions' => '{
 		layout: "fitColumns",           // fit columns to width of table
 		autoResize: false, 				// prevent auto resizing of table (false to allow adapting table size when cols are (de-)activated
-	    headerFilterPlaceholder: " ",
         index: "zeitsperre_id",             // assign specific column as unique id (important for row indexing)
         selectable: 1,               // allow row selection
         tableWidgetHeader: false,
-        rowSelected: function(row) {
-            func_rowSelected(row);
+        columnDefaults:{
+            headerFilterPlaceholder: " ",
         },
-        rowDeselected: function(row) {
-            func_rowDeselected(row);
-        }
+       
+      
     }', // tabulator properties
     'datasetRepFieldsDefs' => '{
         zeitsperre_id: {visible:false},

public/js/lehre/lvplanung/zverfueg.js

@@ -1,4 +1,13 @@
 $(function(){
+
+    // tableInit is called in the jquery_wrapper when the tableBuilt event was finished
+    $(document).on("tableInit", function(event,tabulatorInstance) {
+    
+        $("#tableWidgetTabulator").tabulator("on","rowDeselected",(row)=>func_rowDeselected(row));
+        $("#tableWidgetTabulator").tabulator("on","rowSelected",(row)=>func_rowSelected(row));
+        
+    });
+
     var studiensemesterStart = $("#studsemStart").val();
 
     Zverfueg.initDatepicker(studiensemesterStart);