-<h3>Account</h3>
+<div class="row">
+ <div class="content-padding">
+ <h3>Account</h3>
-<div *ngIf="information" class="alert alert-success">{{ information }}</div>
-<div *ngIf="error" class="alert alert-danger">{{ error }}</div>
+ <div class="col-md-6 col-sm-12">
+ <div class="panel panel-default">
+ <div class="panel-heading">Change password</div>
-<form role="form" (ngSubmit)="changePassword()" [formGroup]="changePasswordForm">
- <div class="form-group">
- <label for="new-password">New password</label>
- <input
- type="password" class="form-control" name="new-password" id="new-password"
- [(ngModel)]="newPassword" #newPasswordInput="ngModel"
- >
- <div [hidden]="changePasswordForm.controls['new-password'].valid || changePasswordForm.controls['new-password'].pristine" class="alert alert-warning">
- The password should have more than 5 characters
+ <div class="panel-body">
+ <my-account-change-password></my-account-change-password>
+ </div>
+ </div>
</div>
- </div>
- <div class="form-group">
- <label for="name">Confirm new password</label>
- <input
- type="password" class="form-control" name="new-confirmed-password" id="new-confirmed-password"
- [(ngModel)]="newConfirmedPassword" #newConfirmedPasswordInput="ngModel"
- >
- </div>
+ <div class="col-md-6 col-sm-12">
+ <div class="panel panel-default">
+ <div class="panel-heading">Update my informations</div>
- <input type="submit" value="Change password" class="btn btn-default" [disabled]="!changePasswordForm.valid">
-</form>
+ <div class="panel-body">
+ <my-account-details [user]="user"></my-account-details>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>