Skip to content

Commit fdc08f8

Browse files
PhantomDavegithub-actions[bot]
PhantomDave
authored and
github-actions[bot]
committed
chore: auto-format Frontend code
1 parent 006ed38 commit fdc08f8

26 files changed

Lines changed: 194 additions & 129 deletions

‎frontend/src/app/app.html‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
@if (isAuthenticated()) {
22
<app-side-nav-component>
3-
<router-outlet/>
3+
<router-outlet />
44
</app-side-nav-component>
55
} @else {
6-
<router-outlet/>
6+
<router-outlet />
77
}
8-

‎frontend/src/app/app.routes.ts‎

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,14 @@ import { Routes } from '@angular/router';
33
import ConfiguratorComponent from './components/configurator/configurator-component/configurator-component';
44
import { HomeComponent } from './components/home-component/home-component';
55
import { LoginComponent } from './components/welcome-layout/login-component/login-component';
6-
import {
7-
RegisterComponent
8-
} from './components/welcome-layout/register-component/register-component';
6+
import { RegisterComponent } from './components/welcome-layout/register-component/register-component';
97
import { authenticateGuard } from './guards/authenticate-guard';
108

119
export const routes: Routes = [
12-
{path: '', redirectTo : 'login', pathMatch: 'full'},
13-
{path: 'login', component: LoginComponent},
14-
{path: 'register', component: RegisterComponent },
15-
{path: 'home', component: HomeComponent, canActivate: [authenticateGuard]},
16-
{path: 'config', component: ConfiguratorComponent, canActivate: [authenticateGuard] },
17-
{path: '**', redirectTo : 'login' }
10+
{ path: '', redirectTo: 'login', pathMatch: 'full' },
11+
{ path: 'login', component: LoginComponent },
12+
{ path: 'register', component: RegisterComponent },
13+
{ path: 'home', component: HomeComponent, canActivate: [authenticateGuard] },
14+
{ path: 'config', component: ConfiguratorComponent, canActivate: [authenticateGuard] },
15+
{ path: '**', redirectTo: 'login' },
1816
];

‎frontend/src/app/components/configurator/add-entry/add-entry.css‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
.form {
2-
display: flex;
3-
flex-direction: column;
4-
gap: 24px;
2+
display: flex;
3+
flex-direction: column;
4+
gap: 24px;
55
}
66

77
.form-fields {
8-
display: grid;
9-
gap: 16px;
8+
display: grid;
9+
gap: 16px;
1010
}
1111

1212
mat-form-field {
13-
width: 100%;
13+
width: 100%;
1414
}
1515

1616
.actions {
17-
display: flex;
18-
gap: 12px;
17+
display: flex;
18+
gap: 12px;
1919
}

‎frontend/src/app/components/home-component/home-component.ts‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,4 @@ import { Component } from '@angular/core';
66
templateUrl: './home-component.html',
77
styleUrl: './home-component.css',
88
})
9-
export class HomeComponent {
10-
11-
}
9+
export class HomeComponent {}

‎frontend/src/app/components/side-nav-component/side-nav-component.html‎

Lines changed: 35 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,16 @@
11
<mat-sidenav-container class="sidenav-container">
2-
<mat-sidenav
3-
#drawer
4-
id="app-sidenav"
5-
class="sidenav"
6-
mode="side"
7-
opened
8-
position="start"
9-
>
2+
<mat-sidenav #drawer id="app-sidenav" class="sidenav" mode="side" opened position="start">
103
<app-flex [vertical]="true" justify="space-between" gap="0" style="height: 100%">
114
<div>
125
<div class="sidenav-header">
13-
<button mat-icon-button type="button" aria-label="Toggle menu" (click)="drawer.toggle()"
14-
[attr.aria-controls]="'app-sidenav'" [attr.aria-expanded]="drawer.opened">
6+
<button
7+
mat-icon-button
8+
type="button"
9+
aria-label="Toggle menu"
10+
(click)="drawer.toggle()"
11+
[attr.aria-controls]="'app-sidenav'"
12+
[attr.aria-expanded]="drawer.opened"
13+
>
1514
<mat-icon>menu_open</mat-icon>
1615
</button>
1716
<span class="app-title">Bank Tracker</span>
@@ -20,15 +19,28 @@
2019
<nav aria-label="Main navigation">
2120
<mat-nav-list>
2221
<app-flex [vertical]="true" gap="0" justify="center">
23-
<a mat-list-item routerLink="/home" class="nav-item" routerLinkActive="active" #rlaHome="routerLinkActive"
24-
[routerLinkActiveOptions]="{ exact: true }" [attr.aria-current]="rlaHome.isActive ? 'page' : null">
22+
<a
23+
mat-list-item
24+
routerLink="/home"
25+
class="nav-item"
26+
routerLinkActive="active"
27+
#rlaHome="routerLinkActive"
28+
[routerLinkActiveOptions]="{ exact: true }"
29+
[attr.aria-current]="rlaHome.isActive ? 'page' : null"
30+
>
2531
<mat-icon matListItemIcon>home</mat-icon>
2632
<span matListItemTitle>Home</span>
2733
<span matListItemLine>Dashboards</span>
2834
</a>
29-
<a mat-list-item routerLink="/config" class="nav-item" routerLinkActive="active"
30-
#rlaConfig="routerLinkActive" [routerLinkActiveOptions]="{ exact: true }"
31-
[attr.aria-current]="rlaConfig.isActive ? 'page' : null">
35+
<a
36+
mat-list-item
37+
routerLink="/config"
38+
class="nav-item"
39+
routerLinkActive="active"
40+
#rlaConfig="routerLinkActive"
41+
[routerLinkActiveOptions]="{ exact: true }"
42+
[attr.aria-current]="rlaConfig.isActive ? 'page' : null"
43+
>
3244
<mat-icon matListItemIcon>gear</mat-icon>
3345
<span matListItemTitle>Config</span>
3446
<span matListItemLine>Setup your data</span>
@@ -50,8 +62,14 @@
5062
<mat-sidenav-content class="content">
5163
@if (!drawer.opened) {
5264
<div class="content-header">
53-
<button mat-icon-button type="button" aria-label="Open menu" (click)="drawer.toggle()"
54-
[attr.aria-controls]="'app-sidenav'" [attr.aria-expanded]="drawer.opened">
65+
<button
66+
mat-icon-button
67+
type="button"
68+
aria-label="Open menu"
69+
(click)="drawer.toggle()"
70+
[attr.aria-controls]="'app-sidenav'"
71+
[attr.aria-expanded]="drawer.opened"
72+
>
5573
<mat-icon>menu</mat-icon>
5674
</button>
5775
</div>

‎frontend/src/app/components/side-nav-component/side-nav-component.ts‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,11 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
22
import { MatIconButton } from '@angular/material/button';
33
import { MatIcon } from '@angular/material/icon';
44
import {
5-
MatListItem, MatListItemIcon, MatListItemLine, MatListItemTitle, MatNavList
5+
MatListItem,
6+
MatListItemIcon,
7+
MatListItemLine,
8+
MatListItemTitle,
9+
MatNavList,
610
} from '@angular/material/list';
711
import { MatSidenav, MatSidenavContainer, MatSidenavContent } from '@angular/material/sidenav';
812
import { RouterLink, RouterLinkActive } from '@angular/router';

‎frontend/src/app/components/ui-library/flex-component/flex-component.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,3 @@
55
:host * {
66
box-sizing: border-box;
77
}
8-

‎frontend/src/app/components/ui-library/flex-component/flex-component.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1 @@
11
<ng-content></ng-content>
2-

‎frontend/src/app/components/ui-library/flex-component/flex-component.ts‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,12 @@
11
import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
22

3-
type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
3+
type FlexJustify =
4+
| 'flex-start'
5+
| 'flex-end'
6+
| 'center'
7+
| 'space-between'
8+
| 'space-around'
9+
| 'space-evenly';
410
type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
511
type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
612

@@ -16,7 +22,7 @@ type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
1622
'[style.justify-content]': 'justify()',
1723
'[style.align-items]': 'align()',
1824
'[style.flex-wrap]': 'wrap()',
19-
}
25+
},
2026
})
2127
export class FlexComponent {
2228
vertical = input<boolean>(false);
@@ -30,7 +36,7 @@ export class FlexComponent {
3036

3137
wrap = input<FlexWrap>('nowrap');
3238

33-
flexDirection = computed(() => this.vertical() ? 'column' : 'row');
39+
flexDirection = computed(() => (this.vertical() ? 'column' : 'row'));
3440

3541
// Pass-through: consumers must provide valid CSS units
3642
gapStyle = computed(() => this.gap());

‎frontend/src/app/components/welcome-layout/login-component/login-component.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +0,0 @@
1-

0 commit comments

Comments
 (0)