improvements+fixes

src/app/pages/settings/settings.page.html

@@ -11,19 +11,17 @@
         </mat-error>
       </mat-form-field>
       <mat-form-field>
-        <textarea matInput placeholder="{{'settings.about' | i18n}}" formControlName="about"></textarea>
+        <textarea [mat-autosize] [matAutosizeMinRows]="3" matInput placeholder="{{'settings.about' | i18n}}" formControlName="about"></textarea>
         <mat-error>
           {{'settings.about.error' | i18n}}
         </mat-error>
       </mat-form-field>
-      <mat-slide-toggle (change)="darkThemeChange($event)" [checked]="user.darkTheme">
-        {{'settings.darkTheme' | i18n}}
-      </mat-slide-toggle>
     </mat-card-content>
     <mat-card-actions>
       <button *ngIf="!working" mat-raised-button color="primary" [disabled]="form.invalid">
         {{'settings.update' | i18n}}
       </button>
+      <a *ngIf="success" mat-button color="primary">{{'settings.success' | i18n}}</a>
     </mat-card-actions>
   </mat-card>
 

src/app/pages/settings/settings.page.ts

@@ -13,6 +13,7 @@ export class PageSettings implements OnInit {
   auth: any;
   user: any;
   working: boolean = false;
+  success: boolean = false;
   form: FormGroup;
   @ViewChild('formDirective') private formDirective: NgForm;
 
@@ -25,7 +26,6 @@ export class PageSettings implements OnInit {
       username: [ { disabled: true }, Validators.nullValidator ],
       email: [ '', Validators.nullValidator ],
       about: [ '', Validators.nullValidator ],
-      darkTheme: [ '', Validators.nullValidator ],
     });
 
     this.form.get('username').disable();
@@ -35,14 +35,9 @@ export class PageSettings implements OnInit {
       this.form.get('username').setValue(this.user.username);
       this.form.get('email').setValue(this.user.email);
       this.form.get('about').setValue(this.user.about);
-      this.form.get('darkTheme').setValue(this.user.darkTheme);
     })
   }
 
-  darkThemeChange($event) {
-    this.user.darkTheme = $event.checked;
-  }
-
   hasError(controlName: string): boolean {
     return this.form.controls[ controlName ].errors != null;
   }
@@ -53,6 +48,7 @@ export class PageSettings implements OnInit {
     }
 
     this.working = true;
+    this.success = false;
 
     this.user.about = this.form.get('about').value;
     this.user.email = this.form.get('email').value;
@@ -60,6 +56,7 @@ export class PageSettings implements OnInit {
     this.userService.update(this.user).subscribe((data) => {
       this.user = data;
       this.working = false;
+      this.success = true;
     }, (error) => {
       this.working = false;
       if (error.status == 422) {