calendar app: fix list for showing users and their colors (not in rgith place in page)

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/store/actions.js

@@ -18,10 +18,11 @@ export default {
       }
 
       let promises = [];
-      if (null !== getters.getMainUser) {
+      for (const uid of state.currentView.users.keys()) {
+        console.log('fetchCalendarEventsFor', uid);
         promises.push(
           dispatch('fetchCalendarRangeForUser',
-            {user: getters.getMainUser, start: state.currentView.start, end: state.currentView.end})
+            {user: state.usersData.get(uid).user, start: state.currentView.start, end: state.currentView.end})
         );
       }
 

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/store/getters.js

@@ -77,6 +77,9 @@ export default {
   getUserData: (state) => (user) => {
     return state.usersData.get(user.id);
   },
+  getUserDataById: (state) => (userId) => {
+    return state.usersData.get(userId);
+  },
   /**
    * return true if the user has an entry in userData
    *
@@ -86,6 +89,9 @@ export default {
   hasUserData: (state) => (user) => {
     return state.usersData.has(user.id);
   },
+  hasUserDataById: (state) => (userId) => {
+    return state.usersData.has(userId);
+  },
   /**
    * return true if there was a fetch query for event between this date (start and end),
    * those date are included.

src/Bundle/ChillCalendarBundle/Resources/public/vuejs/Calendar/store/mutations.js

@@ -10,7 +10,11 @@ export default {
   },
   showUserOnCalendar(state, {user, what}) {
     console.log('showUserOnCalendar', {user: user.id, what});
+    if (!state.usersData.has(user.id)) {
+      state.usersData.set(user.id, createUserData(user, state.usersData.size));
+    }
     state.currentView.users.set(user.id, what);
+    console.log('state at end', state);
   },
 
   // ConcernedGroups