SHARE
TWEET

Untitled

a guest Oct 23rd, 2019 115 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $(function () {
  2.  
  3.     const getAll = async (msg) => {
  4.         try {
  5.             $("#studentList").text("Finding Student Informtion...");
  6.             let response = await fetch(`/api/employee/GetAll`);
  7.             if (!response.ok)
  8.                 throw new Error(`Status -${response.status},Text-${response.statusText}`);
  9.             let data = await response.json();
  10.             buildStudentList(data);
  11.             msg === "" ?
  12.                 $("#status").text("Students loaded") : $("#status").text(`${msg}=Students Loaded`);
  13.         } catch (error) {
  14.             $("#status").text(error.message);
  15.         }
  16.     }; // get all
  17.  
  18.     const clearModalFields = () => {
  19.         $("#TextBoxTitle").val("");
  20.         $("#TextBoxFirstname").val("");
  21.         $("#TextBoxLastname").val("");
  22.         $("#TextBoxPhone").val("");
  23.         $("#TextBoxEmail").val("");
  24.         sessionStorage.removeItem("Id");
  25.         sessionStorage.removeItem("DivisionId");
  26.         sessionStorage.removeItem("Timer");
  27.     };
  28.  
  29.     $("#studentList").click((e) => {
  30.         clearModalFields();
  31.         if (!e) e = window.event;
  32.         let Id = e.target.parentNode.id;
  33.         if (Id !== "status" && Id !== "heading") {
  34.             Id = e.target.id;
  35.         }
  36.         if (Id !== "status" && Id !== "heading") {
  37.             let data = JSON.parse(sessionStorage.getItem("allstudents"));
  38.             data.map(student => {
  39.                 if (student.id === parseInt(Id)) {
  40.                     $("#TextBoxTitle").val(student.title);
  41.                     $("#TextBoxFirstname").val(student.firstname);
  42.                     $("#TextBoxLastname").val(student.lastname);
  43.                     $("#TextBoxPhone").val(student.phoneno);
  44.                     $("#TextBoxEmail").val(student.email);
  45.                     sessionStorage.setItem("Id", student.id);
  46.                     sessionStorage.setItem("DivisionId", student.divisionId);
  47.                     sessionStorage.setItem("Timer", student.timer);
  48.                     $("#modalstatus").text("update data");
  49.                     $("#theModal").modal("toggle");
  50.                 }
  51.             });
  52.         } else {
  53.             return false;
  54.         }
  55.     });
  56.  
  57.     $("#updatebutton").click(async (e) => {
  58.         try {
  59.             stu = new Object();
  60.             stu.Email = $("#TextBoxEmail").val();
  61.             stu.Title = $("#TextBoxTitle").val();
  62.             stu.FirstName = $("#TextBoxFirstname").val();
  63.             stu.LastName = $("#TextBoxLastname").val();
  64.             stu.PhoneNo = $("#TextBoxPhone").val();
  65.  
  66.             stu.Id = sessionStorage.getItem("Id");
  67.             stu.DepartmentId = sessionStorage.getItem("DepartmentId");
  68.             stu.Timer = sessionStorage.getItem("Timer");
  69.             let response = await fetch(`/api/employee`, {
  70.                 method: "PUT",
  71.                 headers: {
  72.                     "Content-Type": "application/json; charset=utf-8"
  73.                 },
  74.                 body: JSON.stringify(stu)
  75.             });
  76.  
  77.             if (response.ok) {
  78.                 let data = await response.json();
  79.                 $("#status").text(data.msg);
  80.             } else {
  81.                 throw new Error(`Status - ${response.status}, problem server side, see server console`);
  82.             }
  83.             $("#theModal").modal("toggle");
  84.         } catch (error) {
  85.             $("#status").text(error.message);
  86.         }
  87.     });
  88.  
  89.     const buildStudentList = (data) => {
  90.         $("#studentList").empty();
  91.         div = $(`<div class="list-group-item text-white bg-secondary row d-flex" id="status">Student Info</div>
  92.                <div class="list-group-item row d-flex text-center" id="heading">
  93.                <div class="col-4 h4">Title</div>
  94.                <div class="col-4 h4">First</div>
  95.                <div class="col-4 h4">Last</div> </div>`);
  96.         div.appendTo($("#studentList"));
  97.         sessionStorage.setItem("allstudents", JSON.stringify(data));
  98.         data.map(stu => {
  99.             btn = $(`<button class="list-group-item row d-flex" id ="${stu.id}">`);
  100.             btn.html(`<div class="col-4" id ="studenttitle${stu.id}">${stu.title}</div>
  101.                      <div class="col-4" id ="studentfname${stu.id}">${stu.firstname}</div>
  102.                      <div class="col-4" id ="studentlastnam${stu.id}">${stu.lastname}</div>`
  103.             );
  104.             btn.appendTo($("#studentList"));
  105.         });
  106.     };
  107.  
  108.     getAll("");
  109.  
  110. });
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top