Trib 263

src/app/pages/connect-page/connection-details/connection-details.page.ts

@@ -2,6 +2,7 @@ import {Component, OnInit} from "@angular/core";
 import {ActivatedRoute} from "@angular/router";
 import { Router} from "@angular/router";
 import { ConnectModelService } from '../_services/connect.model.service';
+import { AlertService } from "src/app/_services/alert/alert.service";
 
 @Component({
     selector: 'app-connection-details',
@@ -15,6 +16,7 @@ export class ConnectionDetailsPage implements OnInit{
     constructor( 
                 private route: ActivatedRoute,
                 private connectModelService: ConnectModelService,
+                private _alertService: AlertService,
                 private _router: Router) {}
 
     ngOnInit() {}
@@ -29,8 +31,24 @@ export class ConnectionDetailsPage implements OnInit{
     //       self.navigateTo('/list-connections');
     //     }
     // }
+
+
+    onRemoveBtnClick() {
+        let self = this;
+        this._alertService.show({
+            header: 'Wait!',
+            message: "Do you really want to remove this connection?",
+            buttons: [{
+                text: "Oops, no..",
+                role: 'cancel'
+            }, {
+                text: 'Yes!'
+            }]
+        })
+
     onRemoveBtnClick() {
         console.log("Remove clicked!")
+
     }
 
     navigateTo(url?: string) {