|
97 | 97 | controller: function ($scope, $location, Languages) { |
98 | 98 | self = this |
99 | 99 |
|
| 100 | + $scope.message = {} |
| 101 | + $scope.projectFilterOptions = {} |
| 102 | + $scope.selectedStatusesList = [] |
| 103 | + $scope.selectedTagsList = [] |
| 104 | + $scope.selectedLevelsList = [] |
| 105 | + $scope.selectedInitiativesList = [] |
| 106 | + $scope.selectedCollabsList = [] |
| 107 | + |
100 | 108 | var mapping = { |
101 | 109 | '': 0, |
102 | 110 | 'crowded': 1, |
103 | 111 | 'in_progress': 2, |
104 | | - 'completed': 3 |
| 112 | + 'completed': 3, |
| 113 | + 'disabled': 4 |
| 114 | + } |
| 115 | + |
| 116 | + self.displayFilters = false |
| 117 | + $scope.toggleFiltersDisplay = function(){ |
| 118 | + self.displayFilters = !self.displayFilters |
| 119 | + $('select').material_select(); |
105 | 120 | } |
106 | 121 |
|
107 | 122 | $scope.sortOrder = function(project) { |
108 | 123 | return mapping[project.status]; |
109 | 124 | } |
110 | 125 |
|
| 126 | + $scope.getFiltersMetadata = function(){ |
| 127 | + $http.get('data/projects.liquid') |
| 128 | + .then(function (res) { |
| 129 | + var projects = res.data; |
| 130 | + angular.forEach(projects, function(project){ |
| 131 | + if (project.status.length === 0){ |
| 132 | + $scope.projectFilterOptions.status.options['NOT YET STARTED'] = 0 |
| 133 | + } |
| 134 | + angular.forEach(project.status, function(state){ |
| 135 | + $scope.projectFilterOptions.status.options[state.toUpperCase()] = mapping[state] |
| 136 | + }) |
| 137 | + angular.forEach(project.tags, function(tag){ |
| 138 | + $scope.projectFilterOptions.tags.options[tag] = tag |
| 139 | + }) |
| 140 | + $scope.projectFilterOptions.difficulty.options[project.difficulty.toUpperCase()] = project.difficulty |
| 141 | + angular.forEach(project.initiatives, function(initiative){ |
| 142 | + $scope.projectFilterOptions.initiatives.options[initiative] = initiative |
| 143 | + }) |
| 144 | + angular.forEach(project.collaborating_projects, function(collab){ |
| 145 | + $scope.projectFilterOptions['collab-projects'].options[collab] = collab |
| 146 | + }) |
| 147 | + }) |
| 148 | + }) |
| 149 | + } |
| 150 | + |
| 151 | + $scope.initializeSelectorData = function(name, label, model_name){ |
| 152 | + $scope.projectFilterOptions[name] = { |
| 153 | + label: label, model: model_name,options: {} |
| 154 | + } |
| 155 | + } |
| 156 | + |
| 157 | + $scope.getAllFilters = function () { |
| 158 | + $scope.initializeSelectorData('status', 'Status', 'selectedStatusesList') |
| 159 | + $scope.initializeSelectorData('tags', 'Project Tags', 'selectedTagsList') |
| 160 | + $scope.initializeSelectorData('difficulty', 'Difficulty Level', 'selectedLevelsList') |
| 161 | + $scope.initializeSelectorData('initiatives', 'Initiatives', 'selectedInitiativesList') |
| 162 | + $scope.initializeSelectorData('collab-projects', 'Collaborating Projects', 'selectedCollabsList') |
| 163 | + $scope.getFiltersMetadata() |
| 164 | + } |
| 165 | + |
| 166 | + function filterProjectsByStatus(projects){ |
| 167 | + var selectedProjects = [] |
| 168 | + angular.forEach(projects, function(project){ |
| 169 | + if (project.status.length === 0 && !selectedProjects.includes(project)){ |
| 170 | + if ( |
| 171 | + ($scope.selectedStatusesList.includes("0") && project.mentors.length > 0) || |
| 172 | + ($scope.selectedStatusesList.includes("4") && project.mentors.length === 0) |
| 173 | + ){ |
| 174 | + selectedProjects.push(project) |
| 175 | + } |
| 176 | + } |
| 177 | + else { |
| 178 | + angular.forEach(project.status, function (state) { |
| 179 | + var mappedState = (mapping[state]).toString() |
| 180 | + if ($scope.selectedStatusesList.includes(mappedState) && !selectedProjects.includes(project)) { |
| 181 | + selectedProjects.push(project) |
| 182 | + } |
| 183 | + }) |
| 184 | + } |
| 185 | + }) |
| 186 | + return selectedProjects |
| 187 | + } |
| 188 | + |
| 189 | + function filterProjectsByTags(projects){ |
| 190 | + var selectedProjects = [] |
| 191 | + angular.forEach(projects, function(project){ |
| 192 | + angular.forEach(project.tags, function(tag){ |
| 193 | + if ($scope.selectedTagsList.includes(tag) && !selectedProjects.includes(project)){ |
| 194 | + selectedProjects.push(project) |
| 195 | + } |
| 196 | + }) |
| 197 | + }) |
| 198 | + return selectedProjects |
| 199 | + } |
| 200 | + |
| 201 | + function filterProjectsByDifficulty(projects){ |
| 202 | + var selectedProjects = [] |
| 203 | + angular.forEach(projects, function(project){ |
| 204 | + if ($scope.selectedLevelsList.includes(project.difficulty) && !selectedProjects.includes(project)){ |
| 205 | + selectedProjects.push(project) |
| 206 | + } |
| 207 | + }) |
| 208 | + return selectedProjects |
| 209 | + } |
| 210 | + |
| 211 | + function filterProjectsByInitiatives(projects){ |
| 212 | + var selectedProjects = [] |
| 213 | + angular.forEach(projects, function(project){ |
| 214 | + angular.forEach(project.initiatives, function(initiative){ |
| 215 | + if ($scope.selectedInitiativesList.includes(initiative) && !selectedProjects.includes(project)){ |
| 216 | + selectedProjects.push(project) |
| 217 | + } |
| 218 | + }) |
| 219 | + }) |
| 220 | + return selectedProjects |
| 221 | + } |
| 222 | + |
| 223 | + function filterProjectsByCollaboratingProjects(projects){ |
| 224 | + var selectedProjects = [] |
| 225 | + angular.forEach(projects, function(project){ |
| 226 | + angular.forEach(project.collaborating_projects, function(collab){ |
| 227 | + if ($scope.selectedCollabsList.includes(collab) && !selectedProjects.includes(project)){ |
| 228 | + selectedProjects.push(project) |
| 229 | + } |
| 230 | + }) |
| 231 | + }) |
| 232 | + return selectedProjects |
| 233 | + } |
| 234 | + |
| 235 | + $scope.setModelList = function(filter, list){ |
| 236 | + if (filter === 'status'){ |
| 237 | + $scope.selectedStatusesList = list |
| 238 | + } |
| 239 | + else if (filter === 'tags'){ |
| 240 | + $scope.selectedTagsList = list |
| 241 | + } |
| 242 | + else if (filter === 'difficulty'){ |
| 243 | + $scope.selectedLevelsList = list |
| 244 | + } |
| 245 | + else if (filter === 'initiatives'){ |
| 246 | + $scope.selectedInitiativesList = list |
| 247 | + } |
| 248 | + else { |
| 249 | + $scope.selectedCollabsList = list |
| 250 | + } |
| 251 | + } |
| 252 | + |
| 253 | + function anyFiltersApplied(){ |
| 254 | + return ( |
| 255 | + $scope.selectedStatusesList.length > 0 || |
| 256 | + $scope.selectedTagsList.length > 0 || |
| 257 | + $scope.selectedLevelsList.length > 0 || |
| 258 | + $scope.selectedInitiativesList.length > 0 || |
| 259 | + $scope.selectedCollabsList.length > 0 |
| 260 | + ) |
| 261 | + } |
| 262 | + |
| 263 | + $scope.applyFilters = function(){ |
| 264 | + var filteredProjects = $scope.allProjects |
| 265 | + if(anyFiltersApplied()){ |
| 266 | + if ($scope.selectedStatusesList.length > 0 && filteredProjects.length > 0) { |
| 267 | + filteredProjects = filterProjectsByStatus(filteredProjects) |
| 268 | + } |
| 269 | + if ($scope.selectedTagsList.length > 0 && filteredProjects.length > 0) { |
| 270 | + filteredProjects = filterProjectsByTags(filteredProjects) |
| 271 | + } |
| 272 | + if ($scope.selectedLevelsList.length > 0 && filteredProjects.length > 0) { |
| 273 | + filteredProjects = filterProjectsByDifficulty(filteredProjects) |
| 274 | + } |
| 275 | + if ($scope.selectedInitiativesList.length > 0 && filteredProjects.length > 0) { |
| 276 | + filteredProjects = filterProjectsByInitiatives(filteredProjects) |
| 277 | + } |
| 278 | + if ($scope.selectedCollabsList.length > 0 && filteredProjects.length > 0) { |
| 279 | + filteredProjects = filterProjectsByCollaboratingProjects(filteredProjects) |
| 280 | + } |
| 281 | + if (filteredProjects.length === 0){ |
| 282 | + $scope.message.noProjectsFound = 'No projects found for your selected filters' + |
| 283 | + ' options! Please try a different filter search combination.' |
| 284 | + $scope.projectList = [] |
| 285 | + } |
| 286 | + else { |
| 287 | + $scope.projectList = filteredProjects |
| 288 | + } |
| 289 | + } |
| 290 | + else { |
| 291 | + $scope.projectList = filteredProjects |
| 292 | + } |
| 293 | + } |
| 294 | + |
| 295 | + $scope.clearFilters = function(){ |
| 296 | + $scope.projectList = $scope.allProjects |
| 297 | + var select = $('select') |
| 298 | + select.prop('selectedIndex', 0) |
| 299 | + select.material_select() |
| 300 | + } |
| 301 | + |
111 | 302 | $scope.getDefaultProjectsMetadata = function () { |
112 | 303 | $http.get('data/projects.liquid') |
113 | 304 | .then(function (res) { |
114 | 305 | $scope.projectList = res.data; |
| 306 | + $scope.allProjects = res.data; |
115 | 307 | $scope.projectRequest(); |
116 | 308 | }) |
117 | 309 | } |
|
284 | 476 | $scope.searchText = search_requested |
285 | 477 | } |
286 | 478 |
|
| 479 | + $scope.getAllFilters(); |
287 | 480 | }, |
288 | 481 | controllerAs: 'lc' |
289 | 482 | } |
|
0 commit comments