TypeScript angular2-flash-messages.FlashMessagesService類代碼示例

  onRegisterSubmit() {
    if (!this.username || !this.password1 || !this.password2) {
      return this.flashMsg.show('Please fill out all fields', { cssClass: 'notification is-danger' });
    } else if (this.password1 !== this.password2) {
      this.password1 = '';
      this.password2 = '';
      return this.flashMsg.show('Passwords do not match', { cssClass: 'notification is-danger' });
    }
    this.username = this.username.trim();

    this.auth.register({ username: this.username, password: this.password1 })
      .subscribe(data => {
        // Registration denied
        if (!data.success) {
          if (data.status === 1) { // err
            return this.flashMsg.show(data.msg, { cssClass: 'notification is-danger' });
          } else if (data.status === 2) { // username already exists
            this.username = '';
            this.password1 = '';
            this.password2 = '';
            return this.flashMsg.show(data.msg, { cssClass: 'notification is-danger' });
          } else { // nothing
            return this.flashMsg.show(data.msg, { cssClass: 'notification is-danger' });
          }
        }
        // Registration allowed
        if (data.success) {
          return this.router.navigate(['login']);
        }
      })


  }

 this.authService.forgotPasswordUser({email: this.email}).subscribe(data => {
   if(data.success){
     this.flashMessage.show('An email has been sent to '+this.email+' with further instruction !', {cssClass: 'alert-success', timeout: 5000});
   } else {
     this.flashMessage.show(data.msg, {cssClass: 'alert-danger', timeout: 3000});
   }
 });

  onRegisterSubmit(){
  
    const user = {
      first_name: this.first_name,
      last_name: this.last_name,
      email: this.email,
      username: this.username,
      password: this.password
    }
    
    // Require Fields
    if(!this.validateService.validateRegister(user)){
      this.flashMessage.show('Ooops ... you forgot to fill all the fields', {cssClass: 'alert-warning text-center', timeout: 3000});
      return false;
    }
    // Validate Email
       if(!this.validateService.validateEmail(user.email)){
     this.flashMessage.show('Seems like the email you entered is wrong .. please provide a valid email address', {cssClass: 'alert-warning text-center', timeout: 3000})
      return false;
    }
    // Register User
    this.authService.registerUser(user).subscribe(data =>{
      if(data.success){
         this.flashMessage.show('you made it ! you are now registered with Dobble Social Network', {cssClass: 'alert-success text-center', timeout: 3000})
         this.router.navigate(['/login']);
      } else{
        this.flashMessage.show('Ooops .. something went wrong', {cssClass: 'alert-warning text-center', timeout: 3000})
         this.router.navigate(['/register']);
      }
    });
      

  }

  register() {
    const user: User = new User(this.name, this.username, this.email, this.password);

    if (!this.validationService.validateRegister(user)) {
      console.log("fuck off")
      this.flashMessagesService.show("fuck off")
      return false;
    }

    if (!this.validationService.validateEmail(user.email)) {
      console.log("email fucked")
      this.flashMessagesService.show('email fucked', { cssClass: 'alert-danger', timeout: 3000 })
      return false;
    }

    console.log("sending " + user.email);
    this.authService.registerUser(user).subscribe(
      res => {
        this.flashMessagesService.show(res['message'] +". Please log in", { cssClass: 'alert-success', timeout: 10000 })
        this.router.navigateByUrl('/login');
      },
      error => {
        this.flashMessagesService.show("Unexpected error happened", { cssClass: 'alert-danger', timeout: 10000 })
        console.log(error)
        this.router.navigateByUrl("/register")
      }

    );

  }

  onRegisterSubmit(){
    let user = {
      name: this.name,
      email: this.email,
      username: this.username,
      password: this.password
    }

    // Required Fields
    if(!this.validateService.validateRegister(user)){
      this.flashMessage.show('Please fill in all fields !', {cssClass: 'alert-danger', timeout: 3000});
      return false;
    }

    // Validate Email
    if(!this.validateService.validateEmail(user.email)){
      this.flashMessage.show('Please use a valid email !', {cssClass: 'alert-danger', timeout: 3000});
      return false;
    }

    if (this.password != this.password2) return false;

    // Register user
    this.authService.registerUser(user).subscribe(data => {
      if(data.success){
        this.flashMessage.show('You are now registered successfully and can log in !', {cssClass: 'alert-success', timeout: 3000});
        this.router.navigate(['/login']);
      } else {
        this.flashMessage.show(data.msg, {cssClass: 'alert-danger', timeout: 3000});
        this.router.navigate(['/register']);
      }
    });

  }

 this._login.logout((err) => {
   if (err) {
     this._flashMessage.show(err.message, { cssClass: 'alert-danger', timeout: 5000 });
   } else {
     this._flashMessage.show('Bye!', { cssClass: 'alert-info', timeout: 5000 });
   }
 });

  onRegisterSubmit() {
    const user = {
      name: this.name,
      username: this.username,
      email: this.email,
      password: this.password
    };

    //Required
    if (!this.validateService.validateRegister(user)) {
      this.flashMessagesService.show('fill in all fileds', { cssClass: 'alert-danger', timeout: 2000 });
      return false;
    }

    if (!this.validateService.validateEmail(user.email)) {
      this.flashMessagesService.show('worng email', { cssClass: 'alert-danger', timeout: 2000 });
      return false;
    }

    //Register User
    this.authService.registerUser(user).subscribe(data => {
      if (data.success) {
        this.flashMessagesService.show('Registered Success', { cssClass: 'alert-success', timeout: 2000 });
        this.router.navigate(['/login']);
      } else {
        this.flashMessagesService.show('Registered Failed', { cssClass: 'alert-danger', timeout: 2000 });
        this.router.navigate(['/register']);
      }
    });
  }

      .subscribe(data => {

        // Login denied
        if (!data.success) {
          if (data.status === 1) {
            this.flashMsg.show('Wrong username!', { cssClass: 'notification is-danger' });
          } else if (data.status === 2) {
            this.flashMsg.show('Wrong password!', { cssClass: 'notification is-danger' });
          } else {
            this.flashMsg.show(data.msg, { cssClass: 'notification is-danger' });
          }
          this.username = '';
          this.password = '';
          return;
        }

        // Login allowed
        if (data.success && data.status === 0) {
          this.auth.storeToken(data.token, data.user);
          return this.location.back();
        } else {
          this.flashMsg.show('Error', { cssClass: 'notification is-danger' });
        }

      });

 }).subscribe((d) => {
   if(d == 1) {
     this._fM.show('<h5>Thank you!</h5><p>We appreciate you contacting us about getting in touch.<br>One of our colleagues will get back to you shortly.</p>', { cssClass: 'alert-success', timeout: 6000 });
     this.contactForm.reset();
   } else {
     this._fM.show('Error please try again!', { cssClass: 'alert-danger', timeout: 3000 });
   }
 });

 this._polls.createPoll(this.title, this.options, userId).subscribe(data => {
   if (data.success) {
     this._flashMessage.show('Poll has been added!', { cssClass: 'alert-success', timeout: 5000 });
     this.router.navigate(['/polls']);
   } else {
     this._flashMessage.show(data.message, { cssClass: 'alert-danger', timeout: 5000 });
   }
 });