diff --git a/resources/vue/components/BlubberThread.vue b/resources/vue/components/BlubberThread.vue index eb6e44d312d2955293b9ad06effb8aeb7f6bd638..3dbe8dd98185c5789a3a4e854d68a5698f4c9f74 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 a0ca391c8e513eb602a61db36abec2af9ede15c6..9f5e16728e20d1b2ed0f09292ac4c59ce3474d18 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>