seats-layout
This package helps you create layout for seat booking, using Angular 5.
Html template:
<layout [seatsLayout]="seatsLayout" (confirm)="getSelectedSeats($event)"></layout>
seatsLayout
Object with these properties [totalRows, seatsPerRow, seatNaming, booked
]:
Define seatsLayout= {
totalRows:10,
seatsPerRow:6,
seatNaming:'rowType',
booked:['1A','5D']
}
Define a function which does stuff with the emitted object ie. array of selected seats:
getSelected(event){
//Do stuff
console.log(event)
}
![image](./seats_preview (1).png)
Contribute: Feel free to contribute: https://github.com/abhinavjuneja/seats-layout