Creation of UI for Imported Courses

app/config/default.yml

@@ -111,6 +111,7 @@ contributors:
   - name: "Mercy Eze"
     role: "Software Engineer"
   - name: "Michel Moncada"
+    role: "Software Engineer"
   - name: "Stevenson Michel"
     role: "Software Engineer"
   - name: "Lawrence Hoerst"

app/controllers/admin/routes.py

@@ -12,6 +12,9 @@
 from app.models.eventRsvp import EventRsvp
 from app.models.eventParticipant import EventParticipant
 from app.models.user import User
+from app.models.course import Course
+from app.models.courseInstructor import CourseInstructor
+from app.models.courseParticipant import CourseParticipant
 from app.models.eventTemplate import EventTemplate
 from app.models.adminLog import AdminLog
 from app.models.eventRsvpLog import EventRsvpLog
@@ -33,7 +36,7 @@
 from app.logic.fileHandler import FileHandler
 from app.logic.bonner import getBonnerCohorts, makeBonnerXls, rsvpForBonnerCohort
 from app.controllers.admin import admin_bp
-from app.logic.serviceLearningCourses import parseUploadedFile, saveCourseParticipantsToDatabase, unapprovedCourses, approvedCourses, getInstructorCourses
+from app.logic.serviceLearningCourses import parseUploadedFile, saveCourseParticipantsToDatabase, unapprovedCourses, approvedCourses, importedCourses, getInstructorCourses, editImportedCourses
 
 
 
@@ -339,6 +342,7 @@ def deleteRoute(eventId):
     except Exception as e:
         print('Error while canceling event:', e)
         return "", 500
+
 @admin_bp.route('/event/<eventId>/deleteEventAndAllFollowing', methods=['POST'])
 def deleteEventAndAllFollowingRoute(eventId):
     try:
@@ -349,6 +353,7 @@ def deleteEventAndAllFollowingRoute(eventId):
     except Exception as e:
         print('Error while canceling event:', e)
         return "", 500
+
 @admin_bp.route('/event/<eventId>/deleteAllRecurring', methods=['POST'])
 def deleteAllRecurringEventsRoute(eventId):
     try:
@@ -418,6 +423,7 @@ def addCourseFile():
 @admin_bp.route('/manageServiceLearning', methods = ['GET', 'POST'])
 @admin_bp.route('/manageServiceLearning/<term>', methods = ['GET', 'POST'])
 def manageServiceLearningCourses(term=None):
+
     """
     The SLC management page for admins
     """
@@ -432,16 +438,35 @@ def manageServiceLearningCourses(term=None):
     manageTerm = Term.get_or_none(Term.id == term) or g.current_term
 
     setRedirectTarget(request.full_path)
-
+    # retrieve and store the courseID of the imported course from a session variable if it exists. 
+    # This allows us to export the courseID in the html and use it.
+    courseID = session.get("alterCourseId")  
+
+    if courseID:
+        # delete courseID from the session if it was retrieved, for storage purposes.
+        session.pop("alterCourseId")  
+        return render_template('/admin/manageServiceLearningFaculty.html',
+                                courseInstructors = getInstructorCourses(),
+                                unapprovedCourses = unapprovedCourses(manageTerm),
+                                approvedCourses = approvedCourses(manageTerm),
+                                importedCourses = importedCourses(manageTerm),
+                                terms = selectSurroundingTerms(g.current_term),
+                                term = manageTerm,
+                                cpPreview= session.get('cpPreview',{}),
+                                cpPreviewErrors = session.get('cpErrors',[]),
+                                courseID = courseID
+                            )
+
     return render_template('/admin/manageServiceLearningFaculty.html',
                             courseInstructors = getInstructorCourses(),
                             unapprovedCourses = unapprovedCourses(manageTerm),
                             approvedCourses = approvedCourses(manageTerm),
+                            importedCourses = importedCourses(manageTerm),
                             terms = selectSurroundingTerms(g.current_term),
                             term = manageTerm,
                             cpPreview= session.get('cpPreview',{}),
                             cpPreviewErrors = session.get('cpErrors',[])
-                           )
+                        )
 
 @admin_bp.route("/deleteUploadedFile", methods= ["POST"])
 def removeFromSession():
@@ -452,6 +477,42 @@ def removeFromSession():
 
     return ""
 
+@admin_bp.route('/manageServiceLearning/imported/<courseID>', methods = ['POST', 'GET'])
+@admin_bp.route('/manageServiceLearning/imported/<courseID>', methods = ['POST'])
+def alterImportedCourse(courseID):
+    """
+    This route handles a GET and a POST request for the purpose of imported courses. 
+    The GET request provides preexisting information of an imported course in a modal. 
+    The POST request updates a specific imported course (course name, course abbreviation, 
+    hours earned on completion, list of instructors) in the database with new information 
+    coming from the imported courses modal. 
+    """
+    if request.method == 'GET':
+        try:
+            targetCourse = Course.get_by_id(courseID)
+
+            targetInstructors = CourseInstructor.select().where(CourseInstructor.course == targetCourse)
+            serviceHours = list(CourseParticipant.select().where(CourseParticipant.course_id == targetCourse.id))[0].hoursEarned
+
+            courseData = model_to_dict(targetCourse, recurse=False)
+            courseData['instructors'] = [model_to_dict(instructor.user) for instructor in targetInstructors]
+            courseData["hoursEarned"] = serviceHours
+
+            return jsonify(courseData)
+
+        except DoesNotExist:
+            flash("Course not found")
+            return jsonify({"error": "Course not found"}), 404
+
+    if request.method == 'POST':
+        # Update course information in the database
+        courseData = request.form.copy()
+        editImportedCourses(courseData)
+        session['alterCourseId'] = courseID
+
+    return redirect(url_for("admin.manageServiceLearningCourses", term=courseData['termId']))
+
+
 @admin_bp.route("/manageBonner")
 def manageBonner():
     if not g.current_user.isCeltsAdmin:

app/logic/serviceLearningCourses.py

@@ -115,6 +115,21 @@ def approvedCourses(termId: int) -> List[Course]:
 
     return approvedCourses
 
+def importedCourses(termId: int) -> List[Course]:
+    """
+    Queries the database to get all the necessary information for
+    imported courses.
+    """
+    importedCourses: List[Course] = list(Course.select(Course, Term, CourseStatus, fn.GROUP_CONCAT(" " ,User.firstName, " ", User.lastName).alias('instructors'))
+                                               .join(CourseInstructor, JOIN.LEFT_OUTER)
+                                               .join(User, JOIN.LEFT_OUTER).switch(Course)
+                                               .join(CourseStatus).switch(Course)
+                                               .join(Term)
+                                               .where(Term.id == termId, Course.status == CourseStatus.IMPORTED)
+                                               .group_by(Course, Term, CourseStatus))
+
+    return importedCourses
+
 def getInstructorCourses() -> Dict[User, str]:
     """
     This function queries all of the course instructors and their classes and maps
@@ -251,6 +266,40 @@ def updateCourse(courseData, attachments=None) -> Union[Course, bool]:
             transaction.rollback()
             return False
 
+def editImportedCourses(courseData):
+    """
+        This function will take in courseData for the SLC proposal page and a dictionary
+        of instructors assigned to the imported course after that one is edited 
+        and update the information in the db.
+    """
+
+    with mainDB.atomic() as transaction:
+        try:
+            course = Course.get_by_id(courseData["courseId"])
+
+            Course.update(courseName=courseData["courseName"]).where(Course.id == course.id).execute()
+
+            (CourseParticipant.update(hoursEarned=courseData["hoursEarned"])
+                              .where(CourseParticipant.course_id == course.id).execute())
+
+            instructorList = []
+            CourseInstructor.delete().where(CourseInstructor.course == course).execute() 
+
+            if 'instructor[]' in courseData:
+                instructorList = courseData.getlist('instructor[]') 
+
+                for instructor in instructorList: 
+                    # Checks that empty string is not added as a course instructor because some keys in the dictionary are empty string.
+                    if instructor: 
+                        CourseInstructor.create(course=course, user=instructor)         
+
+            return Course.get_by_id(course.id)
+
+        except Exception as e:
+            print(e)
+            transaction.rollback()
+            return False
+
 ########### Course Actions ###########
 
 def parseUploadedFile(filePath):

app/static/js/instructorTable.js

@@ -0,0 +1,51 @@
+// Instructor manipulation functions
+// -------------------------------------
+
+export function getRowUsername(element) {
+    return $(element).closest("tr").data("username")
+}
+
+export function createNewRow(selectedInstructor) {
+  let instructor = (selectedInstructor["firstName"]+" "+selectedInstructor["lastName"]+" ("+selectedInstructor["email"]+")");
+  let username = selectedInstructor["username"];
+  let phone = selectedInstructor["phoneNumber"];
+  let tableBody = $("#instructorTable").find("tbody");
+
+  if(tableBody.prop('outerHTML').includes(instructor)){
+    msgFlash("Instructor is already added.", "danger");
+    return;
+  }
+  // Create new table row and update necessary attributes
+  let lastRow = tableBody.find("tr:last");
+  let newRow = lastRow.clone();
+
+  let instructorName = newRow.find("td:eq(0) p")
+  instructorName.text(instructor);
+
+  let phoneInput = newRow.find("td:eq(0) input")
+  phoneInput.val(phone);
+  phoneInput.attr("id", "inputPhoneNumber-" +username);
+  $(phoneInput).inputmask('(999)-999-9999');
+
+  let removeButton = newRow.find("td:eq(1) button")
+  let editLink = newRow.find("td:eq(0) a")
+  editLink.attr("id", "editButton-" + username);
+
+  editLink.attr("data-username", username)
+  newRow.prop("hidden", false);
+  lastRow.after(newRow);
+
+  phoneInput.attr("data-value", phone)
+  var edit = "#editButton-" + username
+  var input = "#inputPhoneNumber-" + username
+  if (username){
+    setupPhoneNumber(edit, input)
+  }
+
+  $("#instructorTableNames").append('<input hidden name="instructor[]" value="' + username + '"/>')
+}
+
+export function getCourseInstructors() {
+  // get usernames out of the table rows into an array
+  return $("#instructorTableNames input").map((i,el) => $(el).val())
+}

app/static/js/manageServiceLearningFaculty.js

@@ -1,6 +1,8 @@
+
+
 $(document).ready( function () {
 
-  /******** Faculty Table Management **************/
+  /************** Faculty Table Management **************/
   var table = $('#SLCFacultyTable').DataTable({
    "fnDrawCallback": function(oSettings) {
       $('.dataTables_length').hide();
@@ -37,12 +39,12 @@ $(document).ready( function () {
   });
 
 
-  /******** Preview Events **************/
-  $('#modalPreview button[data-bs-dismiss="modal"]').click(function () {
-    $('#modalPreview').removeClass('show d-block');
+  /************** Preview Events **************/
+  $('#previewImportedCourses button[data-bs-dismiss="modal"]').click(function () {
+    $('#previewImportedCourses').removeClass('show d-block');
   });
 
-  $('#modalSubmit').on('hidden.bs.modal', function () {
+  $('#submitImportedCourses').on('hidden.bs.modal', function () {
     $('#addCourseParticipant').val('');
   })
 
@@ -64,7 +66,7 @@ $(document).ready( function () {
 
   /************** Course Participant Logic **************/
     $("#modalCourseParticipant").on("click", function () {
-      $("#modalSubmit").modal("toggle");
+      $("#submitImportedCourses").modal("toggle");
     });
 
     $('#closeAddCourseParticipants').on('click', function () {