flaschengeist-frontend/src/plugins/user/store/user.ts

import { Module, MutationTree, ActionTree, GetterTree } from 'vuex';
import { StateInterface } from 'src/store';
import { axios } from 'boot/axios';
import { AxiosResponse } from 'axios';
import { SessionStorage } from 'quasar';
import { CurrentUserResponse } from 'src/plugins/user/models';

export interface UserStateInterface {
  currentUser?: FG.User;
  currentPermissions: FG.Permission[];
  users: FG.User[];
  roles: FG.Role[];
  permissions: FG.Permission[];
  loading: number;
}

const state: UserStateInterface = {
  users: [],
  roles: [],
  permissions: [],
  currentUser: SessionStorage.getItem<FG.User>('currentUser') || undefined,
  currentPermissions:
    SessionStorage.getItem<FG.Permission[]>('currentPermissions') || [],
  loading: 0
};

const mutations: MutationTree<UserStateInterface> = {
  setCurrentUser(state, data: FG.User) {
    SessionStorage.set('currentUser', data);
    state.currentUser = data;
  },
  setCurrentPermissions(state, data: FG.Permission[]) {
    SessionStorage.set('currentPermissions', data);
    state.currentPermissions = data;
  },
  clearCurrentUser(state) {
    SessionStorage.remove('currentUser');
    SessionStorage.remove('currentPermissions');
    state.currentUser = undefined;
    state.currentPermissions = [];
  },
  setUsers(state, data: FG.User[]) {
    state.users = data;
  },
  setRoles(state, data: FG.Role[]) {
    state.roles = data;
  },
  setPermissions(state, data: FG.Permission[]) {
    state.permissions = data;
  },
  setLoading(state, data = true) {
    if (data) state.loading += 1;
    else state.loading -= 1;
  }
};

const actions: ActionTree<UserStateInterface, StateInterface> = {
  getCurrentUser({ commit, rootState }) {
    if (rootState.session.currentSession) {
      commit('setLoading');
      axios
        .get(`/users/${rootState.session.currentSession.userid}`)
        .then((response: AxiosResponse<CurrentUserResponse>) => {
          commit('setCurrentUser', response.data);
          commit('setCurrentPermissions', response.data.permissions);
        })
        .catch(err => {
          console.warn(err);
        })
        .finally(() => {
          commit('setLoading', false);
        });
    } else {
      console.debug('User not logged in, can not get current_user.');
    }
  },

  getUsers({ commit }) {
    axios
      .get('/users')
      .then((response: AxiosResponse<FG.User[]>) => {
        commit('setUsers', response.data);
      })
      .catch(err => {
        console.warn(err);
      });
  },

  updateUser({ commit, state, dispatch }, data: FG.User) {
    commit('setLoading');
    axios
      .put(`/users/${data.userid}`, data)
      .then(() => {
        if (state.currentUser && state.currentUser.userid === data.userid)
          void dispatch('getCurrentUser');
        else void dispatch('getUsers');
      })
      .catch(error => {
        console.log(error);
      })
      .finally(() => {
        commit('setLoading', false);
      });
  },

  getRoles({ commit, state }, force = true) {
    if (!force && state.roles.length > 0) return;
    commit('setLoading');
    axios
      .get('/roles')
      .then((response: AxiosResponse<FG.Role[]>) => {
        commit('setRoles', response.data);
      })
      .finally(() => commit('setLoading', false));
  },

  getPermissions({ commit, state }, force = true) {
    if (!force && state.permissions.length > 0) return;
    commit('setLoading');
    axios
      .get('/roles')
      .then((response: AxiosResponse<FG.Permission[]>) => {
        commit('setPermissions', response.data);
      })
      .finally(() => commit('setLoading', false));
  }
};

const getters: GetterTree<UserStateInterface, StateInterface> = {
  currentUser({ currentUser }) {
    return currentUser;
  },
  users({ users }) {
    return users;
  },
  loading({ loading }) {
    return loading > 0;
  },
  displayName({ currentUser }) {
    return currentUser?.display_name;
  }
};

const userStore: Module<UserStateInterface, StateInterface> = {
  namespaced: true,
  actions,
  getters,
  mutations,
  state
};

export default userStore;