SeatmapAngularWrapper

This project was generated with Angular CLI version 15.2

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. For installation from root folder contents of the dist/ directory will be copied to the root. This may be changed later

Angular wrapper for Seatmap react app

Integration process

1. Run npm i @seatmaps.com/react-lib-angular-wrapper

2. Import module into your app.module.ts and add it to imports

import { SeatmapAngularLibModule } from '@seatmaps.com/react-lib-angular-wrapper';
...

@NgModule({
  declarations: [
    AppComponent,
    ...
  ],
  imports: [
    ...
    SeatmapAngularLibModule,
    ...
  ],
  providers: [

  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

3. See usage below

Usage

<seatmap
  [config]="config"
  [flight]="flight"
  [availability]="availability"
  [passengers]="passengers"
  [seatJumpTo]="seatJumpTo"
  [currentDeckIndex]="deckIndex"
  (onSeatMapInited)="onSeatInit($event)"
  (onSeatSelected)="onSeatSelect($event)"
  (onSeatUnselected)="onSeatUnselect($event)"
  (onTooltipRequested)="onTooltipRequested($event)"
  (onLayoutUpdated)="onLayoutUpdated($event)"
  (onSeatMouseLeave)="onSeatMouseLeave($event)"
  (onSeatMouseClick)="onSeatMouseClick($event)"
  (onAvailabilityApplied)="onAvailabilityApplied($event)"
></seatmap>

For better understanding how it works read React lib doc and Integration instruction