From 67106ef20942192a4ca511a6c95a67fcd1df6f98 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= Date: Mon, 28 Mar 2022 10:39:52 +0200 Subject: [PATCH] Ticket 356: FolderComponent Close Folders by default + force rerender after click on develop folder --- .../media-manager/FolderComponent.vue | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/resources/js/components/media-manager/FolderComponent.vue b/resources/js/components/media-manager/FolderComponent.vue index f503b5e..69b4ee1 100644 --- a/resources/js/components/media-manager/FolderComponent.vue +++ b/resources/js/components/media-manager/FolderComponent.vue @@ -117,7 +117,8 @@ }); }, renderItems() { - const favs = this.oFolders.filter(item => item.favoris === true); + const favs = this.oFolders.filter(item => item.favoris === true), + self = this favs.forEach(item => { this.folders.push(item); @@ -127,6 +128,14 @@ this.folders.push(item); } }); + this.$nextTick(() => { + self.oFolders.forEach(item => { + if (item.favoris === false) { + self.folders.push(item); + self.toggle(item) + } + }) + }) }, selectFolder(item) { let filter = this.storeFilters.findIndex(e => e.type === 'dossier_id'); @@ -221,7 +230,11 @@ } }, toggle(item) { - $("[parent-id='"+ item.id +"']").toggle(); + const self = this + $("[parent-id='"+ item.id +"']").toggle(300, () => { + // * Force rerender classes on folders + self.$forceUpdate() + }) } } }