Added simple curl testfiles

frontend/src/views/Admin.jsx

@@ -1441,7 +1441,7 @@ const Admin = (props) => {
 	}
 
 	const organizationView = curTab === 0 && selectedOrganization.id !== undefined ?
-		<div>
+		<div style={{position: "relative"}}>
 			<div style={{ marginTop: 20, marginBottom: 20, }}>
 				<h2 style={{ display: "inline", }}>Organization overview</h2>
 				<span style={{ marginLeft: 25 }}>
@@ -1457,6 +1457,25 @@ const Admin = (props) => {
 					</div>
 					:
 					<div>
+						<Tooltip title={"Copy Organization ID"} style={{}} aria-label={"Copy orgid"}>
+							<IconButton style={{top: -10, right: 0, position: "absolute",}} onClick={() => {
+								const elementName = "copy_element_shuffle"
+								const org_id = selectedOrganization.id
+								var copyText = document.getElementById(elementName);
+								if (copyText !== null && copyText !== undefined) {
+									navigator.clipboard.writeText(org_id)
+									copyText.select();
+									copyText.setSelectionRange(0, 99999); /* For mobile devices */
+
+								/* Copy the text inside the text field */
+								document.execCommand("copy");
+
+								alert.info(org_id + " copied to clipboard")	
+							}
+						}}>
+							<FileCopyIcon style={{color: "rgba(255,255,255,0.8)"}}/>
+						</IconButton>
+					</Tooltip>
 						{selectedOrganization.name.length > 0 ?
 							<OrgHeader setSelectedOrganization={setSelectedOrganization} globalUrl={globalUrl} selectedOrganization={selectedOrganization}/>
 						: 
@@ -2034,7 +2053,7 @@ const Admin = (props) => {
 											/* Copy the text inside the text field */
 											document.execCommand("copy");
 
-											alert.info(file.id + "copied to clipboard")	
+											alert.info(file.id + " copied to clipboard")	
 										}
 									}}>
 										<FileCopyIcon style={{color: "white"}}/>

frontend/src/views/Docs.jsx

@@ -31,7 +31,7 @@ const hrefStyle = {
 }
 
 const Docs = (props) => {
-  const { isLoaded, globalUrl, inputColor, selectedDoc, serverside, isMobile, update} = props;
+  const { isLoaded, globalUrl, selectedDoc, serverside, isMobile, update} = props;
 
 	const theme = useTheme();
 	const [data, setData] = useState("");
@@ -213,7 +213,7 @@ const Docs = (props) => {
 
 	function CodeHandler(props) {
 		return (
-			<pre style={{padding: 15, minWidth: "50%", maxWidth: "100%", backgroundColor: inputColor, overflowX: "auto", overflowY: "hidden",}}>
+			<pre style={{padding: 15, minWidth: "50%", maxWidth: "100%", backgroundColor: theme.palette.inputColor, overflowX: "auto", overflowY: "hidden",}}>
 				<code>
 					{props.value}
 				</code>
@@ -286,8 +286,8 @@ const Docs = (props) => {
 
 	const mobileStyle = {
 		color: "white",
-		marginLeft: 15,
-		marginRight: 15,
+		marginLeft: 25,
+		marginRight: 25,
 		paddingBottom: 50,
 		backgroundColor: "inherit",
 		display: "flex",
@@ -305,6 +305,7 @@ const Docs = (props) => {
 				<Menu
 					id="simple-menu"
 					anchorEl={anchorEl}
+					style={{}}
 					keepMounted
 					open={Boolean(anchorEl)}
 					onClose={handleClose}
@@ -313,7 +314,7 @@ const Docs = (props) => {
 					const path = "/docs/"+item
 					const newname = item.charAt(0).toUpperCase()+item.substring(1).split("_").join(" ").split("-").join(" ")
 					return (
-						<MenuItem key={index} onClick={() => {window.location.pathname = path}}>{newname}</MenuItem>
+						<MenuItem key={index} style={{color: "white",}} onClick={() => {window.location.pathname = path}}>{newname}</MenuItem>
 					)
 				})}
 				</Menu>