UI: Refactor tb-logo

ui-ngx/src/app/modules/login/pages/login/login.component.html

@@ -21,7 +21,7 @@
       <form class="tb-login-form" [formGroup]="loginFormGroup" (ngSubmit)="login()">
         <fieldset class="flex flex-col">
           <div class="flex flex-col items-center justify-start" style="padding: 15px 0;">
-            <tb-logo isLogin class="login-logo"></tb-logo>
+            <tb-logo link="https://thingsboard.io" target="_blank" class="login-logo"></tb-logo>
           </div>
           <mat-progress-bar color="warn" mode="indeterminate" *ngIf="isLoading$ | async">
           </mat-progress-bar>

ui-ngx/src/app/shared/components/logo.component.html

@@ -15,12 +15,12 @@
     limitations under the License.
 
 -->
-@if (isLogin) {
+@if (isExternal) {
-  <a href="https://thingsboard.io" target="_blank">
+  <a [href]="link" [target]="target">
     <ng-container *ngTemplateOutlet="logo"></ng-container>
   </a>
 } @else {
-  <a [routerLink]="link">
+  <a [routerLink]="link" [target]="target">
     <ng-container *ngTemplateOutlet="logo"></ng-container>
   </a>
 }

ui-ngx/src/app/shared/components/logo.component.scss

@@ -15,9 +15,12 @@
  */
 :host {
   pointer-events: auto;
-  a img {
+  a {
-    width: 100%;
+    border: none;
-    height: 100%;
+    img {
+      width: 100%;
+      height: 100%;
+    }
   }
 }
 

ui-ngx/src/app/shared/components/logo.component.ts

@@ -15,7 +15,6 @@
 ///
 
 import { Component, Input, OnInit } from '@angular/core';
-import { coerceBoolean } from '@shared/decorators/coercion';
 import { AuthService } from '@core/auth/auth.service';
 import { AppState } from '@core/core.state';
 import { Store } from '@ngrx/store';
@@ -30,24 +29,28 @@ import { UrlHolder } from '@shared/pipe/image.pipe';
 })
 export class LogoComponent implements OnInit {
 
-  @Input()
-  @coerceBoolean()
-  isLogin: boolean = false;
-
   @Input()
   src: string | UrlHolder = 'assets/logo_title_white.svg';
 
   @Input()
   link: string | UrlTree;
 
+  @Input()
+  target: string = null;
+
+  isExternal = false;
+
   constructor(private authService: AuthService,
               private store: Store<AppState>) {
   }
 
   ngOnInit() {
-    if (!this.isLogin && !this.link) {
+    if (!this.link) {
       const authState = getCurrentAuthState(this.store);
       this.link = this.authService.defaultUrl(true, authState);
     }
+    if (typeof this.link === 'string' && this.link.startsWith('http')) {
+      this.isExternal = true;
+    }
   }
 }