Angular And Cordys Connectivity

1) NodeJs Download And Install

2) Angular Cli Install

npm install -g @angular/cli

3) Create new App

ng new my-app
cd my-app
ng serve --open

4) Create Folder (src\assets\js)

5) jquery-3.5.1.min.js -> copy and paste -> src\assets\js

6) cordys.html5sdk.js -> copy and paste -> src\assets\js

7) Open angular.json and Add

 "scripts": [
          "src/assets/js/jquery-3.5.1.min.js",
          "src/assets/js/cordys.html5sdk.js"
 ]

8) hero.service.ts -> Copy and Paste -> src\app\

9) Create proxy.conf.json -> \proxy.conf.json

10) package.json add

 "scripts": {
     "start": "ng serve --proxy-config proxy.conf.json"
 }

11) Sample Code For Login

login(){
    let t = this;
    $.cordys.authentication.sso.authenticate("userId","Password").done(function (resp) {
    if(environment.production == false){
        if ($.cordys.getCookie("defaultinst_SAMLart") != "") {
        localStorage.token = $.cordys.getCookie("defaultinst_SAMLart");
        $.cordys.deleteAllCookies();
        }
    }
    //t.router.navigate(["/dashboard"]);
})
}

12) Ajax Call Sample Code

import { HeroService } from '../../../hero.service';
declare var $: any;

constructor(private heroService: HeroService) { }

this.heroService.ajax( "Method_Name", "NameSpace", { /* params  */}  )
.then(function (resp) {
         let obj = $.cordys.json.findObjects(resp,"user");
});

13) npm start