From 6e4e41ab88cb58107a364f39883120065c04dbbd Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Thu, 17 Oct 2024 18:09:09 -0400
Subject: [PATCH] fix entries not toggling hidden class

does not play well with promises it seems
---
 .../src/components/shared/filter-panel.vue    |  1 -
 .../src/views/gallery/gallery-tile.vue        |  4 ++-
 .../frontend/src/views/shared/media-list.vue  | 27 ++++++++++++-------
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/projects/frontend/src/components/shared/filter-panel.vue b/projects/frontend/src/components/shared/filter-panel.vue
index 4291c1e..9a498ea 100644
--- a/projects/frontend/src/components/shared/filter-panel.vue
+++ b/projects/frontend/src/components/shared/filter-panel.vue
@@ -45,7 +45,6 @@ const onToggleTag = (event: Event, tagId: string) => {
       tagsToggled.splice(index, 1)
     }
   }
-  console.log(tagsToggled)
   emits('toggledTagsChanged', tagsToggled)
 }
 
diff --git a/projects/frontend/src/views/gallery/gallery-tile.vue b/projects/frontend/src/views/gallery/gallery-tile.vue
index 63a096e..19721f2 100644
--- a/projects/frontend/src/views/gallery/gallery-tile.vue
+++ b/projects/frontend/src/views/gallery/gallery-tile.vue
@@ -38,7 +38,9 @@ onMounted(async () => {
 
 <template lang="pug">
 include /src/templates/link.pug
-.gallery-embed
+.gallery-embed(
+  :id='id'
+)
   .thumbnail-wrapper(
     :class='{ warning: !!warning && !hideWarnings }'
   )
diff --git a/projects/frontend/src/views/shared/media-list.vue b/projects/frontend/src/views/shared/media-list.vue
index 01748d6..46e2100 100644
--- a/projects/frontend/src/views/shared/media-list.vue
+++ b/projects/frontend/src/views/shared/media-list.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, useTemplateRef, ref, toRaw } from 'vue'
+import { computed, onMounted, useTemplateRef, ref } from 'vue'
 import type {
   ConfigfulRouteDefinition,
   ListWithWarnings,
@@ -61,15 +61,22 @@ const className = computed(() => {
  * @param tagsToggled the tags currently toggled in the filter panel
  */
  const onToggledTagsChanged = async (tagsToggled: string[]) => {
-  if (tagsToggled.length < 1) {
-    Object.keys(entries.value).forEach(async entryId => {
-      (await entries.value[entryId]).isHidden = false
-    })
-  } else {
-    Object.keys(entries.value).forEach(async entryId => {
-      (await entries.value[entryId]).isHidden = !(await entries.value[entryId]).tags?.some(own => tagsToggled.includes(own))
-    })
-  }
+  await Promise.all((entriesRefs as any).value.map(async (val: any) => {
+    const el = val.$el as HTMLElement
+    const entry = await entries.value[el.id]
+
+    if (tagsToggled.length < 1) {
+      entry.isHidden = false
+    } else {
+      entry.isHidden = !entry.tags?.some(own => tagsToggled.includes(own))
+    }
+
+    if (entry?.isHidden) {
+      el.classList.add('hidden')
+    } else {
+      el.classList.remove('hidden')
+    }
+  }))
 }
 
 /**