strated to displaying falgcollection on the left of results

web/themes/custom/materiotheme/vuejs/store/modules/user.js

@@ -1,5 +1,5 @@
 import { REST } from 'vuejs/api/rest-axios'
-// import { JSONAPI } from 'vuejs/api/json-axios';
+import { JSONAPI } from 'vuejs/api/json-axios'
 import { MA } from 'vuejs/api/ma-axios'
 import qs from 'querystring-es3'
 
@@ -18,7 +18,8 @@ export default {
     isAdherent: false,
     canSearch: false,
     roles: [],
-    flagcolls: false
+    flagcolls: false,
+    openedCollid: null
   },
 
   // getters
@@ -84,6 +85,13 @@ export default {
     setFlagColls (state, flagcolls) {
       console.log('User setFlagColls', flagcolls)
       state.flagcolls = flagcolls
+    },
+    openFlagColl (state, collid) {
+      state.openedCollid = collid
+    },
+    setLoadedCollItems (state, data) {
+      console.log('setLoadedCollItems', data)
+      state.flagcolls[data.collid].loadedItems = data.items
     }
   },
 
@@ -262,6 +270,39 @@ export default {
           })
       })
     },
+    openFlagColl ({ commit, dispatch }, collid) {
+      console.log('user openFlagColl', collid)
+      commit('openFlagColl', collid)
+      dispatch('loadFlagCollItems', collid)
+    },
+    loadFlagCollItems ({ commit, state }, collid) {
+      console.log('loadFlagCollItems', state.flagcolls[collid].items_uuids)
+      const params = {
+        'filter[uuids-groupe][group][conjunction]': 'OR'
+      }
+      const uuids = state.flagcolls[collid].items_uuids
+      // console.log('uuids', uuids)
+      for (let i = 0; i < uuids.length; i++) {
+        let uuid = uuids[i]
+        // console.log('uuid', uuid)
+        params[`filter[${uuid}][condition][path]`] = 'id'
+        params[`filter[${uuid}][condition][value]`] = uuid
+        params[`filter[${uuid}][condition][operator]`] = '='
+        params[`filter[${uuid}][condition][memberOf]`] = 'uuids-groupe'
+      }
+      console.log('search JSONAPI params', params);
+      const q = qs.stringify(params)
+      return JSONAPI.get('node/materiau?' + q)
+        .then(({ data }) => {
+          console.log('user loadFlagCollItems data', data)
+          // dispatch('parseItems', { data: data.data, uuids: uuids })
+          commit('setLoadedCollItems', {collid: collid, items: data.data})
+        })
+        .catch((error) => {
+          console.warn('Issue with loadFlagCollItems', error)
+          Promise.reject(error)
+        })
+    },
     userLogout ({ commit, state }) {
       const credentials = qs.stringify({
         token: state.csrf_token