6.3.4 • Published 3 days ago

@hopper-cloud-airlines/angular-sdk v6.3.4

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
3 days ago

Angular SDK

This project aims to provide a set of Angular components to subscribe to HTS services such as "Cancel for any reason".

Changelog

Changelog

Angular compatibility

Package versionAngular Version
6.0.0 and aboveAngular 15
5.0.1Angular 14
4.3.3Angular 13
3.0.0Angular 12
2.10.0Angular 11

Configuration

1. Install the package

npm install @hopper-cloud-airlines/angular-sdk@latest

2. Import module

Add this module to your Angular app

import { HopperCloudAirlinesAngularSdkModule } from '@hopper-cloud-airlines/angular-sdk';

// ...

@NgModule({
  imports: [
    // ...

    HopperCloudAirlinesAngularSdkModule
  ]
})
export class YourModule { }

3. Configure Theming

  1. If you have an Angular Material theme configured

    In your styles.scss, add following code :

    // Apply the theme to HTS components 
@import "node_modules/@hopper-cloud-airlines/angular-sdk/src/styles/theme.scss";

@include hopper-cloud-airlines-angular-sdk-components-theme($your-angular-material-theme);

  2. If you want to use a theme provided by HTS

    In your styles.scss, add following code :

    // Load the themes provided by HTS
@import "node_modules/@hopper-cloud-airlines/angular-sdk/src/styles/theme.scss";
    • For dialog components :

    Pass the theme name as a parameter in the dialog configuration

    import { DialogUtils } from '@hopper-cloud-airlines/angular-sdk';

// ...

const dialogData = { ... };
const dialogConfig = DialogUtils.getDialogConfig(dialogData, 'HOPPER-THEME-CLASS');
const dialogRef = this._dialog.open(HOPPER_COMPONENT, dialogConfig);
    • For other components :

    Encapsulate each HTS components into an HTML element with the HTS theme class :

    <div class="HOPPER-THEME-CLASS">
    <!-- <HOPPER-COMPONENT>...</HOPPER-COMPONENT> -->
</div>

    More simply you can also add the HTS theme class in the class attribute of the Body tag

    <body class="HOPPER-THEME-CLASS">

    <!-- Your code / Apps / ... -->

    <!-- <HOPPER-COMPONENT>...</HOPPER-COMPONENT> -->
</body>

Configure Assets for the SDK

In your angular.json file into your Angular project, you need to add following lines in the assets parameter :

{
    "glob": "**/*",
    "input": "./node_modules/@hopper-cloud-airlines/angular-sdk/assets",
    "output": "/assets/"
}
@datadog/browser-logstslib
@infinitebrahmanuniverse/nolb-_hop@everything-registry/sub-chunk-401
6.3.4

3 days ago

6.3.3

5 days ago

6.3.2

9 days ago

6.3.0

16 days ago

6.3.1

16 days ago

6.2.1

19 days ago

6.2.0

1 month ago

6.1.1

2 months ago

6.1.0

2 months ago

6.1.0-alpha.1

2 months ago

6.1.0-alpha.2

2 months ago

6.0.8

4 months ago

6.0.7

4 months ago

6.0.6

4 months ago

5.0.1

10 months ago

5.0.0

10 months ago

6.0.1

8 months ago

6.0.0

10 months ago

6.0.3

7 months ago

6.0.2

7 months ago

6.0.5

7 months ago

6.0.4

7 months ago

4.3.3

10 months ago

4.3.2

1 year ago

4.2.31

1 year ago

4.2.30

1 year ago

4.2.29

1 year ago

4.3.1

1 year ago

4.3.0

1 year ago

4.2.9

2 years ago

4.2.8

2 years ago

4.2.20

1 year ago

4.2.21

1 year ago

4.2.22

1 year ago

4.2.23

1 year ago

4.2.28

1 year ago

4.2.24

1 year ago

4.2.25

1 year ago

4.2.26

1 year ago

4.2.27

1 year ago

4.2.10

2 years ago

4.2.11

1 year ago

4.2.12

1 year ago

4.2.17

1 year ago

4.2.18

1 year ago

4.2.19

1 year ago

4.2.13

1 year ago

4.2.14

1 year ago

4.2.15

1 year ago

4.2.16

1 year ago

4.2.7

2 years ago

4.2.6

2 years ago

4.2.3

2 years ago

4.2.5

2 years ago

4.2.4

2 years ago

2.10.0

2 years ago

2.9.0

2 years ago

2.8.1

2 years ago

2.8.0

2 years ago

2.8.2

2 years ago

3.0.0

2 years ago

4.2.2

2 years ago

4.1.0

2 years ago

4.0.0

2 years ago

4.2.1

2 years ago

4.1.1

2 years ago

2.7.0

2 years ago

2.6.1

2 years ago

2.6.0

2 years ago

2.5.0

2 years ago

2.4.0

2 years ago

2.3.0

2 years ago

2.2.0

2 years ago

2.1.7

2 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

2 years ago

2.0.0

2 years ago

1.3.0

2 years ago