beenull/Picsur
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

refactor loose components

Browse source
This commit is contained in:
rubikscraft 2022-03-28 16:47:07 +02:00
parent 31eac94bc7
commit f5a0e6f251
No known key found for this signature in database
GPG key ID: 1463EBE9200A5CD4
6 changed files with 15 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/components/copyfield/copyfield.component.ts
View file

@ -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
frontend/src/app/components/footer/footer.component.html
View file

@ -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>

2
frontend/src/app/components/footer/footer.component.ts
View file

@ -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();

15
frontend/src/app/components/header/header.component.html
View file

@ -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">

11
frontend/src/app/components/header/header.component.scss
View file

@ -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;
} }

2
frontend/src/app/components/header/header.component.ts
View file

@ -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>();