Already Logged In Feature - SSO Preparation

We needed user to click Login to perform login.

In some cases user may be already logged in and the user details are readily available Sometimes the user is already logged in and we have the user details are available upfront. In this case we need to display the user details. This feature prepares for future SSO module while currently provides downstream applications to utilize the same mechanism.

How to Use

You can pass in 0 if your getUser() resolves to an immediate subject.

To upgrade from previous version;

npm i [email protected]

Angular 2.1.2, Toggle Switches, Angular CLI 1.6.3

• Toggle Switch component #35

• Various Upgrades
• Requires upgrade to your Angular CLI to 1.6.3
• Match other versions

Angular 5 Release Fix

Fixes broken FESM5 build

Angular 5

Highlights

• Upgrade to Angular 5
• Upgrade to Material RC 5
• Upgrade to cbp-theme 1.8.1
• Upgrade to Angular-CLI 1.5.4

Upgrade Guide

• Upgrade global @angular/[email protected] and follow the upgrade guide.
• It is good idea to update your tslint, tsconfig.json etc. but these are optional. Be prepared for the new stricter tslint.
• Remove package-lock.json
• Nuke node_modules
• Update your package.json to match the versions. Ignore following listed packages not in your package.json

    "ngx-cbp-theme": "2.0.0",
    "@angular/animations": "5.0.3",
    "@angular/cli": "1.5.4",
    "@angular/common": "5.0.3",
    "@angular/compiler": "5.0.3",
    "@angular/compiler-cli": "5.0.3",
    "@angular/core": "5.0.3",
    "@angular/forms": "5.0.3",
    "@angular/http": "5.0.3",
    "@angular/language-service": "5.0.3",
    "@angular/platform-browser": "5.0.3",
    "@angular/platform-browser-dynamic": "5.0.3",
    "@angular/router": "5.0.3",
    "@compodoc/compodoc": "1.0.4",
    "@types/jasmine": "2.8.2",
    "rxjs": "5.5.2",
     "@types/node": "8.0.53",
    "codelyzer": "4.0.1",

Following scripts below in your project root

npm cache clear --force
npm install @angular/[email protected] -g
npm install

Material Upgrade

Highlights

Major upgrade to @angular/[email protected]

• All md- prefixes changed to mat-. Breaking changes in carapace-parapet - version beta11
• cbp-root now starts enforcing mat- prefix.
• angular-cli upgraded to 1.4.5
• AOT build fixes and changes to reference/starter application my-app
• With this 1.0.0 all versions are locked going forward.

Upgrade Guide

• Upgrade global @angular/[email protected].
• Update all your dependency versions to package.json.
• Update version [email protected]
• npm cache verify
• npm-install
• Change your prefixes - otherwise you will run into lot of issues. To do this following the following guide:-

How to change prefixes ?

You can automatically update your projects with the angular-material-prefix-updater tool.

However their tool does not work in beta.12 it only works in beta.11. So here is the trick you can use:

• npm install @angular/[email protected]` i.e. go back to version 11 however don;t save this to package.json.
• Run their prefixer tool.
• Revert back to @angular/[email protected] or best is nuke node_modules and reinstall

Additional Notes

• If you were using mat-select/md-select you now need to encapsulate it inside mat-form-field. This is a major enhancement which allows adding mat-hint and other desirable benefits of mat-form-fields
• If you used md-icon change from fontawesome to fa - this registry is provided for you under CBPRootModule

<md-icon  fontSet="fontawesome" fontIcon="fa-print"></md-icon>

to

<md-icon  fontSet="fa" fontIcon="fa-print"></md-icon>

Applications Search

Adds Applications search and other minor fixes to cbp-header

AOT Builds

AOT Build fixes

Header Refactoring

Refactoring code/functionality between cbp-header and cbp-app-header

• Introduced cbp-toolbar to contain the common functionality
• This essentially made md-toolbar non-essential. Removed by compensating for the Accessibility.
• Removed height adjustment hacks created for md-toolbar (64px->50px hacks)
• Adjusted Demo to reflect the change for app-header (no change to cbp-header).

Additional Enhancements

• app-header to be open up "hambruger" menu for mobile just as cbp-header
• Demo application now provides XS view of main and right toolbar navigations.