import {Component} from '@angular/core';
import {NgbActiveOffcanvas} from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'offcanvas-menu',
  templateUrl: './menu.component.html',
  styleUrls: ['./menu.component.scss'],
})
export class MenuComponent {
  menuItems;
  constructor(public activeOffcanvas: NgbActiveOffcanvas) {
    this.menuItems = [
      {order: 0, link: 'intro', label: 'Home'},
      {order: 1, link: 'foresight', label: 'Regional Foresight'},
      {
        order: 2,
        link: 'text-mining',
        label: 'Text Mining applied to Regional Foresight',
      },
      {
        order: 3,
        link: 'sdm',
        label: 'System Dynamic Modelling applied to Regional Foresight',
      },
      {order: 4, link: 'policy-options', label: 'The Policy Options Explorer'},
      {
        order: 5,
        link: 'attractiveness',
        label: 'The Rural Attractiveness Explorer',
      },
      {
        order: 6,
        link: 'comparing-europe',
        label: 'Comparing Rural Attractiveness across the regions of Europe',
      },
      {
        order: 7,
        link: 'dynamics',
        label: 'Exploring the Dynamics of Rural Attractiveness',
      },
      {
        order: 8,
        link: 'impacts',
        label: 'Exploring the Impact of Policy Option on Rural Attractiveness',
      },
    ];
  }
}
