Progetto_2023-OVI/site2/js/pagination.js

export function createPagination(num) {
    $('#navPagination').css("display", "flex");
    $("#navPagination").html("");
  
    var navbar = document.createElement('nav');
    
    var ulNav = document.createElement('ul');
    ulNav.className = "pagination";
  
    var liNavP = document.createElement('li');
    //liNavP.className = "page-item";
    liNavP.id = "prev";
    
    var aPrev = document.createElement('a');
    aPrev.className = "page-link";
    aPrev.innerHTML = "«";
  
    liNavP.append(aPrev);
    ulNav.append(liNavP);
  
    for (var i=1; i<num+1; i++) {
      var liNav = document.createElement('li');
      liNav.className = "page-item";
      if (i==1) {
        liNav.classList.add("active");
      }
      liNav.id = "getPage_" + i;
      var aNum = document.createElement('a');
      aNum.className = "page-link";
      aNum.innerHTML = i;
      liNav.append(aNum)
      ulNav.append(liNav);
    }
  
    var liNavN = document.createElement('li');
    //liNavN.className = "page-item";
    liNavN.id = "next";
    var aNext = document.createElement('a');
    aNext.className = "page-link";
    aNext.innerHTML = "&raquo;";
    liNavN.append(aNext);
    ulNav.append(liNavN);
  
    navbar.append(ulNav);
  
    
    $("#navPagination").append(navbar);
  }