diff --git a/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.html b/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.html index 1f79645..40135ec 100644 --- a/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.html +++ b/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.html @@ -1 +1,13 @@ -wallet-logo + + wallet-logo + + + + + + + diff --git a/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.scss b/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.scss index 8cf4936..41f692d 100644 --- a/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.scss +++ b/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.scss @@ -17,6 +17,14 @@ padding: temp.$spaceBasic; position: relative; } + + button { + cursor: pointer; + left: 45%; + position: relative; + overflow-clip-margin: content-box; + } + @media (max-width: map-get(points.$breakpoints, xs)) and (min-width: map-get(points.$breakpoints, sm)){ img { left: 3%; diff --git a/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.ts b/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.ts index e79d875..85fcba3 100644 --- a/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.ts +++ b/src/app/core/layout/wallet-layout/wallet-layout-header/wallet-layout-header.component.ts @@ -1,16 +1,40 @@ -import { Component } from '@angular/core'; +import {Component, inject} from '@angular/core'; import { NavigateService } from '@app/core/services/navigate.service'; +import {MatButtonModule} from "@angular/material/button"; +import {MatIconModule} from "@angular/material/icon"; +import {MatMenuModule} from "@angular/material/menu"; +import {MatToolbarModule} from '@angular/material/toolbar'; +import {OpenLogsComponent} from "@shared/elements/open-logs/open-logs.component"; +import {MatDialog} from "@angular/material/dialog"; @Component({ - selector: 'vc-wallet-layout-header', - standalone: true, - templateUrl: './wallet-layout-header.component.html', - styleUrls: ['./wallet-layout-header.component.scss'] + selector: 'vc-wallet-layout-header', + standalone: true, + templateUrl: './wallet-layout-header.component.html', + imports: [ + MatButtonModule, + MatIconModule, + MatMenuModule, + MatToolbarModule + ], + styleUrls: ['./wallet-layout-header.component.scss'] }) export class WalletLayoutHeaderComponent { constructor (private readonly navigateService: NavigateService) {} + private dialog: MatDialog = inject(MatDialog); + goHome () { this.navigateService.goHome(); } + + inspectLogs () { + this.dialog.open(OpenLogsComponent, { + data: { + transactionId: '', + label: 'Inspect transaction logs', + isInspectLogs: true + }, + }); + } } diff --git a/src/app/features/home/components/home/home.component.html b/src/app/features/home/components/home/home.component.html index 5eae85a..7c9b28b 100644 --- a/src/app/features/home/components/home/home.component.html +++ b/src/app/features/home/components/home/home.component.html @@ -1,10 +1,5 @@
- -
- -
-
diff --git a/src/app/features/home/components/home/home.component.ts b/src/app/features/home/components/home/home.component.ts index 5a54b39..0c79e50 100644 --- a/src/app/features/home/components/home/home.component.ts +++ b/src/app/features/home/components/home/home.component.ts @@ -17,7 +17,6 @@ import {MatTabsModule} from '@angular/material/tabs'; import {AttestationSelectableModelService} from '@app/core/services/attestation-selectable-model.service'; import { OpenLogsComponent } from '@app/shared/elements/open-logs/open-logs.component'; import { MatDialog, MatDialogModule } from '@angular/material/dialog'; -import { MatCardModule } from '@angular/material/card'; @Component({ standalone: true, imports: [ @@ -28,8 +27,7 @@ import { MatCardModule } from '@angular/material/card'; InputSchemeComponent, WalletLayoutComponent, OpenLogsComponent, - MatDialogModule, - MatCardModule + MatDialogModule ], templateUrl: './home.component.html', styleUrls: ['./home.component.scss'], @@ -139,14 +137,4 @@ export class HomeComponent implements OnInit { return item; }); } - inspectLogs () { - this.dialog.open(OpenLogsComponent, { - data: { - transactionId: '', - label: 'Inspect transaction logs', - isInspectLogs: true - }, - }); - } - } diff --git a/src/app/shared/elements/open-logs/open-logs.component.html b/src/app/shared/elements/open-logs/open-logs.component.html index 356377c..0b134cd 100644 --- a/src/app/shared/elements/open-logs/open-logs.component.html +++ b/src/app/shared/elements/open-logs/open-logs.component.html @@ -3,7 +3,7 @@

{{label}}

-
+ Transaction ID