app_vue2/use/template/menu.ts

import {ref, useContext} from "@nuxtjs/composition-api";
import {ItemMenu, ItemsMenu} from "~/types/types";
import {$organizationProfile} from "~/services/profile/organizationProfile";

/**
 * @category Use/template
 * @class Menu
 * Use Classe pour la construction du Menu
 */
class Menu{
  private $ability:any;
  private $config:any;
  private $store:any;

  /**
   * @constructor
   * Initialisation des services issues du context
   */
  constructor() {
    const {$ability, $config, store} = useContext();
    this.$ability = $ability;
    this.$config = $config;
    this.$store = store;
  }

  /**
   * Construit le menu
   */
  useMenuConstruct(){
    let menu:ItemsMenu = [ this.constructMenu('fa-home', 'welcome', '/dashboard', true) ]

    const accessMenu = this.accessMenu()
    if(accessMenu) menu.push(accessMenu)

    const agendaMenu = this.agendaMenu()
    if(agendaMenu) menu.push(agendaMenu)

    const equipmentMenu = this.equipmentMenu()
    if(equipmentMenu) menu.push(equipmentMenu)

    const educationalMenu = this.educationalMenu()
    if(educationalMenu) menu.push(educationalMenu)

    return ref(menu)
  }

  /**
   * Construit le menu Répertoire ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  accessMenu():ItemMenu | null {
    const children:ItemsMenu = [];

    if (this.$ability().can('display', 'accesses_page')) {
      const organization = $organizationProfile(this.$store)
      let to = organization.isSchool() ? `/students/list/` : `/adherent/list/`
      children.push(this.constructMenu('fa-user', 'person', to, true))
    }

    if (this.$ability().can('display', 'student_registration_page')) {
      children.push(this.constructMenu('fa-users', 'family_view', '/student_registration/new', true))
    }

    if (this.$ability().can('display', 'education_student_next_year_page')) {
      children.push(this.constructMenu('fa-list-alt', 'education_student_next_year', '/education_student_next_year/list/', true))
    }
    if (this.$ability().can('display', 'commissions_page')) {
      children.push(this.constructMenu('fa-street-view', 'commissions', '/commissions/list/', true))
    }
    if (this.$ability().can('display', 'network_children_page')) {
      children.push(this.constructMenu('fa-sitemap', 'network', 'networks/list/', true))
    }
    if (this.$ability().can('display', 'network_parents_page')) {
      children.push(this.constructMenu('fa-sitemap', 'my_network', '/network_artist_schools/list/', true))
    }

    if(children.length === 1){
      return children[0];
    }
    return children.length > 0 ? this.constructMenu('fa-address-book', 'address_book', undefined, undefined, children) : null;
  }

  /**
   * Construit le menu Agenda ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  agendaMenu():ItemMenu | null {
    const children:ItemsMenu = [];

    if (this.$ability().can('display', 'agenda_page')) {
      children.push(this.constructMenu('fa-calendar-alt', 'schedule', '/calendar', true))
    }

    if (this.$ability().can('display', 'attendance_page')) {
      children.push(this.constructMenu('fa-calendar-check', 'attendances', '/attendances/list/', true))
    }

    if(children.length === 1){
      return children[0];
    }
    return children.length > 0 ? this.constructMenu('fa-calendar-alt', 'schedule', undefined, undefined, children) : null;
  }

  /**
   * Construit le menu Equipement ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  equipmentMenu():ItemMenu | null {
    return this.constructMenu('fa-cube', 'equipment', '/equipment/list', true)
  }

  /**
   * Construit le menu Suivi pédagogique ou null si aucune page accessible
   * @return {ItemMenu | null}
   */
  educationalMenu():ItemMenu | null {
    const children:ItemsMenu = [];

    if (this.$ability().can('display', 'criteria_notations_page')) {
      children.push(this.constructMenu('fa-bars', 'criteria_notations', '/criteria_notations/list/', true))
    }

    if (this.$ability().can('display', 'seizure_period_page')) {
      children.push(this.constructMenu('fa-calendar-alt', 'seizure_period', '/education_teachers/list/', true))
    }

    if (this.$ability().can('display', 'test_seizure_page')) {
      children.push(this.constructMenu('fa-pencil-alt', 'test_seizure', '/education_input/list/', true))
    }

    if (this.$ability().can('display', 'test_validation_page')) {
      children.push(this.constructMenu('fa-check', 'test_validation', '/education_notations/list/', true))
    }

    if (this.$ability().can('display', 'examen_results_page')) {
      children.push(this.constructMenu('fa-graduation-cap', 'examen_results', '/examen_convocations/list/', true))
    }

    if (this.$ability().can('display', 'education_by_student_validation_page')) {
      children.push(this.constructMenu('fa-check-square', 'education_by_student_validation', '/education_by_student/list/', true))
    }

    if(children.length === 1){
      return children[0];
    }
    return children.length > 0 ? this.constructMenu('fa-graduation-cap', 'education_state', undefined, undefined, children) : null;
  }

  /**
   * Construit un ItemMenu
   * @param {string} icon
   * @param {string} title titre qui sera traduit
   * @param {string} link lien
   * @param {boolean} isOldLink est-ce un lien renvoyant vers l'ancien admin ?
   * @param {Array<ItemMenu>} children Tableau d'ItemMenu représentant les sous menu du menu principal
   * @return {ItemMenu}
   */
  constructMenu(icon: string, title: string, link?: string, isOldLink?: boolean, children?: Array<ItemMenu>): ItemMenu{
    return children ? {
      icon: icon,
      title: title,
      children: children,
    } : {
      icon: icon,
      title: title,
      to: `${isOldLink ? this.$config.baseURL_adminLegacy : ''}${link}`,
      old: isOldLink,
    }
  }
}

export default Menu