template fixes

src/app/users/users.component.html

@@ -56,7 +56,6 @@
     <th>Device</th>
     <th>Models</th>
     <th></th>
-    <th></th>
   </tr>
 
   <tr *ngFor="let user of users">
@@ -71,8 +70,7 @@
         {{(i > 0 ? ', ' : '') + modelIds[model]}}
         </ng-container>
       </td>
-      <td><span [class]="'rb-ic clickable ' + (user.status === 'new' ? 'rb-ic-edit': 'rb-ic-undo')"
-                (click)="user.status === 'new' ? user.edit = true: restoreUser(user)"></span></td>
+      <td><span class="rb-ic clickable rb-ic-edit"  (click)="user.edit = true"></span></td>
     </ng-container>
     <ng-template #editUser>
       <td>
@@ -134,6 +132,37 @@
   </tr>
 </rb-table>
 
+<rb-accordion>
+  <rb-accordion-title [open]="false"><span class="rb-ic rb-ic-delete"></span>&nbsp; Deleted users</rb-accordion-title>
+  <rb-accordion-body>
+    <rb-table scrollTop>
+      <tr>
+        <th>Name</th>
+        <th>Email</th>
+        <th>Level</th>
+        <th>Location</th>
+        <th>Device</th>
+        <th>Models</th>
+        <th></th>
+      </tr>
+
+      <tr *ngFor="let user of deletedUsers">
+        <td>{{user.name}}</td>
+        <td>{{user.email}}</td>
+        <td>{{user.level}}</td>
+        <td>{{user.location}}</td>
+        <td>{{user.devices}}</td>
+        <td>
+          <ng-container *ngFor="let model of user.models; index as i">
+          {{(i > 0 ? ', ' : '') + modelIds[model]}}
+          </ng-container>
+        </td>
+        <td><span class="rb-ic clickable rb-ic-undo" (click)="restoreUser(user)"></span></td>
+      </tr>
+    </rb-table>
+  </rb-accordion-body>
+</rb-accordion>
+
 <ng-template #modelOptions>
   <option value=""></option>
   <ng-container *ngFor="let model of modelSelect">