\r\n \r\n \r\n import(\"./routes/dashboards\")\r\n )}\r\n />\r\n \r\n import(\"./routes/olevel\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/jamb\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/biodata\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/changepassword\")\r\n )}\r\n />\r\n\r\n\r\n\r\n\r\n \r\n import(\"./routes/usersManagement\")\r\n )}\r\n />\r\n \r\n import(\"./routes/rolesManagement\")\r\n )}\r\n />\r\n \r\n import(\"./routes/schoolManagement\")\r\n )}\r\n />\r\n \r\n import(\"./routes/learnersManagement\")\r\n )}\r\n />\r\n \r\n import(\"./routes/instructorManagement\")\r\n )}\r\n />\r\n \r\n import(\"./routes/classroomReview\")\r\n )}\r\n />\r\n \r\n import(\"./routes/contentReview\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setupConfig\")\r\n )}\r\n />\r\n \r\n import(\"./routes/todo/basic/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/todo/redux/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/mail/basic/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/mail/redux/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/chatPanel/basic/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/chatPanel/redux/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/contact/basic/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/contact/redux/index\")\r\n )}\r\n />\r\n \r\n import(\"app/routes/extraPages/routes/404\")\r\n )}\r\n />\r\n \r\n
\r\n \r\n ,\" Pellentesque ex felis, commodo sed sem a, pharetra semper purus. Curabitur in quam rhoncus, blandit eros tempor, sodales metus. Pellentesque vel luctus ex. Quisque blandit nisl at tincidunt viverra. Phasellus elementum faucibus leo ac molestie.'],\r\n 'time': '1 Dec',\r\n 'read': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'hasAttachments': false,\r\n 'labels': [],\r\n 'selected': false,\r\n 'folder': 0\r\n },\r\n {\r\n 'id': '15438351f87dcd68567',\r\n 'from': {\r\n 'name': 'Jonny Brown',\r\n 'avatar': '',\r\n 'email': 'jonnnybrown@example.com'\r\n },\r\n 'to': [\r\n {\r\n 'name': 'me',\r\n 'email': 'robert.johnson@example.com'\r\n }\r\n ],\r\n 'subject': 'Integer nec tempus eros.',\r\n 'message': 'Vestibulum ornare orci hendrerit elit egestas, nec consectetur mi lobortis. Mauris porttitor dolor in neque aliquam, in sollicitudin enim consequat. Fusce pharetra venenatis fermentum.\\n \\n Maecenas semper nisi quis lectus dictum, vel fermentum purus malesuada. Nunc tincidunt sit amet nunc sit amet eleifend. Sed tellus risus, sagittis id magna in, commodo feugiat risus. Donec commodo pretium dolor non hendrerit. Nullam id leo et quam cursus vestibulum. Ut id aliquet diam, id varius libero. Ut et felis et est eleifend dignissim vitae condimentum ex. Ut a ullamcorper ante, ac laoreet erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.',\r\n 'time': '28 Nov',\r\n 'read': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'hasAttachments': false,\r\n 'labels': [],\r\n 'selected': false,\r\n 'folder': 0\r\n },\r\n {\r\n 'id': '1542d75d929a603125',\r\n 'from': {\r\n 'name': 'Rahim Kadir',\r\n 'avatar': '',\r\n 'email': 'rahimkadir@example.com'\r\n },\r\n 'to': [\r\n {\r\n 'name': 'me',\r\n 'email': 'robert.johnson@example.com'\r\n }\r\n ],\r\n 'subject': 'Praesent tortor odio, laoreet.',\r\n 'message': 'Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed id eros sit amet lorem viverra tincidunt eget id dolor. Morbi egestas bibendum ipsum at efficitur. Suspendisse at mauris justo. Curabitur elementum ante et lacus blandit, quis faucibus lorem pellentesque. Duis et auctor quam, sed lacinia ante. Nam placerat lacus eu mollis lobortis. Sed placerat, ipsum eu vestibulum gravida, magna sapien feugiat felis, non varius leo mauris vitae ligula. Suspendisse tincidunt nec enim eu porttitor.',\r\n 'time': '27 Nov',\r\n 'read': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'hasAttachments': false,\r\n 'labels': [],\r\n 'selected': false,\r\n 'folder': 0\r\n },\r\n {\r\n 'id': '154204e45a59b168453',\r\n 'from': {\r\n 'name': 'Kadir',\r\n 'avatar': 'https://via.placeholder.com/150x150',\r\n 'email': 'kadirm@example.com'\r\n },\r\n 'to': [\r\n {\r\n 'name': 'me',\r\n 'email': 'robert.johnson@example.com'\r\n }\r\n ],\r\n 'subject': 'Many desktop publishing packages',\r\n 'message': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem diam, pulvinar id nisl non, ultrices maximus nibh. Suspendisse ut justo velit. Nullam ac ultrices risus, quis auctor orci. Vestibulum volutpat nisi et neque porta ullamcorper. Maecenas porttitor porta erat ac suscipit. Sed cursus leo ut elementum fringilla. Maecenas semper viverra erat, vel ullamcorper dui efficitur in. Vestibulum placerat imperdiet tellus, et tincidunt eros posuere eget. Proin sit amet facilisis libero. Nulla eget est ut erat aliquet rhoncus. Quisque ac urna vitae dui hendrerit sollicitudin vel id sem. In eget ante sapien. Quisque consequat velit non ante finibus, vel placerat erat ultricies. Aliquam bibendum justo erat, ultrices vehicula dolor elementum a. \\n \\n Mauris eu nisl feugiat ligula molestie eleifend. Aliquam efficitur venenatis velit ac porta. Vivamus vitae pulvinar tellus. Donec odio enim, auctor eget nibh mattis, ultricies dignissim lacus.\\n Phasellus non tincidunt dui. Nulla eu arcu lorem. Donec non hendrerit augue, lobortis sollicitudin odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis sit amet euismod enim, eget vestibulum justo. Fusce a placerat lectus, eget feugiat purus. Cras risus ante, faucibus eget justo commodo, volutpat tempor ante. Donec sit amet leo venenatis, gravida quam sit amet, blandit dui. In quam ante, elementum ut faucibus nec, tristique vitae dui. Praesent vel erat at enim placerat luctus vel ut ipsum. \\n \\n In congue tempor mi, non ornare lectus condimentum at. Aenean libero diam, finibus eget sapien et, tristique fermentum lorem. ',\r\n 'time': '26 Nov',\r\n 'read': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'hasAttachments': false,\r\n 'labels': [],\r\n 'selected': false,\r\n 'folder': 3\r\n },\r\n {\r\n 'id': '1541dd1e05dfc439216',\r\n 'from': {\r\n 'name': 'Stella Johnson',\r\n 'avatar': 'https://via.placeholder.com/150x150',\r\n 'email': 'stella-johnson@example.com'\r\n },\r\n 'to': [\r\n {\r\n 'name': 'me',\r\n 'email': 'robert.johnson@example.com'\r\n }\r\n ],\r\n 'subject': 'Section 1.10.32 of \"de',\r\n 'message': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lorem diam, pulvinar id nisl non, ultrices maximus nibh. Suspendisse ut justo velit. Nullam ac ultrices risus, quis auctor orci. Vestibulum volutpat nisi et neque porta ullamcorper. Maecenas porttitor porta erat ac suscipit. Sed cursus leo ut elementum fringilla. \\n \\n Maecenas semper viverra erat, vel ullamcorper dui efficitur in. Vestibulum placerat imperdiet tellus, et tincidunt eros posuere eget. Proin sit amet facilisis libero. Nulla eget est ut erat aliquet rhoncus. Quisque ac urna vitae dui hendrerit sollicitudin vel id sem. In eget ante sapien. Quisque consequat velit non ante finibus, vel placerat erat ultricies. Aliquam bibendum justo erat, ultrices vehicula dolor elementum a. Mauris eu nisl feugiat ligula molestie eleifend. Aliquam efficitur venenatis velit ac porta. Vivamus vitae pulvinar tellus. Donec odio enim, auctor eget nibh mattis, ultricies dignissim lacus.\\n Phasellus non tincidunt dui. Nulla eu arcu lorem. Donec non hendrerit augue, lobortis sollicitudin odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis sit amet euismod enim, eget vestibulum justo. Fusce a placerat lectus, eget feugiat purus. Cras risus ante, faucibus eget justo commodo, volutpat tempor ante. Donec sit amet leo venenatis, gravida quam sit amet, blandit dui. In quam ante, elementum ut faucibus nec, tristique vitae dui. Praesent vel erat at enim placerat luctus vel ut ipsum. In congue tempor mi, non ornare lectus condimentum at. Aenean libero diam, finibus eget sapien et, tristique fermentum lorem. ',\r\n 'time': '25 Nov',\r\n 'read': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'hasAttachments': false,\r\n 'labels': [],\r\n 'selected': false,\r\n 'folder': 3\r\n }, {\r\n 'id': '1541dd1e05dfc439217',\r\n 'from': {\r\n 'name': 'Steve Smith',\r\n 'avatar': 'https://via.placeholder.com/150x150',\r\n 'email': 'stevesmith@example.com'\r\n },\r\n 'to': [\r\n {\r\n 'name': 'me',\r\n 'email': 'robert.johnson@example.com'\r\n }\r\n ],\r\n 'subject': 'Integer nec tempus eros.',\r\n 'message': 'Curabitur id rutrum ex. Morbi tempus libero eget mauris ultricies venenatis. Curabitur eget pellentesque lorem. Morbi in tempor sem, vel posuere odio. Vivamus sit amet efficitur tortor. Fusce in tortor non lorem blandit eleifend quis eu risus. Donec lobortis ex justo, sed suscipit dolor posuere eget.',\r\n 'time': '24 Nov',\r\n 'read': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'hasAttachments': false,\r\n 'labels': [],\r\n 'selected': false,\r\n 'folder': 3\r\n }\r\n];\r\n","export default [\r\n {\r\n 'id': '561551bd7fe2ff461101c192',\r\n 'user': 1,\r\n 'title': 'Proident tempor est nulla irure ad est',\r\n 'notes': 'Id nulla nulla proident deserunt deserunt proident in quis. Cillum reprehenderit labore id anim laborum.',\r\n 'startDate': 'Wednesday, January 29, 2014 3:17 PM',\r\n 'dueDate': null,\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [1]\r\n },\r\n {\r\n 'id': '561551bd4ac1e7eb77a3a750',\r\n 'user': 0,\r\n 'title': 'Magna quis irure quis ea pariatur laborum',\r\n 'notes': '',\r\n 'startDate': 'Sunday, February 1, 2015 1:30 PM',\r\n 'dueDate': 'Friday, December 30, 2016 10:07 AM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [1, 4]\r\n },\r\n {\r\n 'id': '561551bd917bfec2ddef2d49',\r\n 'user': 2,\r\n 'title': 'Ullamco duis commodo sint ad aliqua aute',\r\n 'notes': 'Sunt laborum enim nostrud ea fugiat cillum mollit aliqua exercitation ad elit.',\r\n 'startDate': 'Friday, April 11, 2014 3:43 AM',\r\n 'dueDate': 'Wednesday, July 26, 2017 11:14 AM',\r\n 'completed': false,\r\n 'starred': true,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [3]\r\n },\r\n {\r\n 'id': '51551bdeeb2fd6877e18c29',\r\n 'user': 3,\r\n 'title': 'Eiusmod non occaecat pariatur Lorem in ex',\r\n 'notes': 'Nostrud anim mollit incididunt qui qui sit commodo duis. Anim amet irure aliquip duis nostrud sit quis fugiat ullamco non dolor labore. Lorem sunt voluptate laboris culpa proident. Aute eiusmod aliqua exercitation irure exercitation qui laboris mollit occaecat eu occaecat fugiat.',\r\n 'startDate': 'Wednesday, May 7, 2014 4:14 AM',\r\n 'dueDate': 'Friday, December 15, 2017 4:01 AM',\r\n 'completed': true,\r\n 'starred': true,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [2]\r\n },\r\n {\r\n 'id': '561551bdf38eae0134ae43d4',\r\n 'user': 2,\r\n 'title': 'Lorem magna cillum consequat consequat mollit',\r\n 'notes': 'Velit ipsum proident ea incididunt et. Consectetur eiusmod laborum voluptate duis occaecat ullamco sint enim proident.',\r\n 'startDate': 'Sunday, August 23, 2015 11:19 PM',\r\n 'dueDate': 'Friday, July 8, 2016 10:49 AM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [5, 4]\r\n },\r\n {\r\n 'id': '561551bd32f1588c814a0ccd',\r\n 'user': 4,\r\n 'title': 'Quis irure cupidatat ad consequat reprehenderit excepteur',\r\n 'notes': 'Esse nisi mollit aliquip mollit aute consequat adipisicing. Do excepteur dolore proident cupidatat pariatur irure consequat incididunt.',\r\n 'startDate': 'Sunday, June 7, 2015 10:49 AM',\r\n 'dueDate': 'Monday, January 9, 2017 8:34 AM',\r\n 'completed': false,\r\n 'starred': true,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [2, 3]\r\n },\r\n {\r\n 'id': '561551bd0bb4b08ca77038ef',\r\n 'user': 5,\r\n 'title': 'Officia voluptate tempor ut mollit ea cillum',\r\n 'notes': 'Deserunt veniam reprehenderit do elit magna ut.',\r\n 'startDate': 'Saturday, October 18, 2014 4:25 AM',\r\n 'dueDate': 'Sunday, August 21, 2016 10:48 PM',\r\n 'completed': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [2, 4]\r\n },\r\n {\r\n 'id': '561551bdf84eec913835ebe5',\r\n 'user': 2,\r\n 'title': 'Sit exercitation cupidatat minim est ipsum excepteur',\r\n 'notes': '',\r\n 'startDate': 'Friday, August 8, 2014 5:45 AM',\r\n 'dueDate': 'Wednesday, June 15, 2016 1:53 PM',\r\n 'completed': true,\r\n 'starred': false,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [1, 3]\r\n },\r\n {\r\n 'id': '561551bd2047cc709af0f670',\r\n 'user': 3,\r\n 'title': 'Sunt fugiat officia nisi minim sunt duis',\r\n 'notes': 'Eiusmod eiusmod sint aliquip exercitation cillum. Magna nulla officia ex consectetur ea ad excepteur in qui.',\r\n 'startDate': 'Monday, July 13, 2015 1:55 PM',\r\n 'dueDate': 'Thursday, March 3, 2016 2:26 PM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [\r\n {\r\n 'id': 5,\r\n 'assignTo': 'mobile',\r\n 'label': 'Mobile',\r\n 'color': '#9C27B0'\r\n }\r\n ]\r\n },\r\n {\r\n 'id': '561551bd73d1a627e97005ce',\r\n 'user': 4,\r\n 'title': 'Non cupidatat enim quis aliquip minim laborum',\r\n 'notes': 'Qui cillum eiusmod nostrud sunt dolore velit nostrud labore voluptate ad dolore. Eu Lorem anim pariatur aliqua. Ullamco ut dolor velit esse occaecat dolore eu cillum commodo qui. Nulla dolor consequat voluptate magna ut commodo magna consectetur non aute proident.',\r\n 'startDate': 'Tuesday, November 11, 2014 6:36 PM',\r\n 'dueDate': 'Tuesday, August 9, 2016 7:18 AM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [2]\r\n },\r\n {\r\n 'id': '561551bd8f7d793ded0a2353',\r\n 'user': 2,\r\n 'title': 'Dolor ex occaecat magna labore laboris qui',\r\n 'notes': 'Incididunt qui excepteur eiusmod elit cillum occaecat voluptate cillum nostrud. Dolor ullamco ullamco eiusmod do sunt adipisicing pariatur. In esse esse labore id reprehenderit sint do. Pariatur culpa dolor tempor qui excepteur duis do anim minim ipsum.',\r\n 'startDate': 'Monday, June 9, 2014 3:15 PM',\r\n 'dueDate': 'Wednesday, October 19, 2016 3:38 PM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [3]\r\n },\r\n {\r\n 'id': '561551bdaa586f72d0be02cc',\r\n 'user': 1,\r\n 'title': 'Ex nisi amet id dolore nostrud esse',\r\n 'notes': '',\r\n 'startDate': 'Thursday, January 15, 2015 6:11 PM',\r\n 'dueDate': 'Sunday, August 20, 2017 10:02 AM',\r\n 'completed': false,\r\n 'starred': true,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [4]\r\n },\r\n {\r\n 'id': '561551bd9f1c2de5b27f537b',\r\n 'user': 4,\r\n 'title': 'In dolor velit labore dolore ex eiusmod',\r\n 'notes': '',\r\n 'startDate': 'Monday, March 10, 2014 12:50 AM',\r\n 'dueDate': 'Thursday, January 26, 2017 3:10 PM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [4]\r\n },\r\n {\r\n 'id': '561551bd26e21bb5e85b35cb',\r\n 'user': 1,\r\n 'title': 'Sunt voluptate aliquip exercitation minim magna sit',\r\n 'notes': '',\r\n 'startDate': 'Tuesday, March 24, 2015 10:54 PM',\r\n 'dueDate': 'Wednesday, August 23, 2017 5:35 PM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [4]\r\n },\r\n {\r\n 'id': '561551bd719860cf0ad2011a',\r\n 'user': 5,\r\n 'title': 'Nisi et ullamco minim ea proident tempor',\r\n 'notes': 'Dolor veniam dolor cillum Lorem magna nisi in occaecat nulla dolor ea eiusmod.',\r\n 'startDate': 'Friday, February 14, 2014 10:03 AM',\r\n 'dueDate': 'Saturday, July 8, 2017 11:54 PM',\r\n 'completed': false,\r\n 'starred': true,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [2, 4]\r\n },\r\n {\r\n 'id': '561551bd49d800c243264a91',\r\n 'user': 3,\r\n 'title': 'Sit ipsum mollit cupidatat adipisicing officia aliquip',\r\n 'notes': '',\r\n 'startDate': 'Wednesday, December 10, 2014 9:25 AM',\r\n 'dueDate': 'Friday, March 25, 2016 12:29 AM',\r\n 'completed': true,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [1]\r\n },\r\n {\r\n 'id': '561551bd061990eaf40fb64f',\r\n 'user': 1,\r\n 'title': 'Amet sunt et quis amet commodo quis',\r\n 'notes': 'Nulla dolore consequat aliqua sint consequat elit qui occaecat et.',\r\n 'startDate': 'Saturday, March 1, 2014 3:59 PM',\r\n 'dueDate': 'Saturday, November 7, 2015 2:00 PM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [1]\r\n },\r\n {\r\n 'id': '561551be81d05fa94711e7f3',\r\n 'user': 2,\r\n 'title': 'Ut eiusmod ex ea eiusmod culpa incididunt',\r\n 'notes': 'Fugiat non incididunt officia ex incididunt occaecat. Voluptate nostrud culpa aliquip mollit incididunt non dolore.',\r\n 'startDate': 'Monday, February 2, 2015 3:07 PM',\r\n 'dueDate': 'Saturday, October 14, 2017 6:57 AM',\r\n 'completed': false,\r\n 'starred': false,\r\n 'important': false,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [2]\r\n },\r\n {\r\n 'id': '561551be05c093a80e0c8d05',\r\n 'user': 3,\r\n 'title': 'Proident reprehenderit laboris pariatur ut et nisi',\r\n 'notes': 'Reprehenderit proident ut ad cillum quis velit quis aliqua ut aliquip tempor ullamco.',\r\n 'startDate': 'Sunday, June 14, 2015 4:40 AM',\r\n 'dueDate': 'Wednesday, February 10, 2016 10:47 AM',\r\n 'completed': true,\r\n 'starred': true,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': false,\r\n 'labels': [5]\r\n },\r\n {\r\n 'id': '561551be3bb43a5bd431c2fc',\r\n 'user': 4,\r\n 'title': 'Aliqua aliquip aliquip aliquip et exercitation aute',\r\n 'notes': 'Adipisicing Lorem tempor ex anim. Labore tempor laboris nostrud dolore voluptate ullamco. Fugiat ex deserunt anim minim esse velit laboris aute ea duis incididunt. Elit irure id Lorem incididunt laborum aliquip consectetur est irure sunt. Ut labore anim nisi aliqua tempor laborum nulla cillum. Duis irure consequat cillum magna cillum eiusmod ut. Et exercitation voluptate quis deserunt elit quis dolor deserunt ex ex esse ex.',\r\n 'startDate': 'Saturday, May 3, 2014 1:32 AM',\r\n 'dueDate': 'Monday, September 12, 2016 9:16 PM',\r\n 'completed': true,\r\n 'starred': false,\r\n 'important': true,\r\n 'selected': false,\r\n 'deleted': true,\r\n 'labels': [3]\r\n }\r\n]","import React from 'react';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nclass CardMenu extends React.Component {\r\n\r\n render() {\r\n\r\n const options = [\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nTabContainer.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n dir: PropTypes.string.isRequired,\r\n};\r\n\r\nclass UserInfo extends React.Component {\r\n state = {\r\n anchorEl: null,\r\n open: false,\r\n passport: \"\",\r\n passportData: \"data:image/jpeg;base64,\",\r\n applicant: this.props.authUser,\r\n olevel: [],\r\n applicationFormDrawer: false,\r\n };\r\n\r\n\r\n toggleDrawer = (side, open) => () => {\r\n this.setState({\r\n [side]: open,\r\n });\r\n };\r\n\r\n handleClick = (event) => {\r\n this.setState({ open: true, anchorEl: event.currentTarget });\r\n };\r\n\r\n handleRequestClose = () => {\r\n this.setState({ open: false });\r\n };\r\n\r\n makeShiftLogOut = async () => {\r\n localStorage.removeItem(\"http://localhost:state\");\r\n return setTimeout(() => {\r\n location.href = \"http://localhost:3000/portal/alumni\";\r\n // location.href = \"https://umcatc-portal-dev.azurewebsites.net/portal/\";\r\n location.reload();\r\n }, 2000);\r\n };\r\n\r\n getPassport = () => {\r\n if (this.props.userMode === \"Admin\") {\r\n if (this.props?.user?.Passport == null) {\r\n return this.props?.user?.LastName.charAt(0);\r\n }\r\n } else {\r\n if (this.props?.user?.Passport == null) {\r\n return (\r\n this.props?.user?.LastName.charAt(0) +\r\n this.props?.user?.FirstName.charAt(0)\r\n );\r\n }\r\n }\r\n };\r\n\r\n showPassport = () => {\r\n if (this.props.userMode === \"Admin\") {\r\n return this.props?.user?.Passport;\r\n } else {\r\n if (this.props.userMode === \"student\") {\r\n return `${this.props?.user?.Passport}`;\r\n // return `data:image/jpg;base64, ${this.props?.user?.Passport}`;\r\n } else {\r\n return `${this.props?.user?.Passport}`;\r\n // return `data:image/jpg;base64, ${this.props?.user?.Passport}`;\r\n }\r\n }\r\n };\r\n\r\n async componentDidMount() {\r\n try {\r\n console.log(this.props)\r\n\r\n const { userMode } = this.props;\r\n if (userMode == \"Applicant\") {\r\n this.applicantOlevel();\r\n }\r\n } catch (error) {\r\n NotificationManager.error(\"An error occurred.\");\r\n console.log(\"e\", error);\r\n }\r\n }\r\n // This function is to get and set the applicant Olevel data\r\n applicantOlevel = async () => {\r\n try {\r\n const { token, ApplicantID } = this.props.authUser;\r\n const response = await fetchJSON(\r\n `api/OResults/NewhasOlevelResult?applicantId=${ApplicantID}`,\r\n null,\r\n \"GET\",\r\n token\r\n );\r\n if (response.Status === \"Ok\") {\r\n this.setState({\r\n olevel: response.Data,\r\n });\r\n } else {\r\n NotificationManager.error(response.Message);\r\n }\r\n } catch (error) {\r\n NotificationManager.error(\"An error occurred.\");\r\n }\r\n };\r\n\r\n // This function is used to display the appliant form for usermode of applicant\r\n ApplicantForm = () => {\r\n const { applicant, olevel } = this.state;\r\n // Function to handle DOB value\r\n const handleDobValue = (DateOfBirth) => {\r\n const myDate = new Date(DateOfBirth);\r\n const dayOfMonth = myDate.getDate();\r\n const month = myDate.getMonth();\r\n const year = myDate.getFullYear();\r\n if (myDate !== \"\") {\r\n return year + \"-\" + pad(month + 1) + \"-\" + pad(dayOfMonth);\r\n }\r\n };\r\n\r\n const pad = (n) => {\r\n return n < 10 ? \"0\" + n : n;\r\n };\r\n return (\r\n <>\r\n \r\n \r\n \r\n\r\n {/* Details Section */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n UMCA Theological College\r\n
\r\n\r\n
\r\n\r\n {/* Olevel Section */}\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n APPLICATION FORM\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n BASIC DETAILS\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Application Number\r\n
\r\n {applicant.ApplicantNumber}\r\n\r\n
\r\n \r\n Admission Level\r\n
\r\n {applicant.Applicant.LevelName}\r\n\r\n
\r\n \r\n Program Category\r\n
\r\n {applicant.Applicant.CategoryName}\r\n\r\n
\r\n Program
\r\n {applicant.Applicant.DepartmentName}\r\n\r\n
\r\n
\r\n Passport
\r\n\r\n
\r\n \r\n
\r\n First Name
\r\n {applicant.FirstName}\r\n\r\n
\r\n Other Name
\r\n {applicant.OtherName}\r\n\r\n
\r\n Last Name
\r\n {applicant.LastName}\r\n\r\n Email
\r\n {applicant.Email}\r\n
\r\n \r\n
\r\n Date of Birth
\r\n {handleDobValue(applicant.DateOfBirth)}\r\n\r\n
\r\n Gender
\r\n {applicant.Gender}\r\n\r\n
\r\n Phone Number
\r\n {applicant.PhoneNumber}\r\n\r\n
\r\n Marital Status
\r\n {applicant.Applicant.MaritalStatusName}\r\n\r\n
\r\n Address
\r\n {applicant.Address}\r\n\r\n
\r\n Country
\r\n {applicant.Applicant.CountryName}\r\n\r\n
\r\n State
\r\n {applicant.Applicant.StateName}\r\n\r\n
\r\n LGA
\r\n {applicant.Applicant.LGAName}\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n APPLICANT O'LEVEL\r\n \r\n
\r\n | Type | \r\nSubject | \r\nGrade | \r\n
|---|---|---|
| {o.OLevelTypeName} | \r\n{o.OLevelSubjectName} | \r\n{o.GradeName} | \r\n
\r\n {`${this.props?.user?.LastName} ${this.props?.user?.FirstName}`}\r\n \r\n
\r\n\r\n {/* {this.props?.user?.RoleName == undefined\r\n ? (userMode == \"Staff\"\r\n ? \"Global Admin\"\r\n : (userMode == \"Student\"\r\n ? \"Student\"\r\n : (authUser.AdmModeId === 1\r\n ? \"Applicant - HND\"\r\n : \"Applicant - ND\")))\r\n : this.props?.user?.RoleName} */}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n = 1200 ? \"calc(100vh - 265px)\" : \"calc(100vh - 245px)\",\r\n }}\r\n >\r\n
\r\n }\r\n >\r\n Filter By Date
\r\n\r\n
\r\n \r\n this.handleDateChange('startDate', e)}\r\n />\r\n
\r\n Start Date
\r\n\r\n this.handleDateChange('endDate', e)}\r\n />\r\n
\r\n End Date
\r\n\r\n \r\n
\r\n \r\n \r\n {acceptance == 4 ? (\r\n <>\r\n \r\n \r\n Congratulations, {authUser.LastName}{\" \"}\r\n {authUser.FirstName}!!! You admission has been finalized\r\n successfully!\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n\r\n {/* === === === Start of Admission Documents Table === === === */}\r\n \r\n rowData.tableData.id + 1,\r\n },\r\n {\r\n title: \"Document Name\",\r\n field: \"formName\",\r\n render: (rowData) => {\r\n return {rowData.formName};\r\n },\r\n },\r\n {\r\n title: \"Description\",\r\n field: \"formDescription\",\r\n },\r\n ]}\r\n data={downloadDoc}\r\n actions={[\r\n {\r\n icon: () => \r\n Download\r\n \r\n ),\r\n rowData.formUrl == \"\"\r\n ? this.setState({\r\n admissionLetterDrawer: true,\r\n })\r\n : this.download(rowData)\r\n );\r\n },\r\n },\r\n ]}\r\n options={{\r\n toolbar: false,\r\n actionsColumnIndex: -1,\r\n\r\n pageSize: 5,\r\n padding: \"dense\",\r\n headerStyle: {\r\n fontSize: \"13px\",\r\n backgroundColor: \"#ccc\",\r\n borderBottomColor: \"#111\",\r\n paddingTop: \"5px\",\r\n paddingBottom: \"5px\",\r\n },\r\n paging: false,\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n ) : acceptance == 3 ? (\r\n <>\r\n \r\n \r\n Congratulations, {authUser.LastName}{\" \"}\r\n {authUser.FirstName}!!! You have been admitted into{\" \"}\r\n {authUser.Applicant.DepartmentName}\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n ...pending acceptance fee payment{\" \"}\r\n \r\n \r\n \r\n ) : (RegComplete && acceptance < 3) ? (\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n \r\n ) : IsDocUpload ? (\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n {\r\n this.setState({ warning: true });\r\n }}\r\n >\r\n Complete Registration\r\n \r\n \r\n \r\n ) : IsBiodataSaved && IsOlevelSaved ? (\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n ) : IsBiodataSaved ? (\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n ) : (\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n \r\n )}\r\n {/* === === === Start of Admission Status Stepper based on registration stages === === === */}\r\n \r\n \r\n
\r\n \r\n \r\n = 1200\r\n ? \"calc(100vh - 265px)\"\r\n : \"calc(100vh - 245px)\",\r\n }}\r\n >\r\n
\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Hello {authUser.LastName} {authUser.FirstName}\r\n
\r\n\r\n Kindly complete acceptance fee payment to avoid\r\n revocation of admission
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Hello {authUser.LastName} {authUser.FirstName}\r\n
\r\n\r\n Your application is being reviewed!\r\n
\r\n\r\n \r\n \r\n {steps.map((label, index) => (\r\n \r\n {label}\r\n \r\n ))}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TranscriptProgressBar;\r\n","import React, { Suspense, lazy, createContext } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { fetchJSON } from \"helpers/axios\";\r\nimport axios from \"axios\";\r\nimport ContainerHeader from \"components/ContainerHeader/index\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport {\r\n Row,\r\n Col,\r\n Card,\r\n CardBody,\r\n Button,\r\n Alert,\r\n Progress,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n} from \"reactstrap\";\r\nimport { FaTimes, FaSpinner } from \"react-icons/fa\";\r\nimport Widget from \"components/Widget/index\";\r\nimport MaterialTable from \"material-table\";\r\nimport { tableIcons } from \"../../../constants/Icons\";\r\nimport SweetAlert from \"react-bootstrap-sweetalert\";\r\nimport { regStatus, userSignOut } from \"actions/Auth\";\r\nimport html2canvas from \"html2canvas\";\r\nimport GenericPdfDownloader from \"./downloadPDF\";\r\nimport { Slide, Fade } from \"react-reveal\"; // Use react-reveal for animations\r\nimport TranscriptProgressBar from \"./transcriptProgressBar\";\r\n// const TranscriptProgressBar = lazy(() => import(\"./transcriptProgressBar\"));\r\n\r\nconst AdmissionLetter = lazy(() => import(\"./letter\"));\r\n\r\nwindow.html2canvas = html2canvas;\r\n\r\nconst DashboardContext = createContext();\r\n\r\nconst ProgressSteps = {\r\n TranscriptRequestReceived: 1,\r\n StudentIdentityVerified: 2,\r\n AcademicRecordsCompiled: 3,\r\n TranscriptVerifedProofread: 4,\r\n NecessarySignaturesObtained: 5,\r\n InstitutionalSealApplied: 6,\r\n DigitalAndPrintedCopyPrepared: 7,\r\n TranscriptSent: 8,\r\n TranscriptDelivered: 9,\r\n};\r\n\r\nclass Dashboard extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n currentStep: 0,\r\n loader: true,\r\n pwdDialog: false,\r\n status: false,\r\n activeStep: 0,\r\n IsOlevelSaved: false,\r\n IsBiodataSaved: false,\r\n RegComplete: false,\r\n Admitted: false,\r\n warning: false,\r\n acceptance: 0,\r\n IsPasswdChgd: false,\r\n AdmissionStatus: false,\r\n IsDocUpload: false,\r\n admissionLetterDrawer: false,\r\n paymentDialog: false,\r\n remitaResponse: null,\r\n bioData: [],\r\n deptMent: [],\r\n programes: [],\r\n downloadDoc: [\r\n {\r\n fileExt: \"\",\r\n formId: 1,\r\n formUrl: \"\",\r\n levelIds: null,\r\n formName: \"Provisional Admission Letter\",\r\n departmentIds: null,\r\n formDescription: \"View Letter showing Provisional Admission Details\",\r\n },\r\n ],\r\n applicantData: [],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n try {\r\n await this.loadContent();\r\n } catch (error) {\r\n NotificationManager.error(\"An error occurred during initialization.\");\r\n }\r\n }\r\n\r\n departments = async (programId) => {\r\n try {\r\n const { matricNumber } = this.props;\r\n const response = await fetchJSON(\r\n `api/GetDepartmentByProgramTypeId?programId=${programId}`,\r\n null,\r\n \"GET\"\r\n );\r\n\r\n if (response) {\r\n this.setState({\r\n programes: response.Data,\r\n loader: false,\r\n });\r\n } else {\r\n NotificationManager.error(\"Failed to fetch progress data\");\r\n this.setState({ loader: false });\r\n }\r\n } catch (error) {\r\n console.error(\"Error fetching progress data:\", error);\r\n this.setState({ loader: false });\r\n NotificationManager.error(\r\n \"An error occurred while fetching progress data\"\r\n );\r\n }\r\n };\r\n loadContent = async () => {\r\n try {\r\n const { matricNumber } = this.props;\r\n const response = await fetchJSON(\r\n `api/GetProgressSteps?matricNo=${matricNumber}`,\r\n null,\r\n \"PUT\"\r\n );\r\n const responseBioData = await fetchJSON(\r\n `api/GetBasicBiodataInfo?matricNo=${matricNumber}`,\r\n null,\r\n \"GET\"\r\n );\r\n const responsedept = await fetchJSON(`api/GetProgramTypes`, null, \"GET\");\r\n this.setState({\r\n currentStep: response,\r\n bioData: responseBioData?.Data,\r\n deptMent: responsedept?.Data,\r\n loader: false,\r\n });\r\n this.setState({ loader: false });\r\n } catch (error) {\r\n console.error(\"Error fetching progress data/info:\", error);\r\n this.setState({ loader: false });\r\n NotificationManager.error(\r\n \"An error occurred while fetching progress data\"\r\n );\r\n }\r\n };\r\n\r\n render() {\r\n const { Provider } = DashboardContext;\r\n const { match, width, authUser, matricNumber } = this.props;\r\n const { loader, currentStep, bioData } = this.state;\r\n\r\n const steps = [\r\n \"Request Received\",\r\n \"Identity Verified\",\r\n \"Records Compiled\",\r\n \"Verified & Proofread\",\r\n \"Signatures Obtained\",\r\n \"Seal Applied\",\r\n \"Copies Prepared\",\r\n \"Transcript Sent\",\r\n \"Delivered\",\r\n ];\r\n\r\n return (\r\n \r\n = 1200\r\n ? \"calc(100vh - 265px)\"\r\n : \"calc(100vh - 245px)\",\r\n }}\r\n >\r\n
\r\n }\r\n >\r\n Last Session
\r\n2024/2025
\r\nProgram Type
\r\n{bioData?.Program}
\r\nMatric Number
\r\n{matricNumber}
\r\nProgram
\r\n{bioData?.DepartmentName}
\r\n{bioData?.Email}
\r\n\r\n
\r\n )\r\n};\r\nexport default SearchBox;\r\n\r\nSearchBox.defaultProps = {\r\n styleName: \"\",\r\n value: \"\",\r\n};","import React from 'react';\r\nimport IconButton from '@material-ui/core/IconButton'\r\nimport CardMenu from '../CardMenu';\r\n\r\nclass CardHeader extends React.Component {\r\n\r\n\r\n onOptionMenuSelect = event => {\r\n this.setState({menuState: true, anchorEl: event.currentTarget});\r\n };\r\n handleRequestClose = () => {\r\n this.setState({menuState: false});\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.state = {\r\n anchorEl: undefined,\r\n menuState: false,\r\n }\r\n }\r\n\r\n render() {\r\n const {heading, subHeading} = this.props;\r\n let {styleName} = this.props;\r\n const {anchorEl, menuState} = this.state;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default CardHeader;\r\nCardHeader.defaultProps = {\r\n styleName: '',\r\n subHeading: ''\r\n};\r\n\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\n// import 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './custom.scss';\r\n\r\n\r\n\r\nconst rootEl = document.getElementById('app-site');\r\n\r\n// Create a reusable render method that we can call more than once\r\nlet render = () => {\r\n // Dynamically import our main App component, and render it\r\n const MainApp = require('./MainApp').default;\r\n ReactDOM.render(\r\n \r\n
\r\n\r\n {heading}
\r\n {subHeading &&{subHeading}
}\r\n\r\n \r\n\r\n {\r\n hasResult ?\r\n <>\r\n \r\n \r\n \r\n ({ value: examType.OLevelTypeID, label: examType.OLevelTypeName }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('examType', e)}\r\n >\r\n \r\n \r\n ({ value: examYear, label: examYear }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('examYear', e)}\r\n >\r\n \r\n \r\n this.HandleChange('examNumber', e)}\r\n />\r\n \r\n ({ value: subject.OLevelSubjectID, label: subject.OLevelSubjectName }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('subject', e)}\r\n >\r\n \r\n \r\n ({ value: grade.OLevelGradeID, label: grade.GradeName }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('grade', e)}\r\n >\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n }\r\n \r\n rowData.tableData.id + 1\r\n },\r\n {\r\n title: 'Exam Type',\r\n render: rowData => this.showExamType(rowData.OLevelTypeID)\r\n },\r\n { title: 'Exam Year', field: 'ExamYear' },\r\n { title: 'Exam Number', field: 'ExamNumber' },\r\n {\r\n title: 'Subject',\r\n render: rowData => this.showSubject(rowData.OLevelSubjectID)\r\n },\r\n {\r\n title: 'Exam Grade',\r\n render: rowData => this.showGrade(rowData.OLevelGradeID)\r\n },\r\n ]}\r\n data={results}\r\n actions={[\r\n {\r\n icon: () => \r\n \r\n \r\n ({ value: examType.OLevelTypeID, label: examType.OLevelTypeName }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('examType', e)}\r\n >\r\n \r\n \r\n ({ value: examYear, label: examYear }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('examYear', e)}\r\n >\r\n \r\n \r\n this.HandleChange('examNumber', e)}\r\n />\r\n \r\n ({ value: subject.OLevelSubjectID, label: subject.OLevelSubjectName }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('subject', e)}\r\n >\r\n \r\n \r\n ({ value: grade.OLevelGradeID, label: grade.GradeName }))\r\n }\r\n name=\"examTypeId\"\r\n onChange={(e) => this.HandleChange('grade', e)}\r\n >\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n {\r\n results.length > 0 &&\r\n \r\n rowData.tableData.id + 1\r\n },\r\n {\r\n title: 'Exam Type',\r\n render: rowData => this.showExamType(rowData.OLevelTypeID)\r\n },\r\n { title: 'Exam Year', field: 'ExamYear' },\r\n { title: 'Exam Number', field: 'ExamNumber' },\r\n {\r\n title: 'Subject',\r\n render: rowData => this.showSubject(rowData.OLevelSubjectID)\r\n },\r\n {\r\n title: 'Exam Grade',\r\n render: rowData => this.showGrade(rowData.OLevelGradeID)\r\n },\r\n ]}\r\n data={results}\r\n actions={[\r\n {\r\n icon: () =>
\r\n }\r\n\r\n \r\n }\r\n \r\n \r\n\r\n
\r\n \r\n = 1200 ? \"calc(100vh - 265px)\" : \"calc(100vh - 245px)\",\r\n }}\r\n >\r\n
\r\n }\r\n >\r\n Add O'level Result
\r\nExamination Type
\r\nExamination Year
\r\nExamination Number
\r\nSubject
\r\nGrade
\r\nAdd O'level Result
\r\nExamination Type
\r\nExamination Year
\r\nExamination Number
\r\nSubject
\r\nGrade
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Menu);","import React from 'react';\r\nimport {connect} from 'react-redux'\r\nimport {userSignOut} from 'actions/Auth';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nclass UserInfoPopup extends React.Component {\r\n render() {\r\n return (\r\n - \r\n\r\n
- \r\n
\r\n - \r\n\r\n
- \r\n \r\n \r\n \r\n
\r\n \r\n \r\n- \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n \r\n
\r\n \r\n \r\n- \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n- \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n - \r\n
\r\n\r\n - \r\n \r\n \r\n \r\n
- \r\n
\r\n\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n - \r\n\r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
- \r\n\r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
\r\n\r\n - \r\n \r\n \r\n
- \r\n
\r\n\r\n - \r\n\r\n
- \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n \r\n\r\n
\r\n\r\n - \r\n
- \r\n
\r\n - \r\n\r\n
- \r\n \r\n \r\n
\r\n \r\n\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n - \r\n\r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n \r\n
\r\n \r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n\r\n \r\n - \r\n
\r\n \r\n \r\n - \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n
\r\n\r\n - \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n // console.log(\"Try to logoput\");\r\n this.props.userSignOut()\r\n }}>\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, {userSignOut})(UserInfoPopup);\r\n\r\n\r\n","import React from \"react\";\r\nimport { Link, withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { Dropdown, DropdownMenu, DropdownToggle } from \"reactstrap\";\r\nimport {\r\n BELOW_THE_HEADER,\r\n COLLAPSED_DRAWER,\r\n FIXED_DRAWER,\r\n HORIZONTAL_NAVIGATION,\r\n INSIDE_THE_HEADER,\r\n} from \"constants/ActionTypes\";\r\nimport SearchBox from \"components/SearchBox\";\r\nimport MailNotification from \"../MailNotification/index\";\r\nimport AppNotification from \"../AppNotification/index\";\r\nimport CardHeader from \"components/dashboard/Common/CardHeader/index\";\r\nimport { switchLanguage, toggleCollapsedNav } from \"actions/Setting\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport LanguageSwitcher from \"components/LanguageSwitcher/index\";\r\nimport Menu from \"components/TopNav/Menu\";\r\nimport UserInfoPopup from \"components/UserInfo/UserInfoPopup\";\r\nimport LuminateLogo from \"../../assets/images/logo.png\";\r\nimport Brightness3Icon from \"@material-ui/icons/Brightness3\";\r\nimport Brightness7Icon from \"@material-ui/icons/Brightness7\";\r\nimport { setDarkTheme } from \"../../actions/index\";\r\n\r\nclass Header extends React.Component {\r\n onAppNotificationSelect = () => {\r\n this.setState({\r\n appNotification: !this.state.appNotification,\r\n });\r\n };\r\n onMailNotificationSelect = () => {\r\n this.setState({\r\n mailNotification: !this.state.mailNotification,\r\n });\r\n };\r\n onLangSwitcherSelect = (event) => {\r\n this.setState({\r\n langSwitcher: !this.state.langSwitcher,\r\n anchorEl: event.currentTarget,\r\n });\r\n };\r\n onSearchBoxSelect = () => {\r\n this.setState({\r\n searchBox: !this.state.searchBox,\r\n });\r\n };\r\n onAppsSelect = () => {\r\n this.setState({\r\n apps: !this.state.apps,\r\n });\r\n };\r\n onUserInfoSelect = () => {\r\n this.setState({\r\n userInfo: !this.state.userInfo,\r\n });\r\n };\r\n handleDarkTheme = () => {\r\n this.props.setDarkTheme();\r\n const body = document.body.classList;\r\n body.toggle(this.props.themeColor);\r\n body.toggle(\"dark-theme\");\r\n };\r\n handleRequestClose = () => {\r\n this.setState({\r\n langSwitcher: false,\r\n userInfo: false,\r\n mailNotification: false,\r\n appNotification: false,\r\n searchBox: false,\r\n apps: false,\r\n });\r\n };\r\n onToggleCollapsedNav = (e) => {\r\n const val = !this.props.navCollapsed;\r\n this.props.toggleCollapsedNav(val);\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.state = {\r\n anchorEl: undefined,\r\n searchBox: false,\r\n searchText: \"\",\r\n mailNotification: false,\r\n userInfo: false,\r\n langSwitcher: false,\r\n appNotification: false,\r\n };\r\n }\r\n\r\n updateSearchText(evt) {\r\n this.setState({\r\n searchText: evt.target.value,\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n document.body.classList.add(this.props.themeColor);\r\n }\r\n\r\n Apps = () => {\r\n return (\r\n \r\n ![\"User\"/](\"https://via.placeholder.com/150x150\"\r\n)
\r\n
\r\n \r\n \r\n \r\n
\r\n Chris Harris
\r\n Administrator\r\n- \r\n
- \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n - \r\n \r\n \r\n Add New\r\n \r\n \r\n
- \r\n {/*
- \r\n
\r\n {this.Apps()}\r\n \r\n \r\n */}\r\n {/* - \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n */}\r\n {/* - \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n\r\n\r\n */}\r\n {/* - \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n}/>\r\n \r\n */}\r\n - \r\n {/*
- \r\n
\r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n}/>\r\n \r\n */}\r\n\r\n {navigationStyle === HORIZONTAL_NAVIGATION && (\r\n - \r\n
\r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n )}\r\n
- \r\n
- \r\n
\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n O'Level\r\n \r\n \r\n \r\n {/* - \r\n
\r\n \r\n \r\n Jamb\r\n \r\n \r\n */}\r\n\r\n - \r\n
\r\n \r\n \r\n Bio-Data\r\n \r\n \r\n \r\n\r\n - \r\n
\r\n \r\n \r\n Change Password\r\n \r\n \r\n \r\n\r\n
- \r\n
- \r\n
\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n Bio-Data\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n O'Level\r\n \r\n \r\n\r\n {user.RegComplete ? (\r\n - \r\n \r\n
- \r\n
- \r\n
\r\n {/* */}\r\n Application Documents\r\n \r\n \r\n - \r\n
\r\n {/* */}\r\n Admission Documents\r\n \r\n \r\n
\r\n ) : (\r\n - \r\n
- \r\n
\r\n \r\n Upload Documents\r\n \r\n \r\n )}\r\n\r\n - \r\n
\r\n \r\n Referee\r\n \r\n \r\n \r\n - \r\n
\r\n \r\n Payment History\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n Change Password\r\n \r\n \r\n
- \r\n
- \r\n
\r\n \r\n\r\n - \r\n
\r\n \r\n Home\r\n \r\n \r\n\r\n {Object.keys(result).map((key) => {\r\n {\r\n {\r\n /* const randomColor = Math.floor(Math.random()*16777215).toString(16); */\r\n }\r\n }\r\n return (\r\n - \r\n \r\n
- \r\n {result[key].map((dataItem, k) => {\r\n {\r\n }\r\n return (\r\n
- \r\n
\r\n );\r\n })}\r\n\r\n {/* - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n Roles\r\n \r\n \r\n - \r\n
- \r\n
\r\n Audit Trail\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n School Information\r\n \r\n \r\n - \r\n
\r\n School Settings\r\n \r\n \r\n - \r\n
\r\n Manage Semesters\r\n \r\n \r\n - \r\n
\r\n Manage Levels\r\n \r\n \r\n - \r\n
\r\n Manage Class of Degree\r\n \r\n \r\n - \r\n
\r\n Manage Score Grades\r\n \r\n \r\n - \r\n
- \r\n
\r\n Manage Grades\r\n \r\n \r\n - \r\n
\r\n Manage Colleges\r\n \r\n \r\n - \r\n
\r\n Manage Departments\r\n \r\n \r\n - \r\n
\r\n Manage School Units\r\n \r\n \r\n - \r\n
- \r\n
- \r\n
\r\n Manage Payments\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
- \r\n
- \r\n
*/}\r\n {/* \r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n Student\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n Staffs\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n \r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n Approve Applications\r\n \r\n \r\n - \r\n
\r\n Verify Applications\r\n \r\n \r\n - \r\n
\r\n Confirm Applications\r\n \r\n \r\n - \r\n
\r\n Rejected List\r\n \r\n \r\n - \r\n
- \r\n
- \r\n
\r\n Admission Session\r\n \r\n *\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n Export Admitted\r\n \r\n \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n\r\n - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n\r\n - \r\n
- \r\n \r\n
- \r\n
- \r\n
\r\n Courses\r\n \r\n \r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n\r\n \r\n\r\n {/* - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n \r\n \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n \r\n \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n \r\n \r\n
- \r\n \r\n \r\n
\r\n
\r\n
*/}\r\n - \r\n
\r\n \r\n Change Password\r\n \r\n \r\n
- \r\n
- \r\n
\r\n \r\n - \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n - \r\n
\r\n \r\n Profile\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n Payments\r\n \r\n \r\n\r\n {Object.keys(result).map((key) => {\r\n {\r\n {\r\n /* const randomColor = Math.floor(Math.random()*16777215).toString(16); */\r\n }\r\n }\r\n return (\r\n - \r\n \r\n
- \r\n {result[key].map((dataItem, k) => {\r\n {\r\n }\r\n return (\r\n
- \r\n
\r\n );\r\n })}\r\n\r\n {/* =============Ignore below */}\r\n {/* - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n Make Payment\r\n \r\n \r\n - \r\n
\r\n Payment History\r\n \r\n \r\n
*/}\r\n {/* ====== Ignore above*/}\r\n\r\n {/* - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
\r\n Document download\r\n \r\n \r\n - \r\n
\r\n Document Upload\r\n \r\n \r\n
*/}\r\n\r\n {/* #region Courses*/}\r\n {/* - \r\n
- \r\n \r\n\r\n
- \r\n
- \r\n
*/}\r\n {/* #endregion */}\r\n\r\n {/* - \r\n
- \r\n
\r\n \r\n Time Table\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n Learn Now\r\n \r\n \r\n\r\n\r\n - \r\n \r\n\r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n\r\n - \r\n
- \r\n
\r\n \r\n\r\n \r\n Assignments\r\n \r\n */}\r\n {/* - \r\n
\r\n \r\n Transcript\r\n \r\n */}\r\n - \r\n
\r\n \r\n Change Password\r\n \r\n \r\n
- \r\n
- \r\n
\r\n \r\n\r\n - \r\n
\r\n \r\n Dashboard\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n Transcript\r\n \r\n \r\n\r\n - \r\n
\r\n \r\n Payment History\r\n \r\n \r\n {/* To show when ready */}\r\n {/* - \r\n
\r\n \r\n Change Password\r\n \r\n */}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, auth }) => {\r\n const { navCollapsed, drawerType, width, navigationStyle } = settings;\r\n const { pages, authUser, studentPages } = auth;\r\n return { navCollapsed, drawerType, width, navigationStyle, pages, studentPages };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, { toggleCollapsedNav, updateWindowWidth })(withStyles(styles)(SideNav)));\r\n","import React from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport IntlMessages from 'util/IntlMessages';\r\n\r\nconst Footer = () => {\r\n return (\r\n \r\n );\r\n }\r\n;\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst Dashboard = ({match}) => {\r\n return \r\n \r\n \r\n import('./routes/CRM'))}/>\r\n import('./routes/Listing'))}/>\r\n import('./routes/Crypto'))}/>\r\n import('./routes/ECommerce'))}/>\r\n import('./routes/News'))}/>\r\n import('./routes/Intranet'))}/>\r\n import('./routes/Misc'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n};\r\n\r\nexport default Dashboard;","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst Dashboard = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/Classic'))}/>\r\n import('./routes/Modern'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Dashboard;","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst Dashboard = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/Classic'))}/>\r\n import('./routes/Modern'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Dashboard;","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\n\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Components = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/alert'))}/>\r\n import('./routes/appbar'))}/>\r\n import('./routes/autoComplete'))}/>\r\n import('./routes/avatar'))}/>\r\n import('./routes/badges'))}/>\r\n import('./routes/bottomNavigation'))}/>\r\n import('./routes/button'))}/>\r\n import('./routes/buttonGroup'))}/>\r\n import('./routes/breadcrumbs'))}/>\r\n import('./routes/cards'))}/>\r\n import('./routes/carousel'))}/>\r\n import('./routes/chips'))}/>\r\n import('./routes/colorPicker'))}/>\r\n import('./routes/dialogs'))}/>\r\n import('./routes/dividers'))}/>\r\n import('./routes/drawer'))}/>\r\n import('./routes/expansionPanel'))}/>\r\n import('./routes/gridList'))}/>\r\n import('./routes/list'))}/>\r\n import('./routes/menuNPaper'))}/>\r\n import('./routes/pickers'))}/>\r\n import('./routes/popovers'))}/>\r\n import('./routes/progressbar'))}/>\r\n import('./routes/selection'))}/>\r\n import('./routes/selects'))}/>\r\n import('./routes/snackbar'))}/>\r\n import('./routes/stepper'))}/>\r\n import('./routes/tables'))}/>\r\n import('./routes/tabs'))}/>\r\n import('./routes/textFields'))}/>\r\n import('./routes/tooltip'))}/>\r\n import('./routes/typography'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Components;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Icons = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/Material/index'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Icons;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Form = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/components'))}/>\r\n import('./routes/stepper'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Form;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Editors = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/CK'))}/>\r\n import('./routes/WYSISWYG'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Editors;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst PreviewCourse = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/DateTime'))}/>\r\n import('./routes/Color'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default PreviewCourse;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst Extensions = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/dragnDrop'))}/>\r\n import('./routes/sweetAlert'))}/>\r\n import('./routes/notification'))}/>\r\n import('./routes/dropzone'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Extensions;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Table = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/basic/index'))}/>\r\n import('./routes/data/index'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Table;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Chart = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/area'))}/>\r\n import('./routes/bar'))}/>\r\n import('./routes/composed'))}/>\r\n import('./routes/line'))}/>\r\n import('./routes/pie'))}/>\r\n import('./routes/radar'))}/>\r\n import('./routes/radial'))}/>\r\n import('./routes/scatter'))}/>\r\n import('./routes/treemap'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Chart;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Map = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/directions'))}/>\r\n import('./routes/drawingView'))}/>\r\n import('./routes/eventHanlder'))}/>\r\n import('./routes/geoLocation'))}/>\r\n import('./routes/kmLayer'))}/>\r\n import('./routes/mapClustering'))}/>\r\n import('./routes/mapOverlay'))}/>\r\n import('./routes/popUpInfo'))}/>\r\n import('./routes/simple'))}/>\r\n import('./routes/streetView'))}/>\r\n import('./routes/styled'))}/>\r\n import('./routes/trafficLayer'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Map;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst Calendar = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/basic/'))}/>\r\n import('./routes/cultures/'))}/>\r\n import('./routes/dnd/'))}/>\r\n import('./routes/popup/'))}/>\r\n import('./routes/rendering/'))}/>\r\n import('./routes/selectable/'))}/>\r\n import('./routes/timeslots/'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Calendar;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst TimeLine = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/default'))}/>\r\n import('./routes/defaultWithIcon'))}/>\r\n import('./routes/leftAligned'))}/>\r\n import('./routes/zigzag'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default TimeLine;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst CustomViews = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/sample'))}/>\r\n import('./routes/strip'))}/>\r\n import('./routes/card'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default CustomViews;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst ExtraElements = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/pricingTable'))}/>\r\n import('./routes/callouts'))}/>\r\n import('./routes/testimonials'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default ExtraElements;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst eCommerce = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/ProductsList'))}/>\r\n import('./routes/ProductsGrid'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default eCommerce;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\n\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst AppModule = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/login/Login1'))}/>\r\n import('./routes/login/Login2'))}/>\r\n import('./routes/login/LoginWithStepper'))}/>\r\n import('./routes/signUp/SignUP1'))}/>\r\n import('./routes/signUp/SignUP2'))}/>\r\n import('./routes/forgotPassword/ForgotPassword1'))}/>\r\n import('./routes/forgotPassword/ForgotPassword2'))}/>\r\n import('./routes/lockScreen/LockScreen1'))}/>\r\n import('./routes/lockScreen/LockScreen2'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default AppModule;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\n\r\nconst Pages = ({match}) => (\r\n \r\n \r\n \r\n import('./routes/aboutUs'))}/>\r\n import('./routes/contactUs'))}/>\r\n import('./routes/blog'))}/>\r\n import('./routes/faq'))}/>\r\n import('./routes/portfolio'))}/>\r\n import('./routes/404'))}/>\r\n import('./routes/500'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default Pages;\r\n","import React from 'react';\r\nimport {connect} from 'react-redux';\r\nimport {withRouter} from 'react-router-dom';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioGroup from '@material-ui/core/RadioGroup';\r\nimport {\r\n ABOVE_THE_HEADER,\r\n BELOW_THE_HEADER,\r\n COLLAPSED_DRAWER,\r\n FIXED_DRAWER,\r\n HORIZONTAL_NAVIGATION,\r\n INSIDE_THE_HEADER,\r\n MINI_DRAWER,\r\n VERTICAL_NAVIGATION\r\n} from 'constants/ActionTypes'\r\n\r\nimport {changeNavigationStyle, setDrawerType, setHorizontalMenuPosition} from 'actions/index';\r\n\r\nimport {Button, ButtonGroup} from 'reactstrap';\r\n\r\nclass Customizer extends React.Component {\r\n setFixedDrawer = () => {\r\n this.props.setDrawerType(FIXED_DRAWER);\r\n };\r\n setCollapsedDrawer = () => {\r\n this.props.setDrawerType(COLLAPSED_DRAWER);\r\n };\r\n setMiniDrawer = () => {\r\n this.props.setDrawerType(MINI_DRAWER);\r\n };\r\n\r\n render() {\r\n const {drawerType, navigationStyle, horizontalNavPosition} = this.props;\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n :\r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n\r\n
);\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({settings}) => {\r\n const {drawerType, navigationStyle, horizontalNavPosition} = settings;\r\n return {drawerType, navigationStyle, horizontalNavPosition}\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, {\r\n changeNavigationStyle,\r\n setDrawerType,\r\n setHorizontalMenuPosition\r\n})(Customizer));\r\n\r\n","import React from 'react';\r\nimport Drawer from '@material-ui/core/Drawer';\r\nimport Switch from '@material-ui/core/Switch';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport {connect} from 'react-redux';\r\nimport {withRouter} from 'react-router-dom';\r\n\r\nimport SideNavOption from './SideNavOption';\r\nimport {changeDirection, setDarkTheme, setThemeColor} from 'actions/index';\r\nimport {\r\n AMBER,\r\n BLUE,\r\n CYAN,\r\n DARK_AMBER,\r\n DARK_BLUE,\r\n DARK_CYAN,\r\n DARK_DEEP_ORANGE,\r\n DARK_DEEP_PURPLE,\r\n DARK_GREEN,\r\n DARK_INDIGO,\r\n DARK_PINK,\r\n DEEP_ORANGE,\r\n DEEP_PURPLE,\r\n GREEN,\r\n INDIGO,\r\n PINK\r\n} from 'constants/ThemeColors';\r\n\r\nclass ColorOption extends React.Component {\r\n\r\n toggleCustomizer = () => {\r\n this.setState({drawerStatus: !this.state.drawerStatus});\r\n };\r\n closeCustomizer = () => {\r\n this.setState({drawerStatus: false});\r\n };\r\n handleThemeColor = (colorCode) => {\r\n this.props.setThemeColor(colorCode);\r\n const body = document.body.classList;\r\n body.remove(this.props.themeColor);\r\n body.remove('dark-theme');\r\n body.add(colorCode);\r\n };\r\n handleDarkTheme = () => {\r\n this.props.setDarkTheme();\r\n const body = document.body.classList;\r\n body.toggle(this.props.themeColor);\r\n body.toggle('dark-theme');\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.state = {drawerStatus: false}\r\n }\r\n\r\n componentDidMount() {\r\n document.body.classList.add(this.props.themeColor);\r\n }\r\n\r\n render() {\r\n const {themeColor, darkTheme, isDirectionRTL} = this.props;\r\n return (\r\n\r\n \r\n
\r\n {navigationStyle === HORIZONTAL_NAVIGATION ? Navigation Style
\r\n\r\n \r\n {\r\n this.props.changeNavigationStyle(event.target.value)\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n {/* \r\n \r\n */}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({settings}) => {\r\n const {themeColor, darkTheme, isDirectionRTL} = settings;\r\n return {themeColor, darkTheme, isDirectionRTL}\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps, {setThemeColor, setDarkTheme, changeDirection})(ColorOption));\r\n\r\n","import React from 'react';\r\nimport {withRouter} from 'react-router-dom';\r\nimport Menu from 'components/TopNav/Menu';\r\n\r\nclass TopNav extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n Service Panel
\r\n\r\n\r\n
\r\n Light Sidenav
\r\n- \r\n
Dark Sidenav
\r\n- \r\n
\r\n
\r\n \r\n
\r\n RTL
\r\n\r\n
\r\n Dark Theme
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(TopNav);\r\n\r\nTopNav.defaultProps = {\r\n styleName: ''\r\n};","import React from \"react\";\r\nimport {Redirect, Route, Switch} from \"react-router-dom\";\r\nimport asyncComponent from '../../../util/asyncComponent';\r\n\r\nconst SocialApps = ({match}) => (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n import('./routes/Profile'))}/>\r\n import('./routes/Wall'))}/>\r\n import('app/routes/extraPages/routes/404'))}/>\r\n \r\n
\r\n);\r\n\r\nexport default SocialApps;\r\n","import React from 'react';\r\nimport {Route, Switch, withRouter} from 'react-router-dom';\r\nimport {connect} from 'react-redux';\r\nimport Header from 'components/Header/index';\r\nimport Sidebar from 'containers/SideNav/index';\r\nimport Footer from 'components/Footer';\r\nimport Dashboard from './routes/dashboard';\r\nimport Olevel from './routes/olevel';\r\nimport Widgets from './routes/widgets'\r\nimport Metrics from './routes/metrics'\r\nimport Components from './routes/components';\r\nimport Icons from './routes/icons/index';\r\nimport Form from './routes/form';\r\nimport Editors from './routes/editors';\r\nimport Pickers from './routes/pickers';\r\nimport Extensions from './routes/extensions';\r\nimport Table from './routes/table';\r\nimport Chart from './routes/charts';\r\nimport Map from './routes/map';\r\nimport Transaction from \"./routes/transaction\";\r\nimport SendBroadcast from \"./routes/sendBroadcast\";\r\nimport Calendar from './routes/calendar';\r\nimport TimeLine from './routes/timeLine';\r\nimport CustomViews from './routes/customViews';\r\nimport ExtraElements from './routes/extraElements'\r\nimport eCommerce from './routes/eCommerce'\r\nimport AppModule from './routes/appModule'\r\nimport ExtraPages from './routes/extraPages';\r\nimport {\r\n ABOVE_THE_HEADER,\r\n BELOW_THE_HEADER,\r\n COLLAPSED_DRAWER,\r\n FIXED_DRAWER,\r\n HORIZONTAL_NAVIGATION,\r\n} from 'constants/ActionTypes';\r\nimport ColorOption from 'containers/Customizer/ColorOption';\r\nimport {isIOS, isMobile} from 'react-device-detect';\r\nimport asyncComponent from '../util/asyncComponent';\r\nimport TopNav from 'components/TopNav';\r\nimport SocialApps from \"./routes/socialApps\";\r\n\r\nclass App extends React.Component {\r\n\r\n render() {\r\n const {match, drawerType, navigationStyle, horizontalNavPosition} = this.props;\r\n const drawerStyle = drawerType.includes(FIXED_DRAWER) ? 'fixed-drawer' : drawerType.includes(COLLAPSED_DRAWER) ? 'collapsible-drawer' : 'mini-drawer';\r\n\r\n //set default height and overflow for iOS mobile Safari 10+ support.\r\n if (isIOS && isMobile) {\r\n document.body.classList.add('ios-mobile-view-height')\r\n }\r\n else if (document.body.classList.contains('ios-mobile-view-height')) {\r\n document.body.classList.remove('ios-mobile-view-height')\r\n }\r\n\r\n return (\r\n \r\n {/* \r\n \r\n
\r\n \r\n \r\n {navigationStyle === HORIZONTAL_NAVIGATION &&\r\n horizontalNavPosition === ABOVE_THE_HEADER && (\r\n
\r\n\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, auth }) => {\r\n const { drawerType, navigationStyle, horizontalNavPosition } = settings;\r\n const authUser = auth.applicantUser;\r\n return { drawerType, navigationStyle, horizontalNavPosition, authUser };\r\n};\r\nexport default withRouter(connect(mapStateToProps)(App));\r\n","import React from \"react\";\r\nimport { Route, Switch, withRouter } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport Header from \"components/Header/index\";\r\nimport Sidebar from \"containers/SideNav/index\";\r\nimport Footer from \"components/Footer\";\r\nimport {\r\n ABOVE_THE_HEADER,\r\n BELOW_THE_HEADER,\r\n COLLAPSED_DRAWER,\r\n FIXED_DRAWER,\r\n HORIZONTAL_NAVIGATION,\r\n} from \"constants/ActionTypes\";\r\nimport ColorOption from \"containers/Customizer/ColorOption\";\r\nimport { isIOS, isMobile } from \"react-device-detect\";\r\nimport asyncComponent from \"../util/asyncComponent\";\r\nimport TopNav from \"components/TopNav\";\r\n\r\nclass App extends React.Component {\r\n render() {\r\n const {\r\n match,\r\n drawerType,\r\n navigationStyle,\r\n horizontalNavPosition,\r\n } = this.props;\r\n const drawerStyle = drawerType.includes(FIXED_DRAWER)\r\n ? \"fixed-drawer\"\r\n : drawerType.includes(COLLAPSED_DRAWER)\r\n ? \"collapsible-drawer\"\r\n : \"mini-drawer\";\r\n\r\n //set default height and overflow for iOS mobile Safari 10+ support.\r\n if (isIOS && isMobile) {\r\n document.body.classList.add(\"ios-mobile-view-height\");\r\n } else if (document.body.classList.contains(\"ios-mobile-view-height\")) {\r\n document.body.classList.remove(\"ios-mobile-view-height\");\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n {navigationStyle === HORIZONTAL_NAVIGATION && horizontalNavPosition === ABOVE_THE_HEADER &&
\r\n\r\n \r\n \r\n import(\"./routes/dashboard\"))} />\r\n import(\"./routes/olevel\"))} />\r\n\r\n import(\"./routes/biodata\"))} />\r\n\r\n import(\"./routes/documents\"))} />\r\n\r\n import(\"./routes/admissiondocs\"))} />\r\n\r\n import(\"./routes/RefereeAproval\"))} />\r\n\r\n import(\"./routes/changepassword\"))} />\r\n\r\n import(\"./routes/paymenthistory\"))}/>\r\n\r\n import(\"app/routes/extraPages/routes/404\"))} />\r\n \r\n
\r\n \r\n \r\n {/* \r\n \r\n
\r\n \r\n \r\n {navigationStyle === HORIZONTAL_NAVIGATION &&\r\n horizontalNavPosition === ABOVE_THE_HEADER && (\r\n
\r\n\r\n \r\n \r\n {/* Dashboard */}\r\n import(\"./routes/dashboard\"))}\r\n />\r\n\r\n {/* User Access */}\r\n \r\n import(\"./routes/useraccess/roles\")\r\n )}\r\n />\r\n \r\n import(\"./routes/useraccess/audits\")\r\n )}\r\n />\r\n \r\n import(\"./routes/useraccess/administrators\")\r\n )}\r\n />\r\n \r\n import(\"./routes/useraccess/studentAccess\")\r\n )}\r\n />\r\n\r\n {/* Administration */}\r\n \r\n import(\"./routes/administration/sessions\")\r\n )}\r\n />\r\n \r\n import(\"./routes/administration/semesters\")\r\n )}\r\n />\r\n \r\n import(\"./routes/administration/officials\")\r\n )}\r\n />\r\n \r\n import(\"./routes/administration/payments\")\r\n )}\r\n />\r\n \r\n import(\"./routes/administration/students\")\r\n )}\r\n />\r\n \r\n import(\"./routes/administration/staffs\")\r\n )}\r\n />\r\n\r\n {/* Setup */}\r\n \r\n import(\"./routes/setup/information\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/settings\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/semesters\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/gradepoints\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/levels\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/degree\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/scoregrades\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/qualifications\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/grades\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/colleges\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/departments\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/onlineLinks/onlineClasses/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/onlineLinks/onlineExams\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/onlineLinks/lectureNotesUploads/index\")\r\n )}\r\n />\r\n \r\n \r\n import(\"./routes/setup/schoolunits\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/departmenttuition\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/matricnumber\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/payments\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/paymentcategory\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/paymentitems\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/scoreitems\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/scoreitems\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/schoolgrades\")\r\n )}\r\n />\r\n\r\n {/* Admission */}\r\n {/* import('./routes/admission/applicants'))} /> */}\r\n \r\n import(\"./routes/setup/programme\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admission/admissionSession\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admission/information\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/documents\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/timetable\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admission/payments\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admission/export\")\r\n )}\r\n />\r\n\r\n {/* Students */}\r\n\r\n {/* Staffs */}\r\n {/* \r\n import('./routes/staffs/staffs'),\r\n )}\r\n /> */}\r\n\r\n {/* Admission Restructuring */}\r\n \r\n import(\"./routes/admissions/approved\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admissions/verified\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admissions/confirmed\")\r\n )}\r\n />\r\n \r\n import(\"./routes/admissions/rejected\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/admissions/allApplications\")\r\n )}\r\n />\r\n\r\n {/* Applications */}\r\n \r\n import(\"./routes/application/inprogress\")\r\n )}\r\n />\r\n \r\n import(\"./routes/application/completed\")\r\n )}\r\n />\r\n {/* \r\n import('./routes/application/rejected'),\r\n )}\r\n /> */}\r\n\r\n {/* Payments */}\r\n \r\n import(\"./routes/payments/PaymentHistory\")\r\n )}\r\n />\r\n {/* \r\n import(\"./routes/payments/revenue\")\r\n )}\r\n /> */}\r\n\r\n \r\n import(\"./routes/payments/debtorsList\")\r\n )}\r\n />\r\n\r\n {/* Courses */}\r\n \r\n import(\"./routes/courses/courses\")\r\n )}\r\n />\r\n \r\n import(\"./routes/courses/DepartmentCourses\")\r\n )}\r\n />\r\n \r\n import(\"./routes/courses/PrerequisiteCourses\")\r\n )}\r\n />\r\n \r\n import(\"./routes/courses/CourseLecturers\")\r\n )}\r\n />\r\n {/* \r\n import(\"./routes/courses/RegistrationLimit\")\r\n )}\r\n /> */}\r\n \r\n \r\n import (\"./routes/courses/CourseRegistration\")\r\n )}\r\n />\r\n \r\n import(\"./routes/courses/StudentCoursesList\")\r\n )}\r\n />\r\n \r\n import(\"./routes/setup/studentforms\")\r\n )}\r\n />\r\n \r\n import(\"./routes/courses/uploadCourse\")\r\n )}\r\n />\r\n {/* import(\"./routes/courses/CourseContent\"))} /> */}\r\n\r\n {/* Change Password */}\r\n \r\n import(\"./routes/changepassword\")\r\n )}\r\n />\r\n\r\n {/* Admin Profile */}\r\n import(\"./routes/profile\"))}\r\n />\r\n\r\n {/* Discussion */}\r\n \r\n import(\"./routes/discussions/learningDiscussion\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/discussions/studentDiscussion\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/discussions/generalDiscussion\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/discussionTypes\")\r\n )}\r\n />\r\n\r\n {/* Grades */}\r\n \r\n import(\"./routes/grades/ResultUpload\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/grades/ViewResult\")\r\n )}\r\n />\r\n \r\n import(\"./routes/grades/ResultSheet\")\r\n )}\r\n />\r\n \r\n \r\n import(\"./routes/grades/ResultReview\")\r\n )}\r\n\r\n />\r\n\r\n {/* =========Assignment Module=========== */}\r\n \r\n import(\"./routes/assignment\")\r\n )}\r\n />\r\n \r\n\r\n import(\"./routes/assignment/lecturerView\")\r\n\r\n )}\r\n\r\n />\r\n\r\n {/*=======Transcript=========*/}\r\n\r\n \r\n import(\"./routes/transcript/transcripts\")\r\n )}\r\n />\r\n\r\n {/* Error Page */}\r\n \r\n import(\"app/routes/extraPages/routes/404\")\r\n )}\r\n />\r\n \r\n
\r\n \r\n \r\n {/* \r\n \r\n
\r\n \r\n \r\n {navigationStyle === HORIZONTAL_NAVIGATION &&\r\n horizontalNavPosition === ABOVE_THE_HEADER && (\r\n
\r\n\r\n \r\n \r\n import(\"./routes/dashboard\"))}\r\n />\r\n\r\n import(\"./routes/profile\"))}\r\n />\r\n\r\n import(\"./routes/payment\"))}\r\n />\r\n\r\n import(\"./routes/learn\"))}\r\n />\r\n\r\n {/* Documents */}\r\n \r\n import(\"./routes/documents/docdownload\")\r\n )}\r\n />\r\n \r\n import(\"./routes/documents/docupload\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/paymenthistory\")\r\n )}\r\n />\r\n import(\"./routes/timetable\"))}\r\n />\r\n\r\n {/* Discussion Forum */}\r\n \r\n import(\"./routes/discussions/learningdiscussion\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/discussions/studentdiscussion\")\r\n )}\r\n />\r\n \r\n import(\"./routes/discussions/generaldiscussion\")\r\n )}\r\n />\r\n\r\n {/* Assignment */}\r\n \r\n import(\"./routes/assignment\")\r\n )}\r\n />\r\n\r\n {/* Courses */}\r\n\r\n \r\n import(\"./routes/courses/CourseRegistration\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/courses/CourseRegistration\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/result/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/resltveiwer/index\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/onlineLinks/onlineClass/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/onlineLinks/onlineExam/index\")\r\n )}\r\n />\r\n \r\n import(\"./routes/onlineLinks/onlineDocument/index\")\r\n )}\r\n />\r\n\r\n \r\n import(\"./routes/changepassword\")\r\n )}\r\n />\r\n {/* Transcript */}\r\n \r\n import(\"./routes/transcript/index\")\r\n )}\r\n />\r\n \r\n import(\"app/routes/extraPages/routes/401\")\r\n )}\r\n />\r\n \r\n import(\"app/routes/extraPages/routes/404\")\r\n )}\r\n />\r\n\r\n \r\n \r\n
\r\n \r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, auth }) => {\r\n const { drawerType, navigationStyle, horizontalNavPosition } = settings;\r\n const authUser = auth.alumniUser;\r\n return { drawerType, navigationStyle, horizontalNavPosition, authUser };\r\n};\r\nexport default withRouter(connect(mapStateToProps)(App));\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Button from \"@material-ui/core/Button\";\r\n// import ForgotPassword from \"./ForgotPassword\";\r\nimport { isAuthenticated } from '../helpers/authUtils';\r\nimport LuminateLogo from \"assets/images/logo.png\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport {\r\n hideMessage,\r\n showAuthLoader,\r\n applicantSignIn,\r\n updateUsermode,\r\n} from \"actions/Auth\";\r\n\r\nclass ApplicantSignin extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n email: \"\",\r\n password: \"\",\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.updateUsermode(\"Applicant\");\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.push(\"/applicant/dashboard\");\r\n }\r\n }\r\n componentDidUpdate() {\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.push(\"/applicant/dashboard\");\r\n }\r\n }\r\n\r\n render() {\r\n const { email, password } = this.state;\r\n const { showMessage, loader, alertMessage } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n {navigationStyle === HORIZONTAL_NAVIGATION && horizontalNavPosition === ABOVE_THE_HEADER &&
\r\n\r\n \r\n \r\n import(\"./routes/dashboard\"))} />\r\n import(\"./routes/transcript\"))} />\r\n import(\"./routes/paymenthistory\"))} />\r\n import(\"./routes/changepassword\"))} />\r\n\r\n import(\"app/routes/extraPages/routes/404\"))} />\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { loader, alertMessage, showMessage, applicantUser } = auth;\r\n const authUser = applicantUser;\r\n return { loader, alertMessage, showMessage, authUser };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n applicantSignIn,\r\n hideMessage,\r\n showAuthLoader,\r\n updateUsermode\r\n})(ApplicantSignin);\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Button from \"@material-ui/core/Button\";\r\n// import ForgotPassword from \"./ForgotPassword\";\r\nimport { isAuthenticated } from \"../helpers/authUtils\";\r\nimport LuminateLogo from \"assets/images/logo.png\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport {\r\n hideMessage,\r\n showAuthLoader,\r\n alumniSignin,\r\n updateUsermode,\r\n} from \"actions/Auth\";\r\n\r\nclass AlumniSignin extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n matricNo: \"\",\r\n password: \"\",\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.updateUsermode(\"Alumni\");\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.push(\"/alumni/dashboard\");\r\n }\r\n }\r\n componentDidUpdate() {\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.push(\"/alumni/dashboard\");\r\n }\r\n }\r\n\r\n render() {\r\n const { matricNo, password } = this.state;\r\n const { showMessage, loader, alertMessage } = this.props;\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Applicant Login
\r\n\r\n {\r\n e.preventDefault();\r\n this.props.showAuthLoader();\r\n this.props.applicantSignIn({ email, password });\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {showMessage && NotificationManager.error(alertMessage)}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { loader, alertMessage, showMessage, alumniUser } = auth;\r\n const authUser = alumniUser;\r\n return { loader, alertMessage, showMessage, authUser };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n alumniSignin,\r\n hideMessage,\r\n showAuthLoader,\r\n updateUsermode,\r\n})(AlumniSignin);\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { isAuthenticated } from \"../helpers/authUtils\";\r\nimport LuminateLogo from \"assets/images/logo.png\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport {\r\n hideMessage,\r\n showAuthLoader,\r\n adminSignIn,\r\n updateUsermode,\r\n} from \"actions/Auth\";\r\n\r\nclass AdminSignin extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n email: \"\",\r\n password: \"\",\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.updateUsermode(\"Staff\");\r\n this.checkAndNavigate();\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.showMessage && !prevProps.showMessage) {\r\n this.props.hideMessage();\r\n }\r\n this.checkAndNavigate();\r\n }\r\n\r\n checkAndNavigate = () => {\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.replace(\"/admin/dashboard\");\r\n }\r\n }\r\n\r\n handleSubmit = (e) => {\r\n e.preventDefault();\r\n this.props.showAuthLoader();\r\n this.props.adminSignIn({ email: this.state.email, password: this.state.password });\r\n }\r\n\r\n handleInputChange = (event) => {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n }\r\n\r\n render() {\r\n const { email, password } = this.state;\r\n const { showMessage, loader, alertMessage } = this.props;\r\n\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n ![\"FedPolyLogo\"]({LuminateLogo} "\\"FedPolyLogo\\"")
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Alumni Login
\r\n\r\n {\r\n e.preventDefault();\r\n this.props.showAuthLoader();\r\n this.props.alumniSignin({ matricNo, password });\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {showMessage && NotificationManager.error(alertMessage)}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { loader, alertMessage, showMessage, adminUser } = auth;\r\n const authUser = adminUser;\r\n return { loader, alertMessage, showMessage, authUser };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n adminSignIn,\r\n hideMessage,\r\n showAuthLoader,\r\n updateUsermode,\r\n})(AdminSignin);","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Button from \"@material-ui/core/Button\";\r\n// import ForgotPassword from \"./ForgotPassword\";\r\nimport { isAuthenticated } from '../helpers/authUtils';\r\nimport LuminateLogo from \"assets/images/logo.png\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport {\r\n hideMessage,\r\n showAuthLoader,\r\n studentSignIn,\r\n updateUsermode,\r\n} from \"actions/Auth\";\r\n\r\nclass StudentSignin extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n email: \"\",\r\n password: \"\",\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.updateUsermode(\"Student\");\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.push(\"/student/dashboard\");\r\n }\r\n }\r\n componentDidUpdate() {\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (isAuthenticated(this.props.authUser)) {\r\n this.props.history.push(\"/student/dashboard\");\r\n }\r\n }\r\n\r\n render() {\r\n const { email, password } = this.state;\r\n const { showMessage, loader, alertMessage } = this.props;\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Admin Login
\r\n\r\n \r\n
\r\n \r\n
\r\n )}\r\n {showMessage && NotificationManager.error(alertMessage)}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { loader, alertMessage, showMessage, studentUser } = auth;\r\n const authUser = studentUser;\r\n return { loader, alertMessage, showMessage, authUser };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n studentSignIn,\r\n hideMessage,\r\n showAuthLoader,\r\n updateUsermode\r\n})(StudentSignin);\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Button from \"@material-ui/core/Button\";\r\n// import ForgotPassword from \"./ForgotPassword\";\r\nimport LuminateLogo from \"../assets/images/logo.png\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport {\r\n hideMessage,\r\n showAuthLoader,\r\n userFacebookSignIn,\r\n userGithubSignIn,\r\n userGoogleSignIn,\r\n userSignIn,\r\n userTwitterSignIn,\r\n} from \"actions/Auth\";\r\n\r\nclass SignIn extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {\r\n email: \"\",\r\n password: \"\",\r\n };\r\n }\r\n componentDidMount() {\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (this.props.authUser !== null) {\r\n this.props.history.push(\"/\");\r\n }\r\n }\r\n componentDidUpdate() {\r\n if (this.props.showMessage) {\r\n setTimeout(() => {\r\n this.props.hideMessage();\r\n }, 400);\r\n }\r\n if (this.props.authUser !== null) {\r\n this.props.history.push(\"/\");\r\n }\r\n }\r\n\r\n render() {\r\n const { email, password } = this.state;\r\n const { showMessage, loader, alertMessage } = this.props;\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n Returning student can login with their MatricNo while new\r\n student can login with their Application No\r\n \r\n
\r\n\r\n Student Login
\r\n\r\n {\r\n e.preventDefault();\r\n this.props.showAuthLoader();\r\n this.props.studentSignIn({ email, password });\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {showMessage && NotificationManager.error(alertMessage)}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { loader, alertMessage, showMessage, authUser } = auth;\r\n return { loader, alertMessage, showMessage, authUser };\r\n};\r\n\r\nexport default connect(mapStateToProps, {\r\n userSignIn,\r\n hideMessage,\r\n showAuthLoader,\r\n userFacebookSignIn,\r\n userGoogleSignIn,\r\n userGithubSignIn,\r\n userTwitterSignIn,\r\n})(SignIn);\r\n","import React, { Suspense } from \"react\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { connect } from \"react-redux\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { Link } from \"react-router-dom\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport LuminateLogo from \"../assets/images/logo.png\";\r\nimport { NotificationContainer, NotificationManager } from \"react-notifications\";\r\nimport { fetchJSON } from \"helpers/axios\";\r\n// import\r\n\r\nclass ForgotPassword extends React.Component { \r\n constructor() {\r\n super();\r\n this.state = {\r\n loader: false,\r\n userMode: \"\",\r\n step: 1,\r\n formValues: {\r\n email: \"\",\r\n },\r\n devUrl: \"http://localhost:3000/ConfirmNewPassword/\",\r\n hostedUrl: \"http://odfel-fedpolybida-api.azurewebsites.net/\",\r\n rootUrl: \"\",\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.userMode == \"\") {\r\n this.props.history.push(\"/\");\r\n return false;\r\n } else {\r\n if (this.props.userMode == \"Staff\") {\r\n this.setState({\r\n userMode: \"Admin\",\r\n });\r\n } else {\r\n this.setState({\r\n userMode: this.props.userMode,\r\n });\r\n }\r\n }\r\n }\r\n\r\n getRootUrl = () => {\r\n let url = window.location.origin + '/portal/confirmnewpassword/';\r\n this.setState({ rootUrl: url });\r\n return url\r\n };\r\n\r\n getBaseUrl = () => {\r\n let webUrl = this.getRootUrl();\r\n return webUrl === \"http://localhost:22246/\" ? devUrl : hostedApiUrl;\r\n };\r\n\r\n validateEmail = (e) => {\r\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return re.test(e);\r\n };\r\n\r\n emailHandler = (e) => {\r\n try {\r\n let emailValue = document.getElementById(\"email\").value;\r\n e.preventDefault();\r\n this.setState({ ...this.state, formValues: { email: emailValue } });\r\n let email = document.getElementById(\"email\");\r\n if (!this.validateEmail(emailValue)) {\r\n email.style.color = \"#d23f3f\";\r\n } else {\r\n email.style.color = \"green\";\r\n }\r\n } catch (e) {\r\n (e);\r\n }\r\n };\r\n\r\n sendLink = async () => {\r\n try {\r\n let model = {};\r\n let email = this.state.formValues.email;\r\n let link = this.getRootUrl();\r\n let resetLink = link // this.state.devUrl;\r\n\r\n //this.getRootUrl();\r\n if (email == \"\") {\r\n NotificationManager.error(\"Email is required\");\r\n return false;\r\n } else if (!this.validateEmail(email)) {\r\n NotificationManager.warning(\"Email is invalid\");\r\n return false;\r\n } else {\r\n model = {\r\n email: email,\r\n userMode: this.props.userMode,\r\n step: 1,\r\n resetLink: `${resetLink}`,\r\n };\r\n }\r\n\r\n this.setState({ loader: true });\r\n const response = await fetchJSON(\"api/Account/ForgotPassword\", model, \"POST\");\r\n if (response.Status == \"Ok\") {\r\n // (response);\r\n NotificationManager.success(response.Message, \"Success\");\r\n } else if (response.Status == \"NotFound\") {\r\n // (response);\r\n NotificationManager.error(response.Message);\r\n } else if (response.Status == \"Invalid\") {\r\n NotificationManager.error(response.Message);\r\n } else {\r\n NotificationManager.error(response.Message, response.Status);\r\n (response);\r\n }\r\n this.setState({\r\n loader: false,\r\n formValues: {\r\n email: \"\",\r\n },\r\n });\r\n } catch (e) {\r\n (e);\r\n this.setState({\r\n loader: false,\r\n });\r\n NotificationManager.error(\"An Error Occurred\");\r\n }\r\n };\r\n\r\n render() {\r\n // const ForgotPassword = () => {\r\n const { width } = this.props;\r\n const { loader, userMode } = this.state;\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Applicant Loginx
\r\n\r\n {\r\n e.preventDefault();\r\n this.props.showAuthLoader();\r\n this.props.userSignIn({ email, password });\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {showMessage && NotificationManager.error(alertMessage)}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n = 1200 ? \"calc(100vh - 265px)\" : \"calc(100vh - 245px)\",\r\n }}\r\n >\r\n
\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n Enter the emaill used for payment of school fee.\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* */}\r\n {backBoxTransition((style, item) => item && {/* )}\r\n \r\n
\r\n {/* \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n +234 815 222 589\r\n \r\n
- \r\n \r\n \r\n info@umcatc.edu.ng\r\n \r\n \r\n
\r\n
\r\n - \r\n
- \r\n \r\n \r\n
- \r\n \r\n \r\n
- \r\n \r\n \r\n
- \r\n \r\n \r\n
- \r\n \r\n \r\n
\r\n
*/}\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n THE FEDERAL POLYTECHNIC BIDA, NIGER STATE\r\n
\r\n\r\n {/* \r\n \r\n ) : (\r\n \"\"\r\n )\r\n )}\r\n
\r\n \r\n {/* */}\r\n \r\n Welcome to Federal Polytechnic Bida Portal\r\n
*/}\r\n {transition((style, item) =>\r\n item ? (\r\n\r\n Open Distance Flexible e-Learning Portal \r\n
\r\n \r\n {studentCardTransition((style, item) =>\r\n item ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )\r\n )}\r\n\r\n {applicantCardTransition((style, item) =>\r\n item ? (\r\n \r\n \r\n ) : (\r\n \"\"\r\n )\r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n = 1200 ? \"calc(100vh - 265px)\" : \"calc(100vh - 245px)\",\r\n }}\r\n >\r\n
\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CreateStaffAccount","import React, { useState } from 'react'\r\nimport { Link } from \"react-router-dom\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport LuminateLogo from \"assets/images/logo.png\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { fetchJSON } from \"helpers/axios\";\r\nimport { NotificationContainer, NotificationManager } from \"react-notifications\";\r\n\r\n\r\n\r\n\r\nconst CreateApplicantAccount = () => {\r\n\r\n const history = useHistory();\r\n const [input, setInput] = useState({\r\n applicantNumber: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n Email: \"\"\r\n })\r\n const [loader, setLoader] = useState(false);\r\n const [confirmApplicantNumber, setConfirmApplicantNumber] = useState(false);\r\n\r\n const CheckApplicant = async () => {\r\n setLoader(true);\r\n\r\n try {\r\n const response = await fetchJSON(`api/Applicant/CheckApplicantByApplicantNumber?ApplicantNumber=${input?.applicantNumber}`,\r\n null,\r\n \"GET\"\r\n );\r\n\r\n if (response.Status == \"Ok\") {\r\n setLoader(false);\r\n setConfirmApplicantNumber(true);\r\n setInput({ ...input, Email: response?.Data?.Email });\r\n } else {\r\n setLoader(false);\r\n NotificationManager.error(response.Message);\r\n }\r\n } catch (error) {\r\n setLoader(false)\r\n NotificationManager.error(error);\r\n }\r\n }\r\n\r\n\r\n const handleSubmit = async () => {\r\n setLoader(true);\r\n\r\n try {\r\n if (!validateEmail(input.Email)) {\r\n NotificationManager.warning(\"Not a valid Email address\");\r\n setLoader(false);\r\n return false;\r\n }\r\n if (input.password !== input.confirmPassword) {\r\n NotificationManager.warning(\"Password and Confirm Password do not match\");\r\n setLoader(false);\r\n return false;\r\n }\r\n if (input.password.length < 6) {\r\n NotificationManager.warning(\"Password cannot be less than 6 characters\");\r\n setLoader(false);\r\n return false;\r\n }\r\n\r\n let account = {\r\n ApplicantNumber: input.applicantNumber,\r\n Password: input.password,\r\n ConfirmPassword: input.confirmPassword,\r\n Email: input.Email,\r\n }\r\n const response = await fetchJSON(\"api/account/CreateApplicantAccount\",\r\n account,\r\n \"POST\"\r\n )\r\n\r\n if (response.Status === \"OK\") {\r\n setLoader(false);\r\n NotificationManager.success(response.Message);\r\n setTimeout(() => { history.push(\"/applicant\") }, 1000);\r\n } else {\r\n setLoader(false);\r\n NotificationManager.error(response.Message);\r\n }\r\n } catch (error) {\r\n setLoader(false);\r\n NotificationManager.error(error);\r\n }\r\n }\r\n\r\n const validateEmail = (email) => {\r\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n return emailRegex.test(email);\r\n }\r\n\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Staff Create Account
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default CreateApplicantAccount","import React, { useState } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\n// import Swal from 'sweetalert2';\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Button from \"@material-ui/core/Button\";\r\n// import TextField from '@material-ui/core/TextField';\r\nimport TextField, { Card } from \"reactstrap\";\r\nimport \"react-notifications/lib/notifications.css\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n NotificationContainer,\r\n NotificationManager,\r\n} from \"react-notifications\";\r\nimport {\r\n Col,\r\n Form,\r\n FormGroup,\r\n Row,\r\n Label,\r\n Input,\r\n Container,\r\n CardHeader,\r\n CardBody,\r\n} from \"reactstrap\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport { fetchJSON } from \"helpers/axios\";\r\n\r\nconst CreateAlumniAccount = () => {\r\n // const history = useHistory();\r\n const [input, setInput] = useState({\r\n firstName: \"\",\r\n lastName: \"\",\r\n otherName: \"\",\r\n email: \"\",\r\n matricNo: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n const [loading, setLoading] = useState(false);\r\n\r\n const handleChange = (e) => {\r\n setInput({ ...input, [e.target.name]: e.target.value });\r\n };\r\n\r\n const validateForm = () => {\r\n const {\r\n firstName,\r\n lastName,\r\n email,\r\n matricNo,\r\n password,\r\n confirmPassword,\r\n } = input;\r\n\r\n if (\r\n !firstName ||\r\n !lastName ||\r\n !email ||\r\n !matricNo ||\r\n !password ||\r\n !confirmPassword\r\n ) {\r\n showAlert(\r\n \"Validation Error\",\r\n \"Please fill in all required fields.\",\r\n \"error\"\r\n );\r\n return false;\r\n }\r\n\r\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n if (!emailRegex.test(email)) {\r\n showAlert(\r\n \"Validation Error\",\r\n \"Please enter a valid email address.\",\r\n \"error\"\r\n );\r\n return false;\r\n }\r\n\r\n if (password !== confirmPassword) {\r\n showAlert(\r\n \"Validation Error\",\r\n \"Password and Confirm Password do not match.\",\r\n \"error\"\r\n );\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n const handleSubmit = async (event) => {\r\n event.preventDefault();\r\n\r\n if (validateForm()) {\r\n logInputValues();\r\n\r\n setLoading(true);\r\n try {\r\n const payload = {\r\n FirstName: input.firstName,\r\n LastName: input.lastName,\r\n OtherName: input.otherName,\r\n Email: input.email,\r\n MatricNo: input.matricNo,\r\n Password: input.password,\r\n ConfirmPassword: input.confirmPassword,\r\n };\r\n\r\n const response = await fetchJSON(\"api/SignUp\", payload, \"POST\");\r\n const result = (await response?.Status) === \"Ok\";\r\n if (result) {\r\n setLoading(false);\r\n NotificationManager.success(response.Message);\r\n setInput({\r\n firstName: \"\",\r\n lastName: \"\",\r\n otherName: \"\",\r\n email: \"\",\r\n matricNo: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n\r\n setTimeout(() => {\r\n window.location.href = \"/portal/alumniSignin\";\r\n // history.push(\"/portal/alumniSignin\");\r\n }, 1000);\r\n } else {\r\n setLoading(false);\r\n NotificationManager.warning(response.Message);\r\n }\r\n } catch (error) {\r\n setLoading(false);\r\n NotificationManager.error(error);\r\n }\r\n }\r\n };\r\n\r\n const logInputValues = () => {\r\n console.log(\"Form Input Values:\", input);\r\n };\r\n\r\n return (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Applicant Create Account
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n CREATE USER ACCOUNT
\r\n \r\n\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ auth }) => {\r\n const { userMode } = auth;\r\n return { userMode };\r\n};\r\n\r\nexport default connect(mapStateToProps)(RetrieveMatric);\r\n","import React, { Component } from \"react\";\r\nimport { createMuiTheme, MuiThemeProvider } from \"@material-ui/core/styles\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport { MuiPickersUtilsProvider } from \"material-ui-pickers\";\r\nimport { Redirect, Route, Switch } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { IntlProvider } from \"react-intl\";\r\nimport \"assets/vendors/style\";\r\nimport indigoTheme from \"./themes/indigoTheme\";\r\nimport cyanTheme from \"./themes/cyanTheme\";\r\nimport orangeTheme from \"./themes/orangeTheme\";\r\nimport amberTheme from \"./themes/amberTheme\";\r\nimport pinkTheme from \"./themes/pinkTheme\";\r\nimport blueTheme from \"./themes/blueTheme\";\r\nimport purpleTheme from \"./themes/purpleTheme\";\r\nimport greenTheme from \"./themes/greenTheme\";\r\nimport darkTheme from \"./themes/darkTheme\";\r\nimport AppLocale from \"../lngProvider\";\r\nimport { isUserAuthenticated, isAuthenticated } from \"../helpers/authUtils\";\r\nimport { userSignOut } from \"../actions/Auth\";\r\n\r\nimport {\r\n AMBER,\r\n BLUE,\r\n CYAN,\r\n DARK_AMBER,\r\n DARK_BLUE,\r\n DARK_CYAN,\r\n DARK_DEEP_ORANGE,\r\n DARK_DEEP_PURPLE,\r\n DARK_GREEN,\r\n DARK_INDIGO,\r\n DARK_PINK,\r\n DEEP_ORANGE,\r\n DEEP_PURPLE,\r\n GREEN,\r\n INDIGO,\r\n PINK,\r\n} from \"constants/ThemeColors\";\r\n\r\nimport MainApp from \"app/index\";\r\nimport ApplicantApp from \"applicant/index\";\r\nimport AdminApp from \"admin/index\";\r\nimport StudentApp from \"student/index\";\r\nimport AlumniApp from \"alumni/index\";\r\nimport ApplicantSignin from \"./ApplicantSignin\";\r\nimport AlumniSignin from \"./AlumniSignin\";\r\nimport AdminSignin from \"./AdminSignin\";\r\nimport StudentSignin from \"./StudentSignin\";\r\nimport SignIn from \"./SignIn\";\r\nimport ForgotPassword from \"./ForgotPassword\";\r\nimport Home from \"./Home\";\r\nimport ConFirmNewPassword from \"./ConfirmNewPassword\";\r\nimport { setInitUrl } from \"../actions/Auth\";\r\nimport RTL from \"util/RTL\";\r\nimport asyncComponent from \"util/asyncComponent\";\r\nimport ConfirmNewPassword from \"./ConfirmNewPassword\";\r\nimport CreateStaffAccount from \"./CreateStaffAccount\";\r\nimport CreateApplicantAccount from \"./CreateApplicantAccount\";\r\nimport CreateAlumniAccount from \"./CreateAlumniAccount\"\r\nimport retrieveMatric from \"./retrieveMatric\";\r\n\r\n\r\nconst RestrictedRoute = ({\r\n component: Component,\r\n authUser,\r\n signinPath,\r\n ...rest\r\n}) => (\r\n \r\n
\r\n {loader && (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n Retrieve Matric No.
\r\n\r\n {\r\n e.preventDefault();\r\n this.props.showAuthLoader();\r\n this.props.alumniSignin({ email });\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n {/* {showMessage && NotificationManager.error(alertMessage)} */}\r\n \r\n \r\n {path === \"app\" && (\r\n \r\n import(\"app/routes/extraPages/routes/404\")\r\n )}\r\n />\r\n \r\n
\r\n }/>;\r\n\r\nexport default CustomScrollbars;"],"sourceRoot":""}