frontend/src/app/pages/user/user.component.html
<nb-layout>
<nb-layout-header>
<nb-sidebar-toggle style="width:100vw"></nb-sidebar-toggle>
</nb-layout-header>
<nb-sidebar left tag="left" state="expanded" responsive>
<nb-menu-services></nb-menu-services>
</nb-sidebar>
<nb-layout-column>
<nb-card [nbSpinner]="loading" nbSpinnerStatus="primary">
<nb-card-body class="example-items-col">
<h2>User data</h2>
<nb-form-field>
<form [formGroup]="userForm" (ngSubmit)="updateUser($event)">
<div class="form-group row">
<label for="inputEmail1" class="label col-sm-3 col-form-label">Mail</label>
<div class="col-sm-9">
<input class="col" nbInput type="mail" name="email" id="email" formControlName="email" [value]="user.email">
</div>
</div>
<div class="form-group row">
<label for="inputEmail1" class="label col-sm-3 col-form-label">password</label>
<div class="col-sm-9">
<input class="col" nbInput name="password" type="password" id="password" formControlName="password" >
</div>
</div>
<div class="form-group row">
<label for="inputEmail1" class="label col-sm-3 col-form-label">Role</label>
<div class="col-sm-9">
<input class="col" nbInput type="mail" name="role" id="role" [value]="user.role" disabled>
</div>
</div>
<div class="form-group row">
<div class="offset-sm-3 col-sm-9">
<button type="submit" nbButton status="success">Update</button>
</div>
</div>
</form>
</nb-form-field>
</nb-card-body>
</nb-card>
</nb-layout-column>
</nb-layout>