fix layouts for studip >= 5.3 (#676)

* fix layouts for studip >= 5.3

* Correct version format

Author: ssrahn

app/controllers/admin.php

@@ -23,6 +23,8 @@ function before_filter(&$action, &$args)
 
     public function index_action()
     {
+        $this->studip_version = $this->getStudIPVersion();
+        
         Navigation::activateItem('/admin/config/oc-config');
         PageLayout::setBodyElementId('opencast-plugin');
 

lib/Controller.php

@@ -105,7 +105,7 @@ public function render_json($data)
 
     public function getStudIPVersion()
     {
-        $studip_version = \StudipVersion::getStudipVersion();
+        $studip_version = \StudipVersion::getStudipVersion(true);
         if (empty($studip_version)) {
             $manifest = OpenCast::getPluginManifestInfo();
             $studip_version = isset($manifest["studipMinVersion"]) ? $manifest["studipMinVersion"] : 4.6;

vueapp/components/Studip/StudipSelect.vue

@@ -83,7 +83,14 @@ export default {
                 document.documentElement.scrollHeight,
                 document.documentElement.offsetHeight
             );
-            let footerHeight = document.getElementById('layout_footer').offsetHeight;
+            let footerHeight = 0;
+            if (window.OpencastPlugin.STUDIP_VERSION >= 5.3) {
+                footerHeight = document.getElementById('main-footer').offsetHeight;
+            }
+            else {
+                footerHeight = document.getElementById('layout_footer').offsetHeight;
+            }
+            
             let functionalAreaHeight = totalDocHeight - footerHeight;
             return totalExpandedList >= functionalAreaHeight ? 'top' : 'bottom';
         },

vueapp/templates/admin_index.php

@@ -12,6 +12,7 @@
         REDIRECT_URL: '<?= PluginEngine::getURL('opencast', [], 'redirect/perform', true) ?>',
         AUTH_URL   : '<?= PluginEngine::getURL('opencast', [], 'redirect/authenticate', true) ?>'
     };
+    <?= isset($studip_version) ? "window.OpencastPlugin.STUDIP_VERSION = $studip_version;" : '' ?>;
 </script>
 
 <!-- load bundles -->

vueapp/views/Contents.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <Teleport to="#layout-sidebar > section.sidebar">
+        <Teleport :to="toLayoutName">
             <VideosSidebar
                 @uploadVideo="uploadDialog = true"
                 @allowDownloadForPlaylist="allowDownload"
@@ -41,7 +41,16 @@ export default {
     computed: {
         ...mapGetters([
             'currentUser'
-        ])
+        ]),
+
+        toLayoutName() {
+            if (window.OpencastPlugin.STUDIP_VERSION >= 5.3) {
+                return "#sidebar";
+            }
+            else {
+                return "#layout-sidebar > section.sidebar";
+            }
+        }
     },
 
     data() {

vueapp/views/Course.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container" id="app-episodes">
-        <Teleport to="#layout-sidebar > section.sidebar">
+        <Teleport :to="toLayoutName">
             <CoursesSidebar
                 @uploadVideo="uploadDialog = true"
                 @copyAll="copyAll">
@@ -44,7 +44,16 @@ export default {
         ...mapGetters([
             'currentUser',
             'showCourseCopyDialog'
-        ])
+        ]),
+
+        toLayoutName() {
+            if (window.OpencastPlugin.STUDIP_VERSION >= 5.3) {
+                return "#sidebar";
+            }
+            else {
+                return "#layout-sidebar > section.sidebar";
+            }
+        }
     },
 
       data() {