add_paper.js

function addpaper(item) {
  var new_row = document.getElementById("cont_paper")

  if (item === undefined) {

  } else {

    var authors = "";
    for (var i = 0; i < item.item.authors.length; i++) {
      authors += item.item.authors[i].lastName + ", " + item.item.authors[i].firstName.substring(0, 1) + "., "
      //Do something
    }
    var keywords = "";
    // check if there is keywords in item
    if (item.item.keywords !== undefined) {
      for (var i = 0; i < item.item.keywords.length; i++) {
        keywords += '<span class="badge badge-pill badge-light">' + item.item.keywords[i] + '</span>'
        //Do something
      }
    }

    authors = authors.substring(0, authors.length - 2);
    // Prepare YouTube Link
    // var array_contains_youtube = true
    var YouTubeHTML = ''
    if ('pdf' in item.links) { // to be replaced by if (item.YouTubelink) or so...
      var YouTubelink = item.links.youtube // to be replaced by item.YouTubelink or so...
      YouTubeHTML = `<button type="button" href="${YouTubelink}" class="btn btn-outline-info btn-circle"> <i class="fas fa-globe"></i> </button>Link`
    }
    // Do Authors and Keywords
    var doi
    if ('journal' in item.item) {
      doi = '<small class="text-muted"> ' + item.item.journal.name + ',' +
        item.item.journal.volume + ', ' + item.item.journal.pages + ', ' + item.item.DOI
    }
    if ('conference' in item.item) {
      doi = '<small class="text-muted"> ' + item.item.conference.name + ',' + item.item.conference.date + ', ' + item.item.DOI

    }
    // Prepare Explore Link
    // var array_contains_explore_link = true
    var ExploreHTML = ''
    if ('demo' in item.links) { // to be replaced by if (item.YouTubelink) or so...
      var ExploreLink = item.links.demo // to be replaced by item.ExploreLink or so...
      ExploreHTML = `<button type="button" href="${ExploreLink}" class="btn btn-outline-success btn-circle">  <i class="far fa-file-pdf"> </i></button>PDF`
    }

    new_row.innerHTML = new_row.innerHTML + '<div class="card" style="max-width: 1080px;">' +
      '<div class="row">' +
      '<div class="col-md-3">' +
      '<img src="' + item.item.imageLink + '" alt="..." style="width:100%">' +
      '</div>' +
      '<div class="col-md-9">' +
      '<div class="card-body">' +
      '<h5 class="card-title" style="margin-bottom:0px">' +
      '<small>' + authors + '</small>' +
      '<br>' +
      item.item.title +
      '<br>' +
      '<small>' +
      keywords +
      '</small>' +
      '</h5>' +
      doi +
      '<br>' +
      ExploreHTML +
      //BIBTEX BUTTON
      // '<button type="button" class="btn btn-outline-danger btn-circle" data-toggle="collapse" data-target="#bibtex-paper-vision" aria-expanded="false" aria-controls="bibtex-paper-vision"> <i class="fas fa-code"></i> </button>BIB' +
      
      YouTubeHTML +
      '</small>' +

      // BIBTEX area
      // '<pre id="bibtex-paper-vision" class="pre-style collapse">@article{santhanavanich20203d,' +
      // 'title={3D SAFE ROUTING NAVIGATION APPLICATION FOR PEDESTRIANS AND CYCLISTS BASED ON OPEN SOURCE TOOLS.},' +
      // 'author={Santhanavanich, T and Wuerstle, P and Silberer, J and Loidl, V and Rodrigues, P and Coors, V},' +
      // 'journal={ISPRS Annals of Photogrammetry, Remote Sensing \& Spatial Information Sciences},' +
      // 'volume={6},' +
      // 'year={2020}' +
      // '}' +
      // '}</pre>' +
      '</div>' +
      '</div>' +
      '</div>' +
      '</div>'

  }
}