frontend(profile): Add toast messages when user enters incorrect input

frontend/package.json

@@ -89,4 +89,4 @@
       "browser"
     ]
   }
-}
+}

frontend/src/app/app.module.ts

@@ -23,7 +23,7 @@ import { AppRoutingModule } from './app-routing.module';
     AuthModule.forRoot(),
     DataModule.forRoot(),
     AppConfigModule,
-    AppRoutingModule,
+    AppRoutingModule
   ],
   providers: [
     StatusBar,

frontend/src/app/auth/pages/signin/signin.page.ts

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+
+import { ToastController } from '@ionic/angular';
 import { Validators, FormBuilder, FormGroup } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
@@ -15,7 +17,8 @@ export class SigninPage implements OnInit {
 
   constructor(private formBuilder: FormBuilder, private router: Router, private route: ActivatedRoute,
               private authService: AuthService,
-              private alertController: AlertController) {
+              private alertController: AlertController,
+              public toastController: ToastController) {
     this.form = this.formBuilder.group(
       {
         email: ['',  [Validators.required, Validators.email]],
@@ -39,8 +42,15 @@ export class SigninPage implements OnInit {
 
       }, error => {
         console.log(error);
+        this.presentToast();
       });
   }
-
-
+  async presentToast() {
+    const toast = await this.toastController.create({
+      position: 'top',
+      message: 'Wrong email or password.',
+      duration: 2000
+    });
+    toast.present();
+  }
 }

frontend/src/app/events/pages/event-create/event-create.page.ts

@@ -1,6 +1,7 @@
 import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
 import {FormBuilder, FormGroup, Validators, FormArray} from '@angular/forms';
 import { Router } from '@angular/router';
+import { ToastController } from '@ionic/angular';
 
 import { EventService } from '../../../data/providers/event/event.service';
 
@@ -26,7 +27,8 @@ export class EventCreatePage implements OnInit {
               private eventService: EventService,
               private router: Router,
               private alertController: AlertController,
-              private authService: AuthService) {
+              private authService: AuthService,
+              public toastController: ToastController) {
     this.form = this.formBuilder.group({
       medias: this.formBuilder.array([
         this.formBuilder.control('', Validators.required)
@@ -77,6 +79,7 @@ export class EventCreatePage implements OnInit {
         message => {
           this.router.navigate(['/feed']);
           this.eventPosted = true;
+          this.presentToast();
         },
         error => {
           this.handleError(error)
@@ -85,6 +88,15 @@ export class EventCreatePage implements OnInit {
 
   }
 
+  async presentToast() {
+    const toast = await this.toastController.create({
+      position: 'top',
+      message: 'Event has been created.',
+      duration: 2000
+    });
+    toast.present();
+  }
+
 
   async presentAlert(errMessage ,backendError : boolean) {
     let alert;

frontend/src/app/profile/pages/public/public.page.ts

@@ -2,6 +2,7 @@ import {ChangeDetectorRef, Component, OnInit} from '@angular/core';
 import {User} from '../../../interfaces';
 import {ActivatedRoute} from '@angular/router';
 import {AuthService} from '../../../auth/providers/auth/auth.service';
+import { ToastController } from '@ionic/angular';
 
 @Component({
   selector: 'app-public',
@@ -19,7 +20,7 @@ export class PublicPage implements OnInit {
   errorMessage : string;
   error : boolean = false;
   sameUser : boolean = false;
-  constructor(private route : ActivatedRoute, private auth : AuthService, private ref: ChangeDetectorRef) { }
+  constructor(private route : ActivatedRoute, private auth : AuthService, private ref: ChangeDetectorRef,public toastController: ToastController) { }
 
   ngOnInit() {
     this.sub = this.route.params.subscribe(params => {
@@ -56,6 +57,7 @@ export class PublicPage implements OnInit {
           console.log(res);
           this.isFollowing = true;
           this.ref.detectChanges();
+          this.presentToastFollow();
         },
         (err)=>{
           console.log(err);
@@ -72,6 +74,7 @@ export class PublicPage implements OnInit {
           console.log(res);
           this.isFollowing = false;
           this.ref.detectChanges();
+          this.presentToastUnfollow();
         },
         (err)=>{
           console.log(err);
@@ -80,4 +83,23 @@ export class PublicPage implements OnInit {
     }
 
   }
+
+  async presentToastFollow() {
+    const toast = await this.toastController.create({
+      position: 'top',
+      message: 'User has been followed.',
+      duration: 2000
+    });
+    toast.present();
+  }
+
+  async presentToastUnfollow() {
+    const toast = await this.toastController.create({
+      position: 'top',
+      message: 'User has been unfollowed.',
+      duration: 2000
+    });
+    toast.present();
+  }
+
 }

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

@@ -5,6 +5,8 @@ import {Datetime} from '@ionic/angular';
 import {Router} from '@angular/router';
 import {FormBuilder, FormGroup, Validators} from '@angular/forms';
 
+import { ToastController } from '@ionic/angular';
+
 @Component({
   selector: 'profile-settings',
   templateUrl: './settings.page.html',
@@ -42,7 +44,8 @@ export class SettingsPage implements OnInit {
   private sub : any;
   userId : string | null = null;
   constructor(private authController: AuthService, private router:
-  Router, private formBuilder : FormBuilder, private ref: ChangeDetectorRef) {
+  Router, private formBuilder : FormBuilder, private ref: ChangeDetectorRef,
+  public toastController: ToastController) {
     this.form = this.formBuilder.group(
       {
         name: ['', [Validators.required, Validators.pattern('[ a-zA-Z]*')]],
@@ -109,7 +112,7 @@ export class SettingsPage implements OnInit {
     console.log(this.userId + ': ' + JSON.stringify(newUser));
 
     this.authController.updateUser(this.user._id, newUser).subscribe((res)=>{
-       alert('Saved');
+       this.presentToast();
      },(err)=>{
       console.log(err);
      });
@@ -125,4 +128,14 @@ export class SettingsPage implements OnInit {
   updateInterestsLocally(newSelectedInterests: string[]){
     this.interestsSelected = newSelectedInterests;
   }
+
+  async presentToast() {
+    const toast = await this.toastController.create({
+      position: 'top',
+      message: 'Settings have been changed.',
+      duration: 2000
+    });
+    toast.present();
+  }
+
 }