nss-evening-cohort-10 / nutshell-jurassic-world

7 stars 3 forks source link

Equipment - Filter by Assignment #134

Closed aclai4067 closed 4 years ago

aclai4067 commented 4 years ago

User Story

As a user, I want to be able to view only unassigned equipment, only assigned equipment, or all equipment

A/C

when the user selects a view from the dropdown box then only equipment matching their selection will display

Dev Notes

Print dropdown box (id=chooseAssignment) to the page with options All, Unassigned, Assigned
add classes to equipment cards: unassignedEquipment for unassigned and assignedEquipment for assigned

On selection

if ($('#chooseAssignment).val() === Assigned) {
$('.assignedEquipment').removeClass('hide');
$('.unassignedEquipment').addClass('hide');
} else if ($('#chooseAssignment).val() === Unassigned) {
$('.assignedEquipment').addClass('hide');
$('.unassignedEquipment').removeClass('hide');
} else {
$('.assignedEquipment').removeClass('hide');
$('.unassignedEquipment').removeClass('hide');
}