MireaFrontend/src/services/tab-storage.service.ts

import {MatChipListbox} from "@angular/material/chips";
import {Injectable} from "@angular/core";
import {Params, Router} from "@angular/router";
import {Location} from '@angular/common';

export class TabSelect {
  public index: number;
  public name: string;

  constructor(index: number, name: string) {
    this.index = index;
    this.name = name;
  }
}

export enum TabSelectType {
  group,
  professor,
  lecture,
  other
}

export interface TabSelectData {
  selected: { [key: string]: TabSelect };
  type: TabSelectType | null;
}

@Injectable({
  providedIn: 'root'
})
export class TabStorageService {
  private static dataName = 'tabSelectedData';

  constructor(private router: Router, private location: Location) {
  }

  public static trySelectChip(index: number, chip: MatChipListbox, tryCount: number = 0) {
    setTimeout(() => {
      if (chip?._chips !== undefined && chip._chips.length !== 0) {
        let selected = chip._chips.find(x => x.value == index.toString());
        if (selected !== undefined) {
          selected.select();
          return;
        }
      }

      if (tryCount < 10)
        this.trySelectChip(index, chip, ++tryCount);
      else
        return;

    }, 100);
  }

  private resetIfNeed(type: TabSelectType) {
    let selectedData = TabStorageService.selected;

    if (selectedData === null || selectedData?.type === null)
      return;

    if (selectedData.type !== type) {
      localStorage.removeItem(TabStorageService.dataName);
      const currentUrl = this.router.url.split('?')[0];
      this.location.replaceState(currentUrl);
    }
  }

  public select(selected: TabSelect, type: TabSelectType, navigateName: string) {
    this.resetIfNeed(type);
    let selectedData = TabStorageService.selected;

    if (selectedData === null || !selectedData.selected)
      selectedData = {selected: {}} as TabSelectData;

    selectedData.selected[navigateName] = selected;
    selectedData.type = type;

    localStorage.setItem(TabStorageService.dataName, JSON.stringify(selectedData));

    const currentUrl = this.router.url.split('?')[0];

    const queryParam = new URLSearchParams();
    for (let select in selectedData.selected)
      queryParam.set(select, selectedData.selected[select].name);

    this.location.replaceState(currentUrl, queryParam.toString());
  }

  public static selectDataFromQuery(query: Params) {
    if (Object.keys(query).length === 0)
      return;

    let selectedData = {selected: {}} as TabSelectData;
    selectedData.type = null;

    for (let select in query) {
      selectedData.selected[select] = {} as TabSelect;
      selectedData.selected[select].name = query[select];
      selectedData.selected[select].index = -1;
    }

    localStorage.setItem(TabStorageService.dataName, JSON.stringify(selectedData));
  }

  public static get selected(): TabSelectData | null {
    let data = localStorage.getItem(this.dataName);

    if (data === null)
      return null;

    return JSON.parse(data) as TabSelectData;
  }
}