Filtering courses (#63)

* slider

* model filter setup

* slider

* model filter setup

* model changes and setup

* initial set-up, and basic filtering functions for FilterPresenter

* filter changes passing

* slider

* model filter setup

* slider

* model filter setup

* model changes and setup

* initial set-up, and basic filtering functions for FilterPresenter

* filter changes passing

* filter pass to model

* small things, slightly touched search, slightly fixed filter presenter, added the file for eligibility from elias

* somewhat working filters (still search works on all courses, it will be incoming), working filters are the following: credits, academiclevel, language

* collapsible department menu

* fixed null pointer references, a lot of added try_catches, a lot of course?. property checks for undefined

* department filter visals

* eligibility values set to model

* pre-merging with deo, semi-working eligibility checker function, about to connect with ui

* some changes, but still broken on eligibility infinite recursive function

* department menu work

* fixed infinite loop, by adding edgecase for if course?.prerequisites is undefined, it works

* beautius department filter

* some filters working

---------

Co-authored-by: b2stickman <b2stickman@gmail.com>

Author: kexana

my-app/src/model.js

@@ -3,9 +3,28 @@ import { addCourse, addReviewForCourse, getReviewsForCourse } from "../firebase"
 
 export const model = {
     user: undefined,
+    //add searchChange: false,   //this is for reworking the searchbar presenter, so that it triggers as a model, 
+    //instead of passing searchcouses lambda function down into the searchbarview.
     currentSearch: [],
     courses: [],
     favourites: [],
+    isReady: false,
+    filtersChange: false,
+    filteredCourses: [],
+    filterOptions: {
+        applyTranscriptFilter: true,
+        eligibility: "weak",  //the possible values for the string are: "weak"/"moderate"/"strong"
+        applyLevelFilter: true,
+        level: [], //the possible values for the array are: "PREPARATORY", "BASIC", "ADVANCED", "RESEARCH"
+        applyLanguageFilter: true,
+        language: "none", //the possible values for the string are: "none"/"english"/"swedish"/"both"
+        applyLocationFilter:true,
+        location: [], //the possible values for the array are: 'KTH Campus', 'KTH Kista', 'AlbaNova', 'KTH Flemingsberg', 'KTH Solna', 'KTH Södertälje', 'Handelshögskolan', 'KI Solna', 'Stockholms universitet', 'KONSTFACK'
+        applyCreditsFilter:true,
+        creditMin: 0,
+        creditMax: 45,
+        //applyDepartmentFilter:false,
+    },
 
     setUser(user) {
         if (!this.user)
@@ -66,7 +85,6 @@ export const model = {
             this.addCourse(course);
         });
     },
-
     //for reviews
     async addReview(courseCode, review) {
         try {
@@ -85,4 +103,49 @@ export const model = {
             return [];
         }
     },
+    //for filters
+
+    setFiltersChange() {
+        this.filtersChange = true;
+    },
+    
+    updateLevelFilter(level) {
+        this.filterOptions.level = level;
+    },
+    updateLanguageFilter(languages) {
+        this.filterOptions.language = languages;
+    },
+    updateLocationFilter(location) {
+        this.filterOptions.location = location;
+    },
+    updateCreditsFilter(creditLimits) {
+        this.filterOptions.creditMin = creditLimits[0];
+        this.filterOptions.creditMax = creditLimits[1];
+    },
+    updateTranscriptElegibilityFilter(eligibility) {
+        this.filterOptions.eligibility = eligibility;
+    },
+
+    //setters for the filter options
+    setApplyTranscriptFilter(transcriptFilterState) {
+        this.filterOptions.applyTranscriptFilter = transcriptFilterState;
+    },
+    setApplyLevelFilter(levelFilterState) {
+        this.filterOptions.applyLevelFilter = levelFilterState;
+    },
+    setApplyLanguageFilter(languageFilterState) {
+        this.filterOptions.applyLanguageFilter = languageFilterState;
+    },
+    setApplyLocationFilter(locationFilterState) {
+        this.filterOptions.applyLocationFilter = locationFilterState;
+    },
+    setApplyCreditsFilter(creditsFilterState) {
+        this.filterOptions.applyCreditsFilter = creditsFilterState;
+    },
+    // setApplyDepartmentFilter(departmentFilterState) {
+    //     this.filterOptions.applyDepartmentFilter = departmentFilterState;
+    // },
+
+
+
 };

my-app/src/pages/App.jsx

@@ -2,14 +2,16 @@ import React from 'react';
 import { SidebarPresenter } from '../presenters/SidebarPresenter.jsx';
 import { SearchbarPresenter } from '../presenters/SearchbarPresenter.jsx';
 import { ListViewPresenter } from '../presenters/ListViewPresenter.jsx';
+import { FilterPresenter } from "../presenters/FilterPresenter.jsx";
 import { Routes, Route } from 'react-router-dom';
 import SharedView from '../pages/SharedView.jsx';
 import { model } from '/src/model.js';
 
 function MainAppLayout({ model }) {
 	return (
-		<div className="flex h-screen w-screen overflow-hidden">
-			<div className="w-1/4 h-full bg-gradient-to-t from-[#4f3646] to-[#6747c0]">
+		<div className="flex h-screen w-screen">
+			<FilterPresenter model={model} />
+			<div className="flex-auto w-40% h-full bg-gradient-to-t from-[#4f3646] to-[#6747c0]">
 				<SidebarPresenter model={model} />
 			</div>
 			<div className="w-3/4 h-full flex flex-col">