Try to optimize frontend

[github/Chocobozzz/PeerTube.git] / client / src / app / account / account.component.html

diff --git a/client/src/app/account/account.component.html b/client/src/app/account/account.component.html
index ad8f690bd4906e0e20964b0383e2e6af28e88922..177e54999e3e6ec542f9b3ecfbb12efea671a427 100644 (file)
--- a/client/src/app/account/account.component.html
+++ b/client/src/app/account/account.component.html
@@ -1,27 +1,25 @@
-<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(newPassword.value, newConfirmedPassword.value)" [ngFormModel]="changePasswordForm">
-  <div class="form-group">
-    <label for="new-password">New password</label>
-    <input
-      type="password" class="form-control" name="new-password" id="new-password"
-      ngControl="newPassword" #newPassword="ngForm"
-    >
-    <div [hidden]="newPassword.valid || newPassword.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"
-      ngControl="newConfirmedPassword" #newConfirmedPassword="ngForm"
-    >
-  </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>