list-find-items.js

// list-find-items.js
// (C) Leo C. Stein (leo.stein@gmail.com)
// 2013
//
// Part of the arXiv-keys extension
//
// This work is licensed as Attribution-NonCommercial-ShareAlike 3.0 Unported (CC BY-NC-SA 3.0)
// For full details see http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US


//////////////////////////////////////////////////////////////////////
// Items on /list/ and /find pages
//////////////////////////////////////////////////////////////////////

// Keep the namespace clean. Nothing to export.
(function(){

var items;
var selectedItem = 0;

// See https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport/7557433#7557433
function isElementInViewport (el) {
  var rect = el.getBoundingClientRect();

  return (
    rect.top >= 0 && rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
    rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
  );
};

function setSelected(i, doScroll) {
  if ((i<0) || (i>= items.length))
    return;

  // Clear anything else that's selected
  var prevSelected = document.getElementsByClassName("selected");
  for (var k=0; k<prevSelected.length; k++) {
    var thisItem = prevSelected[k];
    thisItem.className = thisItem.className.replace
      ( /(?:^|\s)selected(?!\S)/g , '' );
  };

  // Set the new one
  items[i].className += " selected";
  selectedItem = i;

  if (doScroll && !isElementInViewport(items[i])) {
    // The name of the anchor is item<i+1>.
    items[i].scrollIntoView({behavior: "smooth"});
  };

  // Store this into sessionStorage
  arXivKeys.setSessionSelected(i);

};

function getSelectedLinks() {
  var linkContainer = items[selectedItem].parentNode.previousElementSibling;
  if (linkContainer)
    return linkContainer.getElementsByTagName("a");
  else return [];
};

function getSelLinkTitle(title) {
  var links = getSelectedLinks();
  for (var i = 0; i < links.length; i++)
    if (links[i].title == title)
      return links[i];

  return null;
};

function openTitleLink(title,inNewWin) {
  var link = getSelLinkTitle(title);
  if (link)
    arXivKeys.openURL(link.href, inNewWin);
};

function openAbstract(inNewWin) {
  openTitleLink("Abstract",inNewWin);
};

function openPDF(inNewWin) {
  openTitleLink("Download PDF",inNewWin);
};

function goDown() {
  if(selectedItem < items.length-1)
    setSelected(selectedItem + 1, true);
};

function goUp() {
  if(selectedItem > 0)
    setSelected(selectedItem - 1, true);
};

////////////////////////////////////////////////////////////

  // Get the items
  items = document.getElementsByClassName("meta");

  // Install key handlers
  arXivKeys.keyMap["NEXTABS"].act  = goDown;
  arXivKeys.keyMap["PREVABS"].act  = goUp;
  arXivKeys.keyMap["OPENABS"].act  = openAbstract;
  arXivKeys.keyMap["OPENPDF"].act  = openPDF;

  // Add click handlers
  var makeSelect = function(I) {
    return function() { setSelected(I, false); };
  };

  for (var i=0; i < items.length; i++) {
    items[i].onclick = makeSelect(i);
  };

  // See if sessionStorage already has something stored for the selected item
  setSelected(arXivKeys.getSessionSelected(),false);

}());