Biest #1002

Closes #1002 and #1058

Merge request studip/studip!883

resources/vue/components/courseware/CoursewareCollapsibleBox.vue

@@ -35,7 +35,19 @@ export default {
             isOpen: this.open,
         };
     },
-    methods: {},
+    mounted(){
+        this.updateCollapsible();
+    },
+    updated() {
+        this.updateCollapsible();
+    },
+    methods: {
+        updateCollapsible() {
+            if (this.isOpen) {
+                STUDIP.eventBus.emit('courseware:update-collapsible', { 'uid': this._uid });
+            }
+        }
+    },
     watch: {
         open(state) {
             this.isOpen = state;

resources/vue/components/courseware/CoursewareEmbedBlock.vue

@@ -154,9 +154,17 @@ export default {
     },
     mounted() {
         this.initCurrentData();
-
         window.addEventListener('resize', this.calcContentHeight);
     },
+
+    created () {
+        STUDIP.eventBus.on('courseware:update-tab', (data) => {
+            this.recalculateContentHeight(data);
+        });
+        STUDIP.eventBus.on('courseware:update-collapsible', (data) => {
+            this.recalculateContentHeight(data);
+        });
+    },
     destroyed() {
         window.removeEventListener('resize', this.calcContentHeight);
     },
@@ -172,8 +180,15 @@ export default {
             this.currentEndTime = this.endTime;
             this.oembedData = this.oembed;
             if (this.oembedData !== null) {
-                this.calcContentHeight();
                 this.updateTime();
+                this.calcContentHeight();
+            }
+        },
+        recalculateContentHeight(data){
+            if (this.$parent._uid === data.uid) {
+                if (this.oembedData !== null) {
+                    this.calcContentHeight();
+                }
             }
         },
         addTimeData(data) {

resources/vue/components/courseware/CoursewareTab.vue

@@ -36,6 +36,12 @@ export default {
     mounted() {
         this.isActive = this.selected;
     },
+    updated () {
+        if (this.isActive) {
+            STUDIP.eventBus.emit('courseware:update-tab',{ 'uid': this._uid });
+        }
+
+    },
     watch: {
         selected(newValue) {
             this.isActive = newValue;