view client/src/stores/usermanagement.js @ 289:aee175e3f82c usermanagement

feat: Listing of users on management page Prototypical implementation of listing of all users on management page implemented. Data is fetched before route is entered. Unless the data isn't available the route is not changed. After data is available currently a simple unstyled table with data is rendered.
author Thomas Junk <thomas.junk@intevation.de>
date Tue, 31 Jul 2018 12:02:48 +0200
parents
children 6b4df87a7ccc
line wrap: on
line source

import { HTTP } from "../lib/http";

const UserManagement = {
  namespaced: true,
  state: {
    users: null
  },
  getters: {
    users: state => {
      return state.users;
    },
    getUserByName: state => name => {
      return state.users[name];
    }
  },
  mutations: {
    usersLoaded: (state, data) => {
      state.users = data.users;
    }
  },
  actions: {
    loadUsers({ commit }) {
      return new Promise((resolve, reject) => {
        HTTP.get("/users", {
          headers: { "X-Gemma-Auth": localStorage.getItem("token") }
        })
          .then(response => {
            commit("usersLoaded", response.data);
            resolve(response);
          })
          .catch(error => {
            console.log(error);
            reject(error);
          });
      });
    }
  }
};

export default UserManagement;