update login style

chriskapp · chriskapp · commit 162747118fec · 2023-07-25T21:30:52.000+02:00
diff --git a/projects/fusio-sdk/src/lib/component/login/login.component.html b/projects/fusio-sdk/src/lib/component/login/login.component.html
@@ -2,8 +2,8 @@
 <div class="fusio-login">
   <div class="fusio-login-panel">
     <header class="text-center bg-light border-bottom">
-      <h1 *ngIf="!logo">Login</h1>
       <img *ngIf="logo" [src]="'assets/' + logo" class="m-3">
+      <h1 *ngIf="title" class="p-3 m-0 lead">Login</h1>
     </header>
     <div class="fusio-login-panel-body">
       <fusio-message [response]="response"></fusio-message>
diff --git a/projects/fusio-sdk/src/lib/component/login/login.component.ts b/projects/fusio-sdk/src/lib/component/login/login.component.ts
@@ -27,13 +27,15 @@ export class LoginComponent implements OnInit {
 
   identity?: IdentityCollection;
   logo?: string;
+  title: boolean = false;
 
   constructor(private consumer: ConsumerService, private router: Router, private location: LocationStrategy, private user: UserService, private config: ConfigService) {
   }
 
   async ngOnInit(): Promise<void> {
     this.identity = await this.consumer.getClientAnonymous().identity().getAll();
     this.logo = this.config.getLogo();
+    this.title = this.logo === undefined;
   }
 
   async login() {
diff --git a/projects/fusio-sdk/src/lib/component/login/provider/provider.component.html b/projects/fusio-sdk/src/lib/component/login/provider/provider.component.html
@@ -1,11 +1,14 @@
 
 <div class="fusio-login">
   <div class="fusio-login-panel">
-    <header>
-      <h1>Provider</h1>
+    <header class="text-center bg-light border-bottom">
+      <h1 class="p-3 m-0 lead">Provider</h1>
     </header>
     <div class="fusio-login-panel-body">
       <fusio-message [response]="response"></fusio-message>
     </div>
+    <div class="text-end p-2 fw-light bg-light border-top">
+      <span class="text-muted" style="font-size:14px;"><a href="https://www.fusio-project.org/">Fusio</a></span>
+    </div>
   </div>
 </div>
diff --git a/projects/fusio-sdk/src/lib/component/password/confirm/confirm.component.html b/projects/fusio-sdk/src/lib/component/password/confirm/confirm.component.html
@@ -1,8 +1,8 @@
 
 <div class="fusio-login">
   <div class="fusio-login-panel">
-    <header>
-      <h1>Password confirmation</h1>
+    <header class="text-center bg-light border-bottom">
+      <h1 class="p-3 m-0 lead">Password confirmation</h1>
     </header>
     <div class="fusio-login-panel-body">
       <fusio-message [response]="response"></fusio-message>
@@ -21,5 +21,8 @@ <h1>Password confirmation</h1>
         </button>
       </form>
     </div>
+    <div class="text-end p-2 fw-light bg-light border-top">
+      <span class="text-muted" style="font-size:14px;"><a href="https://www.fusio-project.org/">Fusio</a></span>
+    </div>
   </div>
 </div>
diff --git a/projects/fusio-sdk/src/lib/component/password/reset/reset.component.html b/projects/fusio-sdk/src/lib/component/password/reset/reset.component.html
@@ -1,8 +1,8 @@
 
 <div class="fusio-login">
   <div class="fusio-login-panel">
-    <header>
-      <h1>Password reset</h1>
+    <header class="text-center bg-light border-bottom">
+      <h1 class="p-3 m-0 lead">Password reset</h1>
     </header>
     <div class="fusio-login-panel-body">
       <fusio-message [response]="response"></fusio-message>
@@ -21,5 +21,8 @@ <h1>Password reset</h1>
         </button>
       </form>
     </div>
+    <div class="text-end p-2 fw-light bg-light border-top">
+      <span class="text-muted" style="font-size:14px;"><a href="https://www.fusio-project.org/">Fusio</a></span>
+    </div>
   </div>
 </div>
diff --git a/projects/fusio-sdk/src/lib/component/register/activate/activate.component.html b/projects/fusio-sdk/src/lib/component/register/activate/activate.component.html
@@ -1,11 +1,14 @@
 
 <div class="fusio-login">
   <div class="fusio-login-panel">
-    <header>
-      <h1>Activation</h1>
+    <header class="text-center bg-light border-bottom">
+      <h1 class="p-3 m-0 lead">Activation</h1>
     </header>
     <div class="fusio-login-panel-body">
       <fusio-message [response]="response"></fusio-message>
     </div>
+    <div class="text-end p-2 fw-light bg-light border-top">
+      <span class="text-muted" style="font-size:14px;"><a href="https://www.fusio-project.org/">Fusio</a></span>
+    </div>
   </div>
 </div>
diff --git a/projects/fusio-sdk/src/lib/component/register/register.component.html b/projects/fusio-sdk/src/lib/component/register/register.component.html
@@ -1,8 +1,8 @@
 
 <div class="fusio-login">
   <div class="fusio-login-panel">
-    <header>
-      <h1>Register</h1>
+    <header class="text-center bg-light border-bottom">
+      <h1 class="p-3 m-0 lead">Register</h1>
     </header>
     <div class="fusio-login-panel-body">
       <fusio-message [response]="response"></fusio-message>
@@ -33,5 +33,8 @@ <h1>Register</h1>
         </button>
       </form>
     </div>
+    <div class="text-end p-2 fw-light bg-light border-top">
+      <span class="text-muted" style="font-size:14px;"><a href="https://www.fusio-project.org/">Fusio</a></span>
+    </div>
   </div>
 </div>

Original file line number	Diff line number	Diff line change
`@@ -27,13 +27,15 @@ export class LoginComponent implements OnInit {`
`27`	`27`
`28`	`28`	`identity?: IdentityCollection;`
`29`	`29`	`logo?: string;`
	`30`	`+ title: boolean = false;`
`30`	`31`
`31`	`32`	`constructor(private consumer: ConsumerService, private router: Router, private location: LocationStrategy, private user: UserService, private config: ConfigService) {`
`32`	`33`	`}`
`33`	`34`
`34`	`35`	`async ngOnInit(): Promise<void> {`
`35`	`36`	`this.identity = await this.consumer.getClientAnonymous().identity().getAll();`
`36`	`37`	`this.logo = this.config.getLogo();`
	`38`	`+ this.title = this.logo === undefined;`
`37`	`39`	`}`
`38`	`40`
`39`	`41`	`async login() {`