Battlesnake/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

submit assignment now creates a fly machine

Browse source
This commit is contained in:
JBB0807 2025-05-05 14:51:13 -07:00
parent f0f15b24c6
commit 4b1cb0e7f1
1 changed files with 54 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/pages/AssignmentPage.jsx
View file

@ -5,10 +5,12 @@ const AssignmentPage = () => {
const [studentName, setStudentName] = useState(""); const [studentName, setStudentName] = useState("");
const [campID, setCampID] = useState(""); const [campID, setCampID] = useState("");
const [programID, setProgramID] = useState(""); const [programID, setProgramID] = useState("");
const [appName, setAppName] = useState("");
const [qrCodeNumber, setQrCodeNumber] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [title, setTitle] = useState("");
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
const [file, setFile] = useState(null); const [file, setFile] = useState(null);
const [projects, setProjects] = useState([]); const [projects, setProjects] = useState([]);
const [showModal, setShowModal] = useState(false); const [showModal, setShowModal] = useState(false);
const [editingIndex, setEditingIndex] = useState(null); const [editingIndex, setEditingIndex] = useState(null);
@ -44,7 +46,6 @@ const AssignmentPage = () => {
setCampID(""); setCampID("");
setProgramID(""); setProgramID("");
setPassword(""); setPassword("");
setTitle("");
setDescription(""); setDescription("");
setFile(null); setFile(null);
setEditingIndex(null); setEditingIndex(null);
@ -56,12 +57,48 @@ const AssignmentPage = () => {
const newProject = { const newProject = {
studentname: studentName, studentname: studentName,
campid: campID, campid: campID,
appname: appName,
qrcodenumber: qrCodeNumber,
passwordhash: password,
programid: programID, programid: programID,
title,
description, description,
fileName: file ? file.name : null, file: file,
intructorid: 9,
}; };
//callt the api to upload a new assignment
const formData = new FormData();
formData.append("studentname", studentName);
formData.append("campid", campID);
formData.append("programid", programID);
formData.append("appname", appName);
formData.append("qrcodenumber", qrCodeNumber);
formData.append("password", password);
formData.append("description", description);
formData.append("intructoid", 9);
if (file) {
formData.append("file", file, file.name);
}
fetch("http://localhost:8082/instructor/create", {
method: "POST",
body: formData,
})
.then((response) => {
if (!response.ok) {
throw new Error("Failed to submit assignment");
}
return response.json();
})
.then((data) => {
console.log("Assignment submitted successfully:", data);
fetchAssignments(); // Refresh the assignments list
})
.catch((error) => {
console.error("Error submitting assignment:", error);
alert("Failed to submit assignment. Please try again.");
});
if (editingIndex !== null) { if (editingIndex !== null) {
const updatedProjects = [...projects]; const updatedProjects = [...projects];
updatedProjects[editingIndex] = newProject; updatedProjects[editingIndex] = newProject;
@ -80,7 +117,6 @@ const AssignmentPage = () => {
setStudentName(project.studentname || project.studentName || ""); setStudentName(project.studentname || project.studentName || "");
setCampID(project.campid || project.campID || ""); setCampID(project.campid || project.campID || "");
setProgramID(project.programid || project.programID || ""); setProgramID(project.programid || project.programID || "");
setTitle(project.title || "");
setDescription(project.description || ""); setDescription(project.description || "");
setFile(null); setFile(null);
setEditingIndex(index); setEditingIndex(index);
@ -111,12 +147,23 @@ const AssignmentPage = () => {
<div> <div>
<label>Camp ID</label> <label>Camp ID</label>
<input type="text" value={campID} onChange={(e) => setCampID(e.target.value)} required /> <input type="number" value={campID} onChange={(e) => setCampID(e.target.value)} required />
</div> </div>
<div> <div>
<label>Program ID</label> <label>Program ID</label>
<input type="text" value={programID} onChange={(e) => setProgramID(e.target.value)} required /> <input type="number" value={programID} onChange={(e) => setProgramID(e.target.value)} required />
</div>
<div>
<label>App Name</label>
<input type="text" value={appName} onChange={(e) => setAppName(e.target.value)} required />
</div>
<div>
<label>QR Code Number</label>
<input type="text" value={qrCodeNumber} onChange={(e) => setQrCodeNumber(e.target.value)} required />
</div> </div>
<div> <div>
@ -124,11 +171,6 @@ const AssignmentPage = () => {
<input type="password" value={password} onChange={(e) => setPassword(e.target.value)} required /> <input type="password" value={password} onChange={(e) => setPassword(e.target.value)} required />
</div> </div>
<div>
<label>Assignment Title</label>
<input type="text" value={title} onChange={(e) => setTitle(e.target.value)} required />
</div>
<div> <div>
<label>Description</label> <label>Description</label>
<textarea value={description} onChange={(e) => setDescription(e.target.value)} required></textarea> <textarea value={description} onChange={(e) => setDescription(e.target.value)} required></textarea>