fix store not being updated on permissions changes

app/src/store/data.js

@@ -81,12 +81,27 @@ export default {
       }
     },
 
+    'UPDATE_GROUPS' (state, [data, { groupName }]) {
+      Vue.set(state.groups, groupName, data)
+    },
+
     'DEL_GROUPS' (state, [groupname]) {
       Vue.delete(state.groups, groupname)
     },
 
     'SET_PERMISSIONS' (state, [permissions]) {
       state.permissions = permissions
+    },
+
+    'UPDATE_PERMISSIONS' (state, [_, { groupName, action, permId }]) {
+      // FIXME hacky way to update the store
+      const permissions = state.groups[groupName].permissions
+      if (action === 'add') {
+        permissions.push(permId)
+      } else if (action === 'remove') {
+        const index = permissions.indexOf(permId)
+        if (index > -1) permissions.splice(index, 1)
+      }
     }
   },
 

app/src/views/group/GroupList.vue

@@ -202,22 +202,19 @@ export default {
     onPermissionChanged ({ option, groupName, action, applyMethod }) {
       const permId = this.permissions.find(perm => perm.label === option).id
       api.put(
-        `users/permissions/${permId}/${action}/${groupName}`,
+        // FIXME hacky way to update the store
+        { uri: `users/permissions/${permId}/${action}/${groupName}`, storeKey: 'permissions', groupName, action, permId },
         {},
         { key: 'permissions.' + action, perm: option, name: groupName }
-      ).then(() => {
+      ).then(() => applyMethod(option))
-        applyMethod(option)
-      })
     },
 
     onUserChanged ({ option, groupName, action, applyMethod }) {
       api.put(
-        `users/groups/${groupName}/${action}/${option}`,
+        { uri: `users/groups/${groupName}/${action}/${option}`, storeKey: 'groups', groupName },
         {},
         { key: 'groups.' + action, user: option, name: groupName }
-      ).then(() => {
+      ).then(() => applyMethod(option))
-        applyMethod(option)
-      })
     },
 
     onSpecificUserAdded ({ option: userName, action, applyMethod }) {