It is a angularJs app that is used to book seats for a show or a movie.
Download the Repository npm install gulp Open Browser and put this URL: localhost:8080
What the User Can Do (User Cases)?
Select and Deselect the Seats with respect to the selectedVal, i.e if the selectedVal = 4 then the user can select only 4 seats in total.
if the SelectedVal is less than 1 then the user should not be able to select the seat anymore unless the user deselect any of the previously selected seats and select again.
Booked Seats Case: If the check value of a seat is true, then the user should not be able to select or deselect that seat(a.blocked CSS rule is Added for that purpose) since it is already selected by another user(Lets assume).
Automatic Seat Selection Cases
- If the user selects 3 seats and click on the first seat in the first row it should automatically select 2 and 3 on the same row.
- If the user Selects 3 seats and clicks on the second last seat in the row then last two seats should be filled and the remaining seat should be filled where ever the user clicks.
- If the user selectes 3 seats and click on only last then, only that seat should be filled.