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. Add lib dependency to package.json and run npm i

"seatmap-angular-lib": "github:Kwiket/jets-seatmap-angular-wrapper"

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

import { SeatmapAngularLibModule } from 'seatmap-angular-lib';
...

@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"
  [currentDeckIndex]="deckIndex"
  (onSeatMapInited)="onSeatInit($event)"
  (onSeatSelected)="onSeatSelect($event)"
  (onSeatUnselected)="onSeatUnselect($event)"
  (onTooltipRequested)="onTooltipRequested($event)"
  (onLayoutUpdated)="onLayoutUpdated($event)"
></seatmap>

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