D-Net

import { Component, OnInit, Output, EventEmitter } from '@angular/core';

import { FormBuilder, FormGroup } from '@angular/forms';

import { UserAutoComplete } from 'src/app/shared/models/response/user-autocomplete.interface';

import { UsersService } from 'src/app/shared/services/roles-users-management/user.service';

import { ErrorHandlingService } from 'src/app/shared/services/error-handling/error-handling.service';

import { ApiService } from '.././../../../shared/services/api.service';

@Component({

  selector: 'app-search-user',

  templateUrl: './search-user.component.html',

  styleUrls: ['./search-user.component.scss']

})

export class SearchUserComponent implements OnInit {

  searchCriteriaForm: FormGroup;

  userSuggestions: string[];

  userSuggestion: UserAutoComplete[];

  constructor(

    private fb: FormBuilder,

    private errorHandlingService: ErrorHandlingService,

    private userservice: UsersService

  ) { }

  ngOnInit(): void {

    this.searchCriteriaForm = this.fb.group({

      userCode: [null],

      name: [null],

      surname: [null],

      email: [null],

      status: [null]

    });

  }

  autoSuggestUserCode(event) {

    if (!event.query || event.query.length < 3) {

      this.userSuggestions = [];

      return;

    }

    this.userservice.getUserCodeAutoComplete(event.query).subscribe(

      (values: UserAutoComplete[]) => {

        let temp: string[] = [];

        this.userSuggestion = values;

        values.map(val => temp.push(val.id));

        this.userSuggestions = temp

      },

      err => this.errorHandlingService.showHttpResponseError(err)

    );

  }

  autoSuggestName(event) {

    if (!event.query || event.query.length < 3) {

      this.userSuggestions = [];

      return;

    }

    this.userservice.getUserNameAutocomplete(event.query).subscribe(

      (values: UserAutoComplete[]) => {

        let temp: string[] = [];

        this.userSuggestion = values;

        values.map(val => temp.push(val.name));

        this.userSuggestions = temp

      },

      err => this.errorHandlingService.showHttpResponseError(err)

    );

  }

  autoSuggestSurname(event) {

    if (!event.query || event.query.length < 3) {

      this.userSuggestions = [];

      return;

    }

    this.userservice.getUserSurnameAutoComplete(event.query).subscribe(

      (values: UserAutoComplete[]) => {

        let temp: string[] = [];

        this.userSuggestion = values;

        values.map(val => temp.push(val.surname));

        this.userSuggestions = temp

      },

      err => this.errorHandlingService.showHttpResponseError(err)

    );

  }

  autoSuggestEmail(event) {

    if (!event.query || event.query.length < 3) {

      this.userSuggestions = [];

      return;

    }

    this.userservice.getUserEmailAutoComplete(event.query).subscribe(

      (values: UserAutoComplete[]) => {

        let temp: string[] = [];

        this.userSuggestion = values;

        values.map(val => temp.push(val.email));

        this.userSuggestions = temp

      },

      err => this.errorHandlingService.showHttpResponseError(err)

    );

  }

  resetForm() {

    this.searchCriteriaForm.reset();

  }

}