Devices have replaced Clients for authentication as well as location using sections.

Printing of reports done.
Main section is now a fixture

User and Devices list gives last login details.

bookie/src/app/devices/device-detail/device-detail.component.html

@@ -39,6 +39,9 @@
             </mat-select>
           </mat-form-field>
         </div>
+        <div fxLayout="row">
+          <mat-checkbox formControlName="enabled">Enabled?</mat-checkbox>
+        </div>
       </form>
     </mat-card-content>
     <mat-card-actions>
@@ -47,5 +50,8 @@
         Delete
       </button>
     </mat-card-actions>
+    <mat-card-subtitle>
+      Created on <strong>{{ item.creationDate | localTime }}</strong>
+    </mat-card-subtitle>
   </mat-card>
 </div>

bookie/src/app/devices/device-detail/device-detail.component.ts

@@ -35,6 +35,7 @@ export class DeviceDetailComponent implements OnInit, AfterViewInit {
     this.form = this.fb.group({
       name: '',
       section: '',
+      enabled: '',
     });
   }
 
@@ -50,6 +51,7 @@ export class DeviceDetailComponent implements OnInit, AfterViewInit {
     this.form.setValue({
       name: this.item.name || '',
       section: this.item.section.id ? this.item.section.id : '',
+      enabled: this.item.enabled,
     });
   }
 
@@ -100,6 +102,7 @@ export class DeviceDetailComponent implements OnInit, AfterViewInit {
     const formModel = this.form.value;
     this.item.name = formModel.name;
     this.item.section.id = formModel.section;
+    this.item.enabled = formModel.enabled;
     return this.item;
   }
 }