Merge branch 'julius-dev' of Software_Engineering_I/greenvironment-frontend into master

src/app/components/profile/fileUpload/fileUpload.component.ts

@@ -39,6 +39,7 @@ export class DialogFileUploadComponent {
    * Fired when the ok button was pressed
    */
   onOkClicked() {
+    if (this.file) {
       this.errorOccurred = false;
       this.uploading = true;
       this.selfService.changeProfilePicture(this.file).subscribe((response) => {
@@ -60,6 +61,10 @@ export class DialogFileUploadComponent {
           this.errorMessage = 'Failed to upload the profile picture.';
         }
       });
+    } else {
+      this.errorOccurred = true;
+      this.errorMessage = 'Please select a file to upload.';
+    }
   }
 
   /**

src/app/components/profile/fileUpload/fileUploadDialog.component.html

@@ -1,7 +1,8 @@
 <div id="file-upload-dialog">
   <h1 mat-dialog-title align="center">Upload a new Profile picture!</h1>
   <div class="uploadDialogContent" mat-dialog-content>
-    <input type="file" accept="image/*" (change)="onFileInputChange($event)" #name>
+    <input style="display: none" id="input-file" type="file" accept="image/*" (change)="onFileInputChange($event)" #name>
+    <label for="input-file" class="mat-button mat-raised-button mat-primary">Choose File</label>
     <div id="inputPreviewWrapper">
       <h2 *ngIf="localFileUrl">Preview:</h2>
       <img *ngIf="localFileUrl" id="inputPreview" [src]="localFileUrl"/>