fixed some issues with preferences editing

projects/account/src/app/modules/device/device-add/device-add.component.ts

@@ -108,7 +108,7 @@ export class DeviceAddComponent implements OnInit {
     }
 
     onPreferencesSubmit() {
-        this.deviceService.addAccountPreferences(this.preferencesForm);
+        this.deviceService.addAccountPreferences(this.preferencesForm).subscribe();
     }
 
     onDefaultsSubmit() {

projects/account/src/app/modules/device/device.component.ts

@@ -41,9 +41,18 @@ export class DeviceComponent implements OnInit {
         );
         this.preferencesForm = this.formBuilder.group(
             {
-                dateFormat: [null, Validators.required],
-                measurementSystem: [null, Validators.required],
-                timeFormat: [null, Validators.required],
+                dateFormat: [
+                    this.preferences ? this.preferences.dateFormat : null,
+                    Validators.required
+                ],
+                measurementSystem: [
+                    this.preferences ? this.preferences.measurementSystem : null,
+                    Validators.required
+                ],
+                timeFormat: [
+                    this.preferences ? this.preferences.timeFormat : null,
+                    Validators.required
+                ],
             }
         );
 

projects/account/src/app/modules/device/preferences/preferences.component.html

@@ -1,4 +1,4 @@
-<mat-card class="mat-elevation-z0" id="required-settings-card">
+<mat-card class="mat-elevation-z0" id="required-settings-card" [formGroup]="preferencesForm">
     <mat-card-title *ngIf="deviceSetup">Setup your device preferences</mat-card-title>
     <mat-card-title *ngIf="!deviceSetup">Manage your device preferences</mat-card-title>
     <mat-card-content fxLayout="column">
@@ -26,7 +26,7 @@
         </account-option-buttons>
     </mat-card-content>
     <mat-card-actions align="right" *ngIf="!deviceSetup">
-        <button mat-button type="submit">SAVE</button>
+        <button mat-button (click)="onSave()" [disabled]="!preferencesForm.valid">SAVE</button>
     </mat-card-actions>
 </mat-card>
 

projects/account/src/app/modules/device/preferences/preferences.component.ts

@@ -71,6 +71,14 @@ export class PreferencesComponent implements OnInit {
     }
 
     onSave() {
-        this.deviceService.updateAccountPreferences(this.preferencesForm);
+        if (this.preferences) {
+            this.deviceService.updateAccountPreferences(this.preferencesForm).subscribe(
+                () => { this.preferences = this.preferencesForm.value; }
+            );
+        } else {
+            this.deviceService.addAccountPreferences(this.preferencesForm).subscribe(
+                () => { this.preferences = this.preferencesForm.value; }
+            );
+        }
     }
 }