backend/src/db/seeders/20231127130745-sample-data.js

@@ -43,16 +43,6 @@ const AnalyticsData = [
 
     instructor_performance: 90,
   },
-
-  {
-    // type code here for "relation_one" field
-
-    student_engagement: 70,
-
-    completion_rate: 75,
-
-    instructor_performance: 78,
-  },
 ];
 
 const CoursesData = [
@@ -86,17 +76,6 @@ const CoursesData = [
 
     // type code here for "relation_many" field
   },
-
-  {
-    title: 'Business Management',
-
-    description:
-      'Understand the fundamentals of managing a business effectively.',
-
-    // type code here for "relation_many" field
-
-    // type code here for "relation_many" field
-  },
 ];
 
 const DiscussionBoardsData = [
@@ -123,14 +102,6 @@ const DiscussionBoardsData = [
 
     // type code here for "relation_many" field
   },
-
-  {
-    // type code here for "relation_one" field
-
-    topic: 'Business Strategies',
-
-    // type code here for "relation_many" field
-  },
 ];
 
 const EnrollmentsData = [
@@ -142,14 +113,6 @@ const EnrollmentsData = [
     payment_status: 'Failed',
   },
 
-  {
-    // type code here for "relation_one" field
-
-    // type code here for "relation_one" field
-
-    payment_status: 'Failed',
-  },
-
   {
     // type code here for "relation_one" field
 
@@ -191,14 +154,6 @@ const InstructorsData = [
 
     // type code here for "relation_many" field
   },
-
-  {
-    first_name: 'Michael',
-
-    last_name: 'Johnson',
-
-    // type code here for "relation_many" field
-  },
 ];
 
 const StudentsData = [
@@ -225,14 +180,6 @@ const StudentsData = [
 
     // type code here for "relation_many" field
   },
-
-  {
-    first_name: 'David',
-
-    last_name: 'Williams',
-
-    // type code here for "relation_many" field
-  },
 ];
 
 // Similar logic for "relation_many"
@@ -270,17 +217,6 @@ async function associateAnalyticWithCourse() {
   if (Analytic2?.setCourse) {
     await Analytic2.setCourse(relatedCourse2);
   }
-
-  const relatedCourse3 = await Courses.findOne({
-    offset: Math.floor(Math.random() * (await Courses.count())),
-  });
-  const Analytic3 = await Analytics.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Analytic3?.setCourse) {
-    await Analytic3.setCourse(relatedCourse3);
-  }
 }
 
 // Similar logic for "relation_many"
@@ -320,17 +256,6 @@ async function associateDiscussionBoardWithCourse() {
   if (DiscussionBoard2?.setCourse) {
     await DiscussionBoard2.setCourse(relatedCourse2);
   }
-
-  const relatedCourse3 = await Courses.findOne({
-    offset: Math.floor(Math.random() * (await Courses.count())),
-  });
-  const DiscussionBoard3 = await DiscussionBoards.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (DiscussionBoard3?.setCourse) {
-    await DiscussionBoard3.setCourse(relatedCourse3);
-  }
 }
 
 // Similar logic for "relation_many"
@@ -368,17 +293,6 @@ async function associateEnrollmentWithStudent() {
   if (Enrollment2?.setStudent) {
     await Enrollment2.setStudent(relatedStudent2);
   }
-
-  const relatedStudent3 = await Students.findOne({
-    offset: Math.floor(Math.random() * (await Students.count())),
-  });
-  const Enrollment3 = await Enrollments.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Enrollment3?.setStudent) {
-    await Enrollment3.setStudent(relatedStudent3);
-  }
 }
 
 async function associateEnrollmentWithCourse() {
@@ -414,17 +328,6 @@ async function associateEnrollmentWithCourse() {
   if (Enrollment2?.setCourse) {
     await Enrollment2.setCourse(relatedCourse2);
   }
-
-  const relatedCourse3 = await Courses.findOne({
-    offset: Math.floor(Math.random() * (await Courses.count())),
-  });
-  const Enrollment3 = await Enrollments.findOne({
-    order: [['id', 'ASC']],
-    offset: 3,
-  });
-  if (Enrollment3?.setCourse) {
-    await Enrollment3.setCourse(relatedCourse3);
-  }
 }
 
 // Similar logic for "relation_many"

frontend/src/components/WebPageComponents/Footer.tsx

@@ -20,7 +20,7 @@ export default function WebSiteFooter({
 
   const style = FooterStyle.WITH_PROJECT_NAME;
 
-  const design = FooterDesigns.DEFAULT_DESIGN;
+  const design = FooterDesigns.DESIGN_DIVERSITY;
 
   return (
     <div

frontend/src/components/WebPageComponents/Header.tsx

@@ -21,7 +21,7 @@ export default function WebSiteHeader({
 
   const style = HeaderStyle.PAGES_RIGHT;
 
-  const design = HeaderDesigns.DEFAULT_DESIGN;
+  const design = HeaderDesigns.DESIGN_DIVERSITY;
   return (
     <header id='websiteHeader' className='overflow-hidden'>
       <div

frontend/src/pages/login.tsx

@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-const title = 'Welcome';
+  const title = 'test3';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -191,10 +191,32 @@ const title = 'Welcome';
           <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
             <CardBox id='loginRoles' className='w-full md:w-3/5 lg:w-2/3'>
               <Link href={'/home'}>
-                <h2 className='text-4xl font-semibold my-4'> Welcome</h2>
+                <h2 className='text-4xl font-semibold my-4'> test3</h2>
               </Link>
 
               <div className='flex flex-row text-gray-500 justify-between'>
+                <div>
+                  <p className='mb-2'>
+                    Use{' '}
+                    <code
+                      className={`cursor-pointer ${textColor} `}
+                      onClick={(e) => setLogin(e.target)}
+                    >
+                      admin@flatlogic.com
+                    </code>{' '}
+                    to login as Admin
+                  </p>
+                  <p>
+                    Use{' '}
+                    <code
+                      className={`cursor-pointer ${textColor} `}
+                      onClick={(e) => setLogin(e.target)}
+                    >
+                      client@hello.com
+                    </code>{' '}
+                    to login as User
+                  </p>
+                </div>
                 <div>
                   <BaseIcon
                     className={`${iconsColor}`}
@@ -214,7 +236,26 @@ const title = 'Welcome';
                 onSubmit={(values) => handleSubmit(values)}
               >
                 <Form>
+                  <FormField label='Login' help='Please enter your login'>
+                    <Field name='email' />
+                  </FormField>
 
+                  <FormField label='Password' help='Please enter your password'>
+                    <Field name='password' type='password' />
+                  </FormField>
+
+                  <div className={'flex justify-between'}>
+                    <FormCheckRadio type='checkbox' label='Remember'>
+                      <Field type='checkbox' name='remember' />
+                    </FormCheckRadio>
+
+                    <Link
+                      className={`${textColor} text-blue-600`}
+                      href={'/forgot'}
+                    >
+                      Forgot password?
+                    </Link>
+                  </div>
 
                   <BaseDivider />