Newer
Older
export const SHOW_DELETE_USER_MODAL = 'SHOW_DELETE_USER_MODAL';
export const HIDE_DELETE_USER_MODAL = 'HIDE_DELETE_USER_MODAL';
export const SHOW_ALL_USERS = 'SHOW_ALL_USERS';
export const ALL_USERS_ERROR = 'ALL_USERS_ERROR';
export const CREATE_NEW_USER_SUCCESS = 'CREATE_NEW_USER_SUCCESS';
export const CREATE_NEW_USER_ERROR = 'CREATE_NEW_USER_ERROR';
export const DELETE_USER_SUCCESS = 'DELETE_USER_SUCCESS';
export const DELETE_USER_ERROR = 'DELETE_USER_ERROR';
export const EDIT_USER_ERROR = 'EDIT_USER_ERROR';
export const EDIT_USER_SUCCESS = 'EDIT_USER_SUCCESS';
export const PRESS_EDIT_BUTTON = 'PRESS_EDIT_BUTTON';
//Pending, Success, Error Actions
export function getAllUsersAction(users) {
console.log("GetAllAction Action")
return {
type: SHOW_ALL_USERS,
userList: users
}
}
export function getAllUsersErrorAction(error) {
console.log("Error Action")
return {
type: ALL_USERS_ERROR,
error: error
}
}
export function getShowDeleteUserModalAction(deleteModalData) {
console.log(deleteModalData)
type: SHOW_DELETE_USER_MODAL,
deleteModalData: deleteModalData
}
}
export function getHideDeleteUserModalAction() {
return {
type: HIDE_DELETE_USER_MODAL
}
}
export function getDeleteUserSuccessAction() {
return {
type: DELETE_USER_SUCCESS
}
}
export function getDeleteUserErrorAction(error) {
return {
type: DELETE_USER_ERROR,
error: error
}
}
export function getCreateNewUserSuccessAction(userData) {
console.log("GetCreateNewUserSuccessAction")
return {
type: CREATE_NEW_USER_SUCCESS,
newUserData: userData
}
}
export function getCreateNewUserErrorAction(error) {
console.log("GetCreateNewUserErrorAction")
return {
type: CREATE_NEW_USER_ERROR,
error: error
}
}
export function getEditUserSuccessAction(editUserData) {
console.log("GetEditUserSuccessAction")
return {
//Frontend Connections
export function displayUsers(token) {
console.log("displaying users")
return dispatch => {
dispatch(getAllUsersAction());
getAllUsers(token)
.then(users => {
console.log(users)
const action = getAllUsersAction(users)
dispatch(action);
},
error => {
dispatch(getAllUsersErrorAction(error));
}
)
.catch(error => {
dispatch(getAllUsersErrorAction(error))
})
}
}
export function editUserWithID(updateData, userID, token) {
console.log("editing user")
return dispatch => {
dispatch(getEditUserSuccessAction());
.then(user => {
console.log(user)
const action = getEditUserSuccessAction(user)
dispatch(action);
getAllUsers(token)
.then(users => {
const action = getAllUsersAction(users)
dispatch(action)
})
},
error => {
dispatch(getEditUserErrorAction(error));
}
)
.catch(error => {
dispatch(getEditUserErrorAction(error))
})
}
}
export function passNewUser(userData, token) {
console.log("passing new user")
return dispatch => {
dispatch(getCreateNewUserSuccessAction());
createNewUser(userData, token)
.then(newUser => {
console.log(newUser)
const action = getCreateNewUserSuccessAction(newUser)
dispatch(action);
getAllUsers(token)
.then(users => {
const action = getAllUsersAction(users)
dispatch(action)
})
},
error => {
dispatch(getCreateNewUserErrorAction(error));
}
)
.catch(error => {
dispatch(getCreateNewUserErrorAction(error))
})
}
}
export function deleteUserWithID(userID, token) {
console.log("deleting user")
return dispatch => {
dispatch(getDeleteUserSuccessAction(userID));
deleteUser(userID, token)
.then(deleteUser => {
console.log(deleteUser)
const action = getDeleteUserSuccessAction(deleteUser)
dispatch(action);
getAllUsers(token)
.then(users => {
const action = getAllUsersAction(users)
dispatch(action)
})
dispatch(getDeleteUserErrorAction(error));
}
)
.catch(error => {
dispatch(getDeleteUserErrorAction(error))
})
}
}
//Backend Callings
export function getAllUsers(token) {
console.log("get all users")
console.log(token)
const requestOptions = {
method: 'GET',
headers: { 'Authorization': token }
};
return fetch('https://localhost/api/users', requestOptions)
.then(response => {
return response.json().then(body => {
if (response.status === 200) {
console.log(body)
return body
}
})
})
}
export function getOneUser(userID, token) {
console.log("get one user")
const requestOptions = {
method: 'GET',
headers: { 'Authorization': token }
};
return fetch(`https://localhost/api/users/${userID}`, requestOptions)
.then(response => {
return response.json().then(body => {
if (response.status === 200) {
console.log(body)
return body
}
})
})
}
export function createNewUser(userData, token) {
console.log("create new user")
console.log(userData)
const requestOptions = {
method: 'POST',
headers: {
'Authorization': token,
'Content-Type': 'application/json'
},
body: JSON.stringify(userData)
}
return fetch('https://localhost/api/users', requestOptions)
.then(response => {
return response.json().then(body => {
export function deleteUser(userID, token) {
console.log("delete user")
console.log(userID)
const requestOptions = {
method: 'DELETE',
headers: {
'Authorization': token
}
}
return fetch('https://localhost/api/users/' + userID, requestOptions)
.then(response => {
console.log(response)
if (response.status === 204) {
return response.status
}
export function updateUser(updateData, userID, token) {
console.log("updating user with id: " + userID)
console.log(userID)
console.log(updateData)
const requestOptions = {
method: 'PUT',
headers: {
'Authorization': token,
'Content-Type': 'application/json'
},
body: JSON.stringify(updateData)
}
return fetch(`https://localhost/api/users/${userID}`, requestOptions)
.then(response => {
console.log(response)
return response.json().then(body => {
if (response.status === 200) {
console.log(body)
return body
}
})
})
}