lecturer-dashboard.component.ts

import {Component, OnDestroy, OnInit} from '@angular/core';
import {takeWhile} from 'rxjs/operators';
import {OmpClassDao} from 'src/app/dao/omp-class.dao';
import {LecturerInfoService} from 'src/app/services/lecturer-info.service';
import {ActivatedRoute, Router} from '@angular/router';
import {LecturerDataService} from 'src/app/services/lecturer-data.service';
import {LecturerViewService} from 'src/app/services/lecturer-view.service';
import {GridOptions} from 'ag-grid-community';
import {ViewButtonComponent} from '../../GridComponents/ViewButtonComponent/view-button.component';

@Component({
  selector: 'app-lecturer-dashboard',
  templateUrl: './lecturer-dashboard.component.html',
  styleUrls: ['./lecturer-dashboard.component.css']
})
export class LecturerDashboardComponent implements OnInit, OnDestroy {

  public gridOptions: GridOptions;
  public columnDefs = [
    {headerName: 'Class Code', field: 'classCode', sortable: true, lockPosition: true},
    {headerName: 'Class Name', field: 'classname', sortable: true, lockPosition: true},
    {headerName: 'Year', field: 'year', sortable: true, lockPosition: true},
    {headerName: 'View', field: '', cellRendererFramework: ViewButtonComponent, lockPosition: true},
  ];

  private isAlive = true;
  private lecturerId: String;
  public classList: OmpClassDao[];
  public rowData: any;

  constructor(private lecturerInfoService: LecturerInfoService,
              private lecturerDataService: LecturerDataService,
              private lecturerViewService: LecturerViewService,
              private router: Router,
              private route: ActivatedRoute) {
  }

  ngOnInit(): void {
    this.route.params.subscribe(params => { this.lecturerId = params.id; }).add(takeWhile(() => this.isAlive));
    this.lecturerDataService.lecturerId = this.lecturerId;
    this.classList = [];
    this.gridOptions = {
      context: {componentParent: this}
    };
    this.rowData = this.lecturerInfoService.getLecturerClasses(this.lecturerId);
    this.getClasses();
  }

  ngOnDestroy(): void {
    this.classList = [];
    this.isAlive = false;
  }

  private getClasses() {
    this.lecturerInfoService.getLecturerClasses(this.lecturerId).subscribe((data: OmpClassDao[]) => {
      data.forEach(c => this.classList.push(c));
    });
  }

  public goToPaperView(classCode: String) {
    console.log('on click produces: ' + classCode);
    this.lecturerDataService.classCode = classCode;
    this.lecturerViewService.changeToDashboard(false);
    this.router.navigate(['/paper-view']);
    this.ngOnDestroy();
  }

  public goToTemplateView() {
    this.lecturerViewService.changeToDashboard(false);
    this.router.navigate(['/template-view']);
    this.ngOnDestroy();
  }

  public createPaperView() {
    this.lecturerDataService.isTemplate = false;
    this.lecturerViewService.changeToDashboard(false);
    this.router.navigate(['/creation-view']);
    this.ngOnDestroy();
  }

  public createTemplateView() {
    this.lecturerDataService.isTemplate = true;
    this.lecturerViewService.changeToDashboard(false);
    this.router.navigate(['/creation-view']);
    this.ngOnDestroy();
  }
}