aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.ts @ c93d8df3

import { Component, OnDestroy, OnInit } from '@angular/core';
import { SearchRequest } from '../../../model/SearchRequest';
import { QueryService } from '../../../services/query/query.service';
import { Router } from '@angular/router';
import { DataHolderService } from '../../../services/data-holder/data-holder.service';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-search-box',
  templateUrl: './search-box.component.html',
  styleUrls: ['./search-box.component.css']
})
export class SearchBoxComponent implements OnInit, OnDestroy {
  enableSpellCheck: boolean;
  expression: string;
  private queryServiceSubscription$: Subscription;

  constructor(private queryService: QueryService, private router: Router, private dataHolderService: DataHolderService) { }

  ngOnInit(): void {
    this.enableSpellCheck = false;
  }

  onToggle() {
    this.enableSpellCheck = !this.enableSpellCheck;
  }

  onSubmit(): void {
    if (!this.expression) { return; }

    const searchRequest: SearchRequest = new SearchRequest(this.expression, new Date(), this.enableSpellCheck);

    this.queryServiceSubscription$ = this.queryService.searchPost(searchRequest).subscribe (data => {
      this.dataHolderService.setData(data);
      if (this.router.url === '/') {
        this.router.navigate(['/search']);
      }
    });
  }

  ngOnDestroy(): void {
    if (this.queryServiceSubscription$ !== undefined) {
      this.queryServiceSubscription$.unsubscribe();
    }
  }

  setClasses() {
    let classes;

    if (this.router.url === '/') {
      classes = {
        'is-not-visible': true,
        'is-visible': false
      };
    } else {
      classes = {
        'is-not-visible': false,
        'is-visible': true
      };
    }
    return classes;
  }
}