Trib 106 add button to view connection profile (#101)

* added view profile button * removed comments, and added profile button navigation * created initial routing module --------- Co-authored-by: Johnathan James <[email protected]>
savvato-software · Aug 7, 2024 · 66edc3c · 66edc3c
1 parent 7147748
commit 66edc3c
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 18 deletions.
diff --git a/src/app/pages/connect-page/connection-details/connection-details-routing.module.ts b/src/app/pages/connect-page/connection-details/connection-details-routing.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { ConnectionDetailsPage } from './connection-details.page';
+
+const routes: Routes = [
+    {
+        path: '',
+        component: ConnectionDetailsPage
+    }
+];
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+})
+export class ConnectionDetailsRoutingModule { }
diff --git a/src/app/pages/connect-page/connection-details/connection-details.page.html b/src/app/pages/connect-page/connection-details/connection-details.page.html
@@ -1,13 +1,14 @@
 <ion-header>
-    <ion-toolbar>
-      <ion-title>connection_details</ion-title>
-    </ion-toolbar>
-  </ion-header>
-  
-  <ion-content>
-    <div>
-      <p>Details coming soon</p>
-    </div>
+  <ion-toolbar>
+    <ion-title>connection_details</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <div>
+    <p>Details coming soon</p>
+  </div>
     <ion-button (click)="onCancelBtnClick()">cancel</ion-button>
+    <ion-button (click)="goToUserProfile()">View Profile</ion-button>
     <ion-button (click)="onRemoveBtnClick()">remove</ion-button>
-  </ion-content>
+  </ion-content>
diff --git a/src/app/pages/connect-page/connection-details/connection-details.page.ts b/src/app/pages/connect-page/connection-details/connection-details.page.ts
@@ -21,18 +21,14 @@ export class ConnectionDetailsPage implements OnInit{
 
     ngOnInit() {}
 
+    goToUserProfile() {
+        this._router.navigate(['/profile']);
+    }
+
     onCancelBtnClick() {
         this._router.navigate(['/connect/list-connections']);
     }
 
-    // getCancelBtnClickFunc() {
-    //     const self = this;
-    //     return () => {
-    //       self.navigateTo('/list-connections');
-    //     }
-    // }
-
-
     onRemoveBtnClick() {
       let self = this;
       this._alertService.show({