From 08fc2e73313fe98d8e04a90b38341779e213dcf2 Mon Sep 17 00:00:00 2001
From: KKaiow <icetanatorn@gmail.com>
Date: Tue, 20 Aug 2024 22:25:59 +0700
Subject: [PATCH 1/2] new_function_fronted_part

---
 src/src/pages/PF/StudentList.js | 74 +++++++++++++++++++--------------
 1 file changed, 43 insertions(+), 31 deletions(-)

diff --git a/src/src/pages/PF/StudentList.js b/src/src/pages/PF/StudentList.js
index 27680a2..dba5cb7 100644
--- a/src/src/pages/PF/StudentList.js
+++ b/src/src/pages/PF/StudentList.js
@@ -19,6 +19,12 @@ function StudentList() {
 
   const [showModal, setShowModal] = useState(false);
   const [isEdit, setIsEdit] = useState(false);
+  const [gonEdit, setGonEdit] = useState("");
+
+  const [ID, setID] = useState("");
+  const [name, setName] = useState("");
+  const [group, setGroup] = useState("");
+  const [section, setSection] = useState("");
 
   // const [Email,] = useState(sessionStorage.getItem("Email"));
   const [classId,] = useState(sessionStorage.getItem("classId"));
@@ -129,17 +135,37 @@ function StudentList() {
   }
 
   const handleEditStudent = async (toEdit) => {
-      setShowModal(true);
+      console.log(toEdit)
       setIsEdit(true);
+      setID(toEdit["ID"]);
+      setName(toEdit["Name (English)"]);
+      setSection(toEdit["Section"]);
+      setGroup(toEdit["Group"]);
+      console.log(toEdit["ID"]);
+      setShowModal(true);
+      document.getElementById("SID").disabled = true;
+      
+  }
+
+  const handleChangeGonEdit = async (k, v) => {
+    var x = gonEdit
+    x[k] = v
+    console.log(x)
+    setGonEdit(x)
   }
 
   const handleAddStudent = async () => {
       setShowModal(true);
-      setIsEdit(false)
+      setIsEdit(false);
+      document.getElementById("SID").disabled = false
+      setID("");
+      setName("");
+      setGroup("");
+      setSection("");
   }
 
   const UpdateStudent = async () => {
-      
+
   }
 
   const RemoveStudent = async () => {
@@ -271,39 +297,25 @@ function StudentList() {
               <button type="button" className="btn-close" onClick={handleCloseModal} aria-label="Close"></button>
             </div>
             <div className="modal-body">
-            {isEdit ? (<form>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Name</label>
-                      <input type="text" class="form-control" id="nameEdit" placeholder="Enter name"/>
-                    </div>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Section</label>
-                      <input type="text" class="form-control" id="sectionEdit" placeholder="Enter section"/>
+                  <form>
+                    <div className="form-group">
+                      <label htmlFor="studentId">Student ID</label>
+                        <input type="text" className="form-control" id="SID" placeholder="Student ID" value={ID} onChange={(e) => {setID(e.target.value)}}/>
                     </div>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Group</label>
-                      <input type="text" class="form-control" id="groupEdit" placeholder="Enter group"/>
-                    </div>
-                  </form>
-                  ) : (<form>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Stundent ID</label>
-                      <input type="text" class="form-control" id="studentIdAdd" placeholder="Enter student"/>
+                    <div className="form-group">
+                      <label htmlFor="exampleInputEmail1">Name</label>
+                      <input type="text" className="form-control" id="nameEdit" placeholder="Enter name" value={name} onChange={(e) => {setName(e.target.value)}}/>
                     </div>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Name</label>
-                      <input type="text" class="form-control" id="nameAdd" placeholder="Enter name"/>
+                    <div className="form-group">
+                      <label htmlFor="exampleInputEmail1">Section</label>
+                      <input type="text" className="form-control" id="sectionEdit" placeholder="Enter section" value={section} onChange={(e) => {setSection(e.target.value)}}/>
                     </div>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Section</label>
-                      <input type="text" class="form-control" id="sectionAdd" placeholder="Enter section"/>
-                    </div>
-                    <div class="form-group">
-                      <label for="exampleInputEmail1">Group</label>
-                      <input type="text" class="form-control" id="groupAdd" placeholder="Enter group"/>
+                    <div className="form-group">
+                      <label htmlFor="exampleInputEmail1">Group</label>
+                      <input type="text" className="form-control" id="groupEdit" placeholder="Enter group" value={group} onChange={(e) => {setGroup(e.target.value)}}/>
                     </div>
                   </form>
-              )}
+              
             </div>
             <div className="modal-footer">
               <button type="button" className="btn btn-secondary" style={{justifyContent: "flex-start"}} onClick={handleCloseModal}>

From 2a275cb4b4211f482eac9ff6883bb0ec541b1031 Mon Sep 17 00:00:00 2001
From: KKaiow <icetanatorn@gmail.com>
Date: Thu, 22 Aug 2024 17:12:22 +0700
Subject: [PATCH 2/2] asdgasdg

---
 src/src/pages/PF/StudentList.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/src/pages/PF/StudentList.js b/src/src/pages/PF/StudentList.js
index dba5cb7..0dd1fe3 100644
--- a/src/src/pages/PF/StudentList.js
+++ b/src/src/pages/PF/StudentList.js
@@ -317,18 +317,18 @@ function StudentList() {
                   </form>
               
             </div>
-            <div className="modal-footer">
-              <button type="button" className="btn btn-secondary" style={{justifyContent: "flex-start"}} onClick={handleCloseModal}>
+            <div className="modal-footer" style={{justifyContent: "flex-start"}}>
+              <button type="button" className="btn btn-outline-secondary" onClick={handleCloseModal}>
                 Cancel
               </button>
               {isEdit ? (
-                <button type="button" className="btn btn-secondary" style={{justifyContent: "flex-start"}} onClick={handleCloseModal}>
+                <button type="button" className="btn btn-danger" onClick={handleCloseModal}>
                   Remove
                 </button>
               ):(
                 ""
               )}
-              <button type="button" className="btn btn-secondary" style={{justifyContent: "flex-start"}} onClick={handleCloseModal}>
+              <button type="button" className="btn btn-success" onClick={handleCloseModal}>
                   Save
               </button>