chore: change redirecting to login method in home component

npm/ng-packs/apps/dev-app/src/app/home/home.component.html

@@ -8,12 +8,7 @@
     </div>
   </div>
   <a href="https://abp.io?ref=tmpl" target="_blank" class="btn btn-primary px-4">abp.io</a>
-  <a
+  <a *ngIf="!hasLoggedIn" (click)="login()" class="px-4 btn btn-primary ml-1" role="button"
-    *ngIf="!hasLoggedIn"
-    routerLink="/account/login"
-    [state]="{ redirectUrl: '/' }"
-    class="px-4 btn btn-primary ml-1"
-    role="button"
     ><i class="fa fa-sign-in"></i> {{ 'AbpIdentity::Login' | abpLocalization }}</a
   >
 </div>

npm/ng-packs/apps/dev-app/src/app/home/home.component.ts

@@ -11,4 +11,8 @@ export class HomeComponent {
   }
 
   constructor(private oAuthService: OAuthService) {}
+
+  login() {
+    this.oAuthService.initCodeFlow();
+  }
 }

templates/app/angular/src/app/home/home.component.html

@@ -8,13 +8,7 @@
     </div>
   </div>
   <a href="https://abp.io?ref=tmpl" target="_blank" class="btn btn-primary px-4">abp.io</a>
-  <a
+  <a *ngIf="!hasLoggedIn" (click)="login()" class="px-4 btn btn-primary ml-1" role="button"
-    *ngIf="!hasLoggedIn"
-    routerLink="/account/login"
-    [state]="{ redirectUrl: '/' }"
-    class="px-4 btn btn-primary ml-1"
-    role="button"
-    id="login-button"
     ><i class="fa fa-sign-in"></i> {{ 'AbpAccount::Login' | abpLocalization }}</a
   >
 </div>

templates/app/angular/src/app/home/home.component.ts

@@ -11,4 +11,8 @@ export class HomeComponent {
   }
 
   constructor(private oAuthService: OAuthService) {}
+
+  login() {
+    this.oAuthService.initCodeFlow();
+  }
 }