CLASSROOMIO-T-193: Exercise Templates for HTML

CLASSROOMIO-T-193: Convert to single quotes

CLASSROOMIO-T-193: Resolved Feedbacks

landing page improvement

add spacing on mobile for notes in lms

little bug fixes in lms

CLASSROOMIO-T-193: return the array

Simplify template generation

CLASSROOMIO-T-193: Styling improvement

CLASSROOMIO-T-193: Exercise Templates for HTML


Co-authored-by: Rotimi Best <[email protected]>
Co-authored-by: Tunji Adeyemi <[email protected]>


Merge-request: CLASSROOMIO-MR-88
Merged-by: Best Admin <[email protected]>

src/routes/courses/[id]/attendance/+page.svelte

@@ -37,7 +37,7 @@
   }
 
   let students: GroupPerson[] = [];
-  let isStudent: boolean;
+  let isStudent: boolean = false;
   let searchValue = '';
 
   function setAttendance(courseData: CourseData) {
@@ -113,9 +113,9 @@
   }
 
   // function for the searchbar
-  function searchStudents(query: string) {
+  function searchStudents(query: string, _students: GroupPerson[]) {
     const lowercaseQuery = query.toLowerCase();
-    return students.filter((student) =>
+    return _students.filter((student) =>
       student.profile.fullname.toLowerCase().includes(lowercaseQuery)
     );
   }
@@ -138,7 +138,6 @@
   $: students = isStudent
     ? $group.people.filter((person) => !!person.profile && person.profile.id === $profile.id)
     : $group.people.filter((person) => !!person.profile && person.role_id === ROLE.STUDENT);
-  $: console.log(students);
 </script>
 
 <CourseContainer bind:isStudent>
@@ -180,7 +179,7 @@
           </StructuredListRow>
         </StructuredListHead>
 
-        {#each searchStudents(searchValue) as student}
+        {#each searchStudents(searchValue, students) as student}
           <StructuredListBody>
             <StructuredListRow>
               <StructuredListCell>

src/routes/courses/[id]/marks/+page.svelte

@@ -75,11 +75,9 @@
     });
   });
 
-  $: {
-    students = isStudent
-      ? $group.people.filter((person) => !!person.profile && person.profile.id === $profile.id)
-      : $group.people.filter((person) => !!person.profile && person.role_id === ROLE.STUDENT);
-  }
+  $: students = isStudent
+    ? $group.people.filter((person) => !!person.profile && person.profile.id === $profile.id)
+    : $group.people.filter((person) => !!person.profile && person.role_id === ROLE.STUDENT);
 </script>
 
 <CourseContainer bind:isStudent>

src/routes/org/[slug]/settings/+page.svelte

@@ -1,5 +1,6 @@
 <script>
   import OrgSettings from '$lib/components/Org/Settings/index.svelte';
+  import ViewSiteBtn from '$lib/components/Buttons/VisitOrgSite.svelte';
 </script>
 
 <svelte:head>
@@ -10,6 +11,8 @@
   <div class="py-10 px-5">
     <div class="flex items-center justify-between mb-10">
       <h1 class="dark:text-white text-3xl font-bold">Settings</h1>
+
+      <ViewSiteBtn />
     </div>
 
     <OrgSettings />