#42 - collection switch from menu working

src/components/project/brief/add-images-modal/AddImagesModal.vue

@@ -17,13 +17,19 @@
             @click="activeTabId = tab.id"
           >
             <span>{{ tab.name }}</span>
-            <!--
+            <ul v-if="tab.id === 'inspirations'">
-            <ul>
+              <li
-              <li class="active"><span>Premières Lumières</span></li>
+                v-for="collection in tab.collections"
-              <li><span>Éclat Hivernal</span></li>
+                :class="{ active: collection.isActive }"
-              <li><span>Crépuscule Doré</span></li>
+                @click="
+                  tab.images = collection.media;
+                  tab.collections.map((item) => (item.isActive = false));
+                  collection.isActive = true;
+                "
+              >
+                <span>{{ collection.title }}</span>
+              </li>
             </ul>
-            -->
           </li>
         </ul>
       </nav>

src/stores/addImagesModal.js

@@ -37,7 +37,6 @@ export const useAddImagesModalStore = defineStore("add-images-modal", () => {
       component: ImagesResources,
       params: false,
       collections: [],
-      activeCollectionImages: [],
       selectedImages: [],
     },
   ]);
@@ -66,6 +65,7 @@ export const useAddImagesModalStore = defineStore("add-images-modal", () => {
   api.fetchData("inspirations").then((json) => {
     console.log(json);
     tabs.value[3].collections = json.page.inspirations;
+    tabs.value[3].collections[0].isActive = true;
     tabs.value[3].images = json.page.inspirations[0].media;
   });