From 053a1785a38d483200b4f178f7e1cf0f90730c21 Mon Sep 17 00:00:00 2001
From: Marcus Eibrink-Lunzenauer <lunzenauer@elan-ev.de>
Date: Fri, 9 Dec 2022 08:00:30 +0000
Subject: [PATCH] Fix #1867.
Closes #1867
Merge request studip/studip!1227
---
resources/vue/components/BlubberThread.vue | 13 +++++++++++++
templates/blubber/threads-overview.php | 4 ++--
2 files changed, 15 insertions(+), 2 deletions(-)
diff --git a/resources/vue/components/BlubberThread.vue b/resources/vue/components/BlubberThread.vue
index eb6e44d312d..3dbe8dd9818 100644
--- a/resources/vue/components/BlubberThread.vue
+++ b/resources/vue/components/BlubberThread.vue
@@ -83,12 +83,22 @@
<studip-icon shape="upload" size="30"></studip-icon>
</label>
</div>
+
+ <MountingPortal v-if="hasThreadsWidget" mountTo="#blubber-threads-widget" name="blubber-threads-widget">
+ <blubber-thread-widget
+ :threads="$root.threads"
+ :active_thread="$root.active_thread"
+ :more_down="$root.threads_more_down"></blubber-thread-widget>
+ </MountingPortal>
</div>
</template>
<script>
+ import BlubberThreadWidget from "./BlubberThreadWidget.vue";
+
export default {
name: 'blubber-thread',
+ components: { BlubberThreadWidget },
data: function () {
return {
already_loading_up: 0,
@@ -474,6 +484,9 @@
});
},
computed: {
+ hasThreadsWidget() {
+ return document.getElementById("blubber-threads-widget");
+ },
sortedComments () {
return [...this.threadData.comments].sort((a, b) => a.mkdate - b.mkdate);
},
diff --git a/templates/blubber/threads-overview.php b/templates/blubber/threads-overview.php
index a0ca391c8e5..9f5e16728e2 100644
--- a/templates/blubber/threads-overview.php
+++ b/templates/blubber/threads-overview.php
@@ -11,6 +11,6 @@
<?= count($json) > 1 ? _("Konversationen") : _("Konversation") ?>
</div>
<div class="sidebar-widget-content">
- <blubber-thread-widget :threads="threads" :active_thread="active_thread" :more_down="threads_more_down"></blubber-thread-widget>
+ <div id="blubber-threads-widget"></div>
</div>
-</div>
\ No newline at end of file
+</div>
--
GitLab