Merge pull request #638 from h-da/feature/#558-Picture-in-profile

Feature#558: Picture in profile

Author: PatrickSkowronek

app/webFrontend/src/app/user/user-edit/user-edit.component.html

@@ -1,5 +1,8 @@
 <div class="edit-user-wrapper">
 <h1>Edit profile</h1>
+<div class="profile" *ngIf="user">
+    <span class="user-icon" user-image [user-image]="user" [size]="'100px'"></span>
+</div>
 
 <form name="form" class="user-form" (ngSubmit)="onSubmit()" [formGroup]="userForm">
   <div class="form-group" formGroupName="profile">

app/webFrontend/src/app/user/user-edit/user-edit.component.scss

@@ -1,3 +1,13 @@
+.user-icon {
+  background-size: cover;
+  border-radius: 1.25rem;
+  display: inline-block;
+  height: 2.5rem;
+  margin-bottom: 20px;
+  vertical-align: middle;
+  width: 2.5rem;
+}
+
 .user-form {
   width: 300px;
 

app/webFrontend/src/app/user/user-edit/user-edit.component.ts

@@ -156,6 +156,7 @@ export class UserEditComponent implements OnInit {
         this.userService.setUser(response.user);
       }
       this.snackBar.open('User image successfully uploaded.', '', {duration: 3000});
+      this.updateUser();
     }
   }