text: import $ from 'jquery';
  import Line from "./Line";
  import Hours from "./Hours";
  
  /*
  * Objectif : récupérer les lignes de bus depuis l'API de la métromobilité
  *
  * Étapes :
  * 1- Créer une référence vers les éléments du DOM qu'on va utiliser
  * 2- Récupérer les lignes de façon asynchrone à partir de l'API de la métromobilité
  * 3- Afficher les différentes lignes
  * */
  
  export default class Transports {
    constructor (type) {
      this.type = type;
      this.initEls();
      this.initEvents();
    }
  
    initEls () {
      this.$els = {
        name: $(`.js-${this.type.toLowerCase()}`)
      };
      this.arrayType = [];
    }
  
    initEvents () {
      this.getLines();
    }
  
    getLines(){
      const api = {
        endpoint: 'https://data.mobilites-m.fr/api/routers/default/index/routes/',
      };
  
      //$.ajaxSetup({cache: false});
      $.getJSON(api.endpoint)
          .then( (response) => {
            this.renderTransports(response);
          })
          .catch( (err)=>{
            console.log('Error lines', err);
          });
    }
  
    renderTransports(listTransports)
    {
      for (let index = 0; index < listTransports.length; index++) {
        let result = listTransports[index];
  
        if(result.type === this.type.toUpperCase())
        {
          this.arrayType.push(result);
        }
      }
      this.viewTransports()
    }
  
    viewTransports()
    {
      for(let i = 0; i < this.arrayType.length; i++)
      {
        const promise = new Promise((resolve) => {
          new Line(this.arrayType[i].id, resolve);
        });
        promise.then((infoLine) => {
          this.$els.name.append(infoLine);
        })
      }
      $(`body`).on('click', `.${this.type.toLowerCase()} li.line`, function() {
        new Hours($(this).data("id"));
      });
    }
  }