src/app/admin/admin.component.html

@@ -1,3 +1,4 @@
+<a style="float: right" routerLink="/"> Wyloguj </a>
 <div class="container">
   <div class="row">
     <div class="col-md-6">
@@ -67,7 +68,7 @@
 
 
 
-<table class="table">
+<table style="margin-top:40px;" class="table">
   <thead>
     <tr>
       
@@ -88,9 +89,11 @@
       <td>{{device.name}}</td>
       <td>{{device.ip}}</td>
    
-      <td>edytuj</td>
-      <td><button (click)="onDeviceDelete(i)">usuń</button> </td>
+      <td><button style="background-color:white;border: 1px blue solid; color: blue; opacity:0.5;" (click)="onDeviceDelete(i)">edytuj</button></td>
+
+      <td><button style="background-color:white;border: 1px red solid; color: red; opacity:0.5;" (click)="onDeviceDelete(i); deleteRow(i)">usuń</button> </td>
 </tr>
 </tbody>
 </table>
 
+

src/app/admin/admin.component.ts

@@ -46,6 +46,18 @@ export class AdminComponent implements OnInit {
   }
 
 
+  deleteRow(i){
+       
+          
+                this.devices.splice(i,1);
+            
+        
+    }
+
+
+
+
+
   onDeviceEdit() {