Skip to content

Commit d3ebfdd

Browse files
dannywillemsdannywillems
committed
frontend: run make prettify 
1 parent a451f18 commit d3ebfdd

File tree

538 files changed

+18524
-10208
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

538 files changed

+18524
-10208
lines changed

‎frontend/src/app/app.actions.ts‎

Lines changed: 32 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,19 +10,43 @@ export const APP_PREFIX = 'App';
1010
const type = <T extends string>(type: T) => createType(APP_PREFIX, null, type);
1111

1212
const init = createAction(type('Init'));
13-
const initSuccess = createAction(type('Init Success'), props<{ activeNode: MinaNode, nodes: MinaNode[] }>());
13+
const initSuccess = createAction(
14+
type('Init Success'),
15+
props<{ activeNode: MinaNode; nodes: MinaNode[] }>(),
16+
);
1417

15-
const changeActiveNode = createAction(type('Change Active Node'), props<{ node: MinaNode }>());
18+
const changeActiveNode = createAction(
19+
type('Change Active Node'),
20+
props<{ node: MinaNode }>(),
21+
);
1622
const getNodeDetails = createAction(type('Get Node Details'));
17-
const getNodeDetailsSuccess = createAction(type('Get Node Details Success'), props<{ details: AppNodeDetails }>());
23+
const getNodeDetailsSuccess = createAction(
24+
type('Get Node Details Success'),
25+
props<{ details: AppNodeDetails }>(),
26+
);
1827
const getNodeEnvBuild = createAction(type('Get Node Env Build'));
19-
const getNodeEnvBuildSuccess = createAction(type('Get Node Env Build Success'), props<{ envBuild: AppEnvBuild }>());
20-
const deleteNode = createAction(type('Delete Node'), props<{ node: MinaNode }>());
28+
const getNodeEnvBuildSuccess = createAction(
29+
type('Get Node Env Build Success'),
30+
props<{ envBuild: AppEnvBuild }>(),
31+
);
32+
const deleteNode = createAction(
33+
type('Delete Node'),
34+
props<{ node: MinaNode }>(),
35+
);
2136
const addNode = createAction(type('Add Node'), props<{ node: MinaNode }>());
2237

23-
const changeMenuCollapsing = createAction(type('Change Menu Collapsing'), props<{ isCollapsing: boolean }>());
24-
const changeSubMenus = createAction(type('Change Sub Menus'), props<{ subMenus: string[] }>());
25-
const toggleMobile = createAction(type('Toggle Mobile'), props<{ isMobile: boolean }>());
38+
const changeMenuCollapsing = createAction(
39+
type('Change Menu Collapsing'),
40+
props<{ isCollapsing: boolean }>(),
41+
);
42+
const changeSubMenus = createAction(
43+
type('Change Sub Menus'),
44+
props<{ subMenus: string[] }>(),
45+
);
46+
const toggleMobile = createAction(
47+
type('Toggle Mobile'),
48+
props<{ isMobile: boolean }>(),
49+
);
2650
const toggleMenuOpening = createAction(type('Toggle Menu Opening'));
2751

2852
export const AppActions = {

‎frontend/src/app/app.component.html‎

Lines changed: 33 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -3,44 +3,56 @@
33
<router-outlet></router-outlet>
44
<!-- <mina-leaderboard-landing-page></mina-leaderboard-landing-page>-->
55
} @else {
6-
<mina-web-node-landing-page (goToNode)="goToWebNode()"
7-
(stopRequests)="clearNodeUpdateSubscription()"></mina-web-node-landing-page>
6+
<mina-web-node-landing-page
7+
(goToNode)="goToWebNode()"
8+
(stopRequests)="clearNodeUpdateSubscription()"
9+
></mina-web-node-landing-page>
810
}
911
} @else if (showLoadingWebNodePage$ | async) {
1012
<router-outlet></router-outlet>
1113
} @else if (showLeaderboardPage$ | async) {
1214
<router-outlet></router-outlet>
1315
} @else if (loaded) {
14-
<mat-sidenav-container [hasBackdrop]="false"
15-
class="w-100 h-100"
16-
*ngIf="menu$ | async as menu">
16+
<mat-sidenav-container
17+
[hasBackdrop]="false"
18+
class="w-100 h-100"
19+
*ngIf="menu$ | async as menu"
20+
>
1721
@if (isDesktop) {
18-
<mat-sidenav mode="side"
19-
[opened]="menu.open"
20-
[class.opened]="menu.open"
21-
[class.collapsed]="menu.collapsed"
22-
[class.mobile]="menu.isMobile">
22+
<mat-sidenav
23+
mode="side"
24+
[opened]="menu.open"
25+
[class.opened]="menu.open"
26+
[class.collapsed]="menu.collapsed"
27+
[class.mobile]="menu.isMobile"
28+
>
2329
<mina-menu></mina-menu>
2430
<div class="backdrop" (click)="toggleMenu()"></div>
2531
</mat-sidenav>
2632
}
27-
<mat-sidenav-content class="flex-column"
28-
[style.margin-left.px]="menu.isMobile ? 0 : (menu.collapsed ? 44 : 160)">
33+
<mat-sidenav-content
34+
class="flex-column"
35+
[style.margin-left.px]="menu.isMobile ? 0 : menu.collapsed ? 44 : 160"
36+
>
2937
@if (!hideToolbar) {
3038
<mina-toolbar></mina-toolbar>
3139
}
32-
<div id="mina-content"
33-
class="overflow-hidden"
34-
[class.no-toolbar]="hideToolbar"
35-
[class.no-submenus]="subMenusLength < 2"
36-
[class.mobile]="menu.isMobile"
37-
[class.uptime]="showLeaderboard">
40+
<div
41+
id="mina-content"
42+
class="overflow-hidden"
43+
[class.no-toolbar]="hideToolbar"
44+
[class.no-submenus]="subMenusLength < 2"
45+
[class.mobile]="menu.isMobile"
46+
[class.uptime]="showLeaderboard"
47+
>
3848
<router-outlet></router-outlet>
3949
</div>
4050
@if (!isDesktop) {
41-
<mina-submenu-tabs [class.d-none]="subMenusLength < 2"
42-
class="mobile-menu border-top"
43-
(subMenusLength)="onSubmenusLengthChange($event)"></mina-submenu-tabs>
51+
<mina-submenu-tabs
52+
[class.d-none]="subMenusLength < 2"
53+
class="mobile-menu border-top"
54+
(subMenusLength)="onSubmenusLengthChange($event)"
55+
></mina-submenu-tabs>
4456
<mina-menu-tabs></mina-menu-tabs>
4557
}
4658
</mat-sidenav-content>

‎frontend/src/app/app.component.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,6 @@ mat-sidenav-content {
7979
margin-bottom: 4px;
8080
border-top-right-radius: 6px;
8181

82-
8382
&.uptime {
8483
$toolbar: 130px;
8584
height: calc(100% - #{$toolbar} - #{$subMenus} - #{$tabs});

‎frontend/src/app/app.component.ts‎

Lines changed: 53 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -57,11 +57,29 @@ declare var AOS: any;
5757
],
5858
})
5959
export class AppComponent extends StoreDispatcher implements OnInit {
60-
6160
readonly menu$: Observable<AppMenu> = this.select$(AppSelectors.menu);
62-
readonly showLandingPage$: Observable<boolean> = this.select$(getMergedRoute).pipe(filter(Boolean), map((route: MergedRoute) => route.url === '/' || route.url.startsWith('/?')));
63-
readonly showLoadingWebNodePage$: Observable<boolean> = this.select$(getMergedRoute).pipe(filter(Boolean), map((route: MergedRoute) => route.url.startsWith(`/${Routes.LOADING_WEB_NODE}`)));
64-
readonly showLeaderboardPage$: Observable<boolean> = this.select$(getMergedRoute).pipe(filter(Boolean), map((route: MergedRoute) => route.url.startsWith(`/${Routes.LEADERBOARD}`)));
61+
readonly showLandingPage$: Observable<boolean> = this.select$(
62+
getMergedRoute,
63+
).pipe(
64+
filter(Boolean),
65+
map(
66+
(route: MergedRoute) => route.url === '/' || route.url.startsWith('/?'),
67+
),
68+
);
69+
readonly showLoadingWebNodePage$: Observable<boolean> = this.select$(
70+
getMergedRoute,
71+
).pipe(
72+
filter(Boolean),
73+
map((route: MergedRoute) =>
74+
route.url.startsWith(`/${Routes.LOADING_WEB_NODE}`),
75+
),
76+
);
77+
readonly showLeaderboardPage$: Observable<boolean> = this.select$(
78+
getMergedRoute,
79+
).pipe(
80+
filter(Boolean),
81+
map((route: MergedRoute) => route.url.startsWith(`/${Routes.LEADERBOARD}`)),
82+
);
6583
subMenusLength: number = 0;
6684
hideToolbar: boolean = CONFIG.hideToolbar;
6785
showLeaderboard: boolean = CONFIG.showLeaderboard;
@@ -70,9 +88,11 @@ export class AppComponent extends StoreDispatcher implements OnInit {
7088

7189
private nodeUpdateSubscription: Subscription | null = null;
7290

73-
constructor(private breakpointObserver: BreakpointObserver,
74-
private router: Router,
75-
private webNodeService: WebNodeService) {
91+
constructor(
92+
private breakpointObserver: BreakpointObserver,
93+
private router: Router,
94+
private webNodeService: WebNodeService,
95+
) {
7696
AOS.init();
7797

7898
super();
@@ -91,17 +111,28 @@ export class AppComponent extends StoreDispatcher implements OnInit {
91111
localStorage.setItem('webnodeArgs', args);
92112
}
93113
}
94-
this.select(getMergedRoute, () => {
95-
this.loaded = true;
96-
this.detect();
97-
}, filter(Boolean), take(1));
114+
this.select(
115+
getMergedRoute,
116+
() => {
117+
this.loaded = true;
118+
this.detect();
119+
},
120+
filter(Boolean),
121+
take(1),
122+
);
98123

99124
if (CONFIG.showLeaderboard && CONFIG.showWebNodeLandingPage) {
100125
/* frontend with some landing page */
101-
this.select(getMergedRoute, () => {
102-
this.initAppFunctionalities();
103-
}, filter((route: MergedRoute) => route?.url.startsWith('/loading-web-node')), take(1));
104-
126+
this.select(
127+
getMergedRoute,
128+
() => {
129+
this.initAppFunctionalities();
130+
},
131+
filter((route: MergedRoute) =>
132+
route?.url.startsWith('/loading-web-node'),
133+
),
134+
take(1),
135+
);
105136
} else if (!CONFIG.showLeaderboard && !CONFIG.showWebNodeLandingPage) {
106137
/* normal frontend (no landing pages) */
107138
this.initAppFunctionalities();
@@ -114,9 +145,14 @@ export class AppComponent extends StoreDispatcher implements OnInit {
114145
}
115146

116147
private initAppFunctionalities(): void {
117-
if (this.webNodeService.hasWebNodeConfig() && !this.webNodeService.isWebNodeLoaded()) {
148+
if (
149+
this.webNodeService.hasWebNodeConfig() &&
150+
!this.webNodeService.isWebNodeLoaded()
151+
) {
118152
if (!getWindow()?.location.href.includes(`/${Routes.LOADING_WEB_NODE}`)) {
119-
this.router.navigate([Routes.LOADING_WEB_NODE], { queryParamsHandling: 'preserve' });
153+
this.router.navigate([Routes.LOADING_WEB_NODE], {
154+
queryParamsHandling: 'preserve',
155+
});
120156
}
121157
}
122158
this.dispatch2(AppActions.init());

0 commit comments

Comments
 (0)