Contents

const SearchInput   = $(".input.--search"),
      SearchResults = $(".block._results");

const OpenOverlay = type => {
  gsap.set(body,{overflow:"hidden"});
  gsap.set(".overlay._" + type,{display:Site.open});
}

const CloseOverlay = type => {
  gsap.set([body,".overlay._" + type],{clearProps:"all"});
}

function KeyFunc(e) {
  let code = e.keyCode;

  if (code == 27) {
    if (AboutOpen) {
      CloseOverlay('about');
      AboutOpen = false;
    }
    if (BrowseOpen) {
      CloseOverlay('browse');
      BrowseOpen = false;
    }
    if (SearchOpen) {
      CloseOverlay('search');
      SearchInput.val('');
      SearchResults.html('');
      SearchOpen = false;
    }
  }

  if (AboutOpen == false && BrowseOpen == false && SearchOpen == false) {
    if (code == 65) {
      OpenOverlay('about');
      AboutOpen = true;
    }
    if (code == 66) {
      OpenOverlay('browse');
      BrowseOpen = true;
    }
    if (code == 83) {
      OpenOverlay('search');
      SearchInput.focus();
      SearchOpen = true;
    }
  }
}

$('.btn._nav.--about').click(function() {
  OpenOverlay('about');
  AboutOpen = true;
});

$('.btn._nav.--browse').click(function() {
  OpenOverlay('browse');
  BrowseOpen = true;
});

$('.btn._nav.--search').click(function() {
  OpenOverlay('search');
  SearchInput.focus();
  SearchOpen = true;
});

$('.exit._about').click(function() {
  CloseOverlay('about');
  AboutOpen = false;
});

$('.exit._browse').click(function() {
  CloseOverlay('browse');
  BrowseOpen = false;
});

$('.exit._search').click(function() {
  CloseOverlay('search');
  SearchInput.val('');
  SearchResults.html('');
  SearchOpen = false;
});

$(document).keyup(function(e){
  if (Site.overlays) {
    if (!Site.mobile) {
      if (!IsMobile) {
        KeyFunc(e);
      }
    } else {
      KeyFunc(e);
    }
  }
});

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
futuro-0.4.1	assets/js/footer/custom/OpenOverlay.js