closes #39

LederCards · May 8, 2024 · d6c8239 · d6c8239
1 parent 9b0b2b0
commit d6c8239
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/app/_shared/components/topbar/topbar.component.html b/src/app/_shared/components/topbar/topbar.component.html
@@ -1,7 +1,14 @@
 <ion-toolbar color="primary">
+  @if(showBackButton()) {
+  <ion-buttons slot="start">
+    <ion-back-button defaultHref="/search"></ion-back-button>
+  </ion-buttons>
+  }
+
   <ion-grid>
     <ion-row>
       <ion-col size-xs="10" size-sm="10" size-md="4" size-lg="6">
+
         @if(title(); as titleText) {
         <ion-title>
           {{ titleText }}

diff --git a/src/app/_shared/components/topbar/topbar.component.ts b/src/app/_shared/components/topbar/topbar.component.ts
@@ -18,6 +18,8 @@ export class TopbarComponent {
   public searchOnType = input<boolean>(false);
   public searchOnEnter = input<boolean>(false);
 
+  public showBackButton = input<boolean>(false);
+
   doType($event: string) {
     if (!this.searchOnType()) return;
     this.search($event);

diff --git a/src/app/card/card.page.html b/src/app/card/card.page.html
@@ -1,5 +1,5 @@
 <ion-header>
-  <app-topbar [searchOnEnter]="true"></app-topbar>
+  <app-topbar [searchOnEnter]="true" [showBackButton]="true"></app-topbar>
 </ion-header>
 
 <ion-content>