refactor loose components
This commit is contained in:
parent
31eac94bc7
commit
f5a0e6f251
|
@ -9,7 +9,7 @@ import { UtilService } from 'src/app/util/util.service';
|
||||||
styleUrls: ['./copyfield.component.scss'],
|
styleUrls: ['./copyfield.component.scss'],
|
||||||
})
|
})
|
||||||
export class CopyFieldComponent {
|
export class CopyFieldComponent {
|
||||||
// Two paramets: name, value
|
// Two parameters: name, value
|
||||||
@Input() label: string = 'Loading...';
|
@Input() label: string = 'Loading...';
|
||||||
@Input() value: string = 'Loading...';
|
@Input() value: string = 'Loading...';
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<footer class="container">
|
<footer class="container">
|
||||||
<p>
|
<p>
|
||||||
|
<!-- Made into two spans, make sure browsers break at the right point -->
|
||||||
<span class="line">
|
<span class="line">
|
||||||
Made with
|
Made with
|
||||||
<span class="material-icons-outlined heart"> favorite_border </span>
|
<span class="material-icons-outlined heart"> favorite_border </span>
|
||||||
|
|
|
@ -11,7 +11,7 @@ export class FooterComponent implements OnInit {
|
||||||
constructor(private infoService: InfoService) {}
|
constructor(private infoService: InfoService) {}
|
||||||
|
|
||||||
isDemo: boolean = false;
|
isDemo: boolean = false;
|
||||||
version: string = 'V0.0.0';
|
version: string = 'Unkown Version';
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {
|
||||||
this.subscribeInfo();
|
this.subscribeInfo();
|
||||||
|
|
|
@ -1,18 +1,19 @@
|
||||||
<mat-toolbar color="primary">
|
<mat-toolbar color="primary">
|
||||||
<button
|
<button
|
||||||
*ngIf="enableHamburger"
|
*ngIf="enableHamburger"
|
||||||
class="hamburger"
|
class="me-3"
|
||||||
mat-icon-button
|
mat-icon-button
|
||||||
(click)="onHamburgerClick.emit()"
|
(click)="onHamburgerClick.emit()"
|
||||||
>
|
>
|
||||||
<mat-icon>menu</mat-icon>
|
<mat-icon>menu</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<a [routerLink]="['/']" class="svg-logo">
|
<a [routerLink]="['/']" class="logo text-link">
|
||||||
<img src="/assets/image/logo/picsur.svg" alt="Picsur" />
|
<div class="svg-logo">
|
||||||
</a>
|
<img src="/assets/image/logo/picsur.svg" alt="Picsur" />
|
||||||
<a [routerLink]="['/']" class="text-link d-none d-sm-block">
|
</div>
|
||||||
<span>Picsur</span>
|
|
||||||
|
<span class="ms-3 d-none d-sm-block">Picsur</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<span class="spacer"></span>
|
<span class="spacer"></span>
|
||||||
|
@ -25,7 +26,7 @@
|
||||||
Login
|
Login
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<span *ngIf="isLoggedIn" class="username d-none d-sm-block">
|
<span *ngIf="isLoggedIn" class="me-3 d-none d-sm-block">
|
||||||
{{ user?.username }}
|
{{ user?.username }}
|
||||||
</span>
|
</span>
|
||||||
<button *ngIf="isLoggedIn" mat-icon-button [matMenuTriggerFor]="menu">
|
<button *ngIf="isLoggedIn" mat-icon-button [matMenuTriggerFor]="menu">
|
||||||
|
|
|
@ -1,19 +1,16 @@
|
||||||
.hamburger {
|
.logo {
|
||||||
margin-right: 1rem;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.svg-logo {
|
.svg-logo {
|
||||||
margin-right: 1rem;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
|
||||||
margin-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mat-menu-item[disabled] {
|
.mat-menu-item[disabled] {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
|
@ -15,8 +15,6 @@ import { UtilService } from 'src/app/util/util.service';
|
||||||
styleUrls: ['./header.component.scss'],
|
styleUrls: ['./header.component.scss'],
|
||||||
})
|
})
|
||||||
export class HeaderComponent implements OnInit {
|
export class HeaderComponent implements OnInit {
|
||||||
private readonly logger = console;
|
|
||||||
|
|
||||||
@Input('enableHamburger') enableHamburger: boolean = false;
|
@Input('enableHamburger') enableHamburger: boolean = false;
|
||||||
@Output('onHamburgerClick') onHamburgerClick = new EventEmitter<void>();
|
@Output('onHamburgerClick') onHamburgerClick = new EventEmitter<void>();
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue