Fix

frontend/app/features/administration/pages/users/user-page.component.html

@@ -45,14 +45,14 @@
 
                 <sqx-control-errors for="email" [submitted]="userForm.submitted | async"></sqx-control-errors>
 
-                <input type="email" class="form-control" id="email" maxlength="100" formControlName="email" autocomplete="false"  />
+                <input type="email" class="form-control" id="email" maxlength="100" formControlName="email" autocomplete="off"  />
             </div>
             <div class="form-group">
                 <label for="displayName">Display Name <small class="hint">(required)</small></label>
 
                 <sqx-control-errors for="displayName" [submitted]="userForm.submitted | async"></sqx-control-errors>
 
-                <input type="text" class="form-control" id="displayName" maxlength="100" formControlName="displayName" autocomplete="false" spellcheck="false" />
+                <input type="text" class="form-control" id="displayName" maxlength="100" formControlName="displayName" autocomplete="off" spellcheck="false" />
             </div>
 
             <div class="form-group form-group-section">
@@ -61,7 +61,7 @@
 
                     <sqx-control-errors for="password" [submitted]="userForm.submitted | async"></sqx-control-errors>
 
-                    <input type="password" class="form-control" id="password" maxlength="100" formControlName="password" autocomplete="false" />
+                    <input type="password" class="form-control" id="password" maxlength="100" formControlName="password" autocomplete="off" />
                 </div>
 
                 <div class="form-group">
@@ -69,7 +69,7 @@
 
                     <sqx-control-errors for="passwordConfirm" [submitted]="userForm.submitted | async"></sqx-control-errors>
 
-                    <input type="password" class="form-control" id="passwordConfirm" maxlength="100" formControlName="passwordConfirm" autocomplete="false" />
+                    <input type="password" class="form-control" id="passwordConfirm" maxlength="100" formControlName="passwordConfirm" autocomplete="off" />
                 </div>
             </div>
 
@@ -78,7 +78,7 @@
 
                 <sqx-control-errors for="permissions" [submitted]="userForm.submitted | async"></sqx-control-errors>
 
-                <textarea class="form-control" id="permissions" formControlName="permissions" placeholder="Separate by line" autocomplete="false" spellcheck="false"></textarea>
+                <textarea class="form-control" id="permissions" formControlName="permissions" placeholder="Separate by line" autocomplete="off" spellcheck="false"></textarea>
             </div>
         </ng-container>
     </sqx-panel>

frontend/app/features/administration/pages/users/user-page.component.ts

@@ -26,7 +26,7 @@ import {
 export class UserPageComponent extends ResourceOwner implements OnInit {
     public isEditable = true;
 
-    public user?: UserDto;
+    public user?: UserDto | null;
     public userForm = new UserForm(this.formBuilder);
 
     constructor(
@@ -41,15 +41,13 @@ export class UserPageComponent extends ResourceOwner implements OnInit {
     public ngOnInit() {
         this.own(
             this.usersState.selectedUser
-                .subscribe(selectedUser => {
+                .subscribe(user => {
-                    if (selectedUser) {
+                    this.user = user;
-                        this.user = selectedUser;
 
-                        this.isEditable = this.user.canUpdate;
+                    this.isEditable = !user || user.canUpdate;
 
-                        this.userForm.load(selectedUser);
+                    this.userForm.load(user || { permissions: [] });
                     this.userForm.setEnabled(this.isEditable);
-                    }
                 }));
     }