added ability to change other uses

frontend/src/Admin.js

@@ -2,6 +2,8 @@ import React, { useEffect} from 'react';
 
 import {Link} from 'react-router-dom';
 import Paper from '@material-ui/core/Paper';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
 import List from '@material-ui/core/List';
 import Divider from '@material-ui/core/Divider';
 import TextField from '@material-ui/core/TextField';
@@ -319,6 +321,43 @@ const Admin = (props) => {
 		modalUser[field] = value
 	}
 
+	const setUser = (userId, field, value) => {
+		const data = {"user_id": userId}
+		data[field] = value
+		console.log("DATA: ", data)
+
+		fetch(globalUrl+"/api/v1/users/updateuser", {
+			method: 'PUT',
+			headers: {
+				'Content-Type': 'application/json',
+				'Accept': 'application/json',
+			},
+			body: JSON.stringify(data),
+			credentials: "include",
+		})
+		.then((response) => {
+			if (response.status !== 200) {
+				console.log("Status not 200 for WORKFLOW EXECUTION :O!")
+			} else {
+				getUsers()
+			}
+
+			return response.json()
+		})
+  	.then((responseJson) => {
+			if (!responseJson.success && responseJson.reason !== undefined) {
+				alert.error("Failed setting user: "+responseJson.reason)
+			} else {
+				alert.success("Set the user field "+field+" to "+value)
+			}
+    })
+		.catch(error => {
+    		console.log(error)
+		});
+	}
+
+
+
 	const generateApikey = (userId) => {
 		const data = {"user_id": userId}
 
@@ -543,10 +582,6 @@ const Admin = (props) => {
 						primary="API key"
 						style={{minWidth: 350, maxWidth: 350, overflow: "hidden"}}
 					/>
-					<ListItemText
-						primary="Password"
-						style={{minWidth: 180, maxWidth: 180}}
-					/>
 					<ListItemText
 						primary="Role"
 						style={{minWidth: 150, maxWidth: 150}}
@@ -572,11 +607,32 @@ const Admin = (props) => {
 								style={{maxWidth: 350, minWidth: 350,}}
 							/>
 							<ListItemText
-								primary="**************"
-								style={{minWidth: 180, maxWidth: 180}}
-							/>
-							<ListItemText
-								primary={data.role}
+								primary=
+									<Select
+										PaperProps={{
+											style: {
+											}
+										}}
+										SelectDisplayProps={{
+											style: {
+												marginLeft: 10,
+											}
+										}}
+										value={data.role}
+										fullWidth
+										onChange={(e) => {
+											console.log("VALUE: ", e.target.value)
+											setUser(data.id, "role", e.target.value)
+										}}
+										style={{backgroundColor: surfaceColor, color: "white", height: "50px"}}
+										>
+										<MenuItem style={{backgroundColor: inputColor, color: "white"}} value={"admin"}>
+											Admin
+										</MenuItem>
+										<MenuItem style={{backgroundColor: inputColor, color: "white"}} value={"user"}>
+											User
+										</MenuItem>
+									</Select>
 								style={{minWidth: 150, maxWidth: 150}}
 							/>
 							<ListItemText