crep.js 4.14 KB
function removeAfter(string, pattern) {
  var n = string.indexOf(pattern);
  return string.substring(0, n != -1 ? n : string.length);
}

function pageName(href) {
  if (href.indexOf(window.location.host) >= 0) {
    href = removeAfter(removeAfter(href, '?'), '#');
    hrefE = href.split('/');
    return hrefE[hrefE.length - 1];
  }
  return false;
}

function updateScrollData() {
  history.state.scrollTop = $(document.body).scrollTop();
  history.replaceState(history.state);
}

function pageSpecific(location) {
  if (pageName(location) == 'contact') {
    initializeMap();

    // enhance tel-links (from http://stackoverflow.com/a/18921965/2766106)
    $("a[href^='tel:']").each(function () {
      var target = "call-" + this.href.replace(/[^a-z0-9]*/gi, "");
      var link = this;

      // load in iframe to supress potential errors when protocol is not available
      $("body").append("<iframe name=\"" + target + "\" style=\"display: none\"></iframe>");
      link.target = target;

      // replace tel with callto on desktop browsers for skype fallback
      if (!navigator.userAgent.match(/(mobile)/gi)) {
        link.href = link.href.replace(/^tel:/, "callto:");
      }
    });
  }
  $(document).scroll(updateScrollData);
}



function actLink(ev) {
  var location = ev.currentTarget.href;
  var page = pageName(location);
  if (page && page != pageName(window.location.href)) {
    loadDoc(location, function () {
      history.pushState({
        loc: location
      }, document.title, location);
    });
    return false;
  }
}

function dynamiseLinks(el) {
  $("a", el).click(actLink);
}

function loadDoc(location, callback) {
  if (!callback) {
    callback = function () {
      return undefined;
    };
  }
  var eventsLeft = 2;
  var html = '';
  var mainContainer = $("#mainContainer");
  var oldHeight = mainContainer.height();

  function events() {
      eventsLeft += -1;
      if (eventsLeft <= 0) {
        // In
        //  Calculations
        mainContainer.html(html);
        mainContainer.height('auto');
        newHeight = mainContainer.height();
        mainContainer.height(oldHeight);
        //  Transition
        mainContainer.animate({
          height: newHeight,
          opacity: 1,
        }, 'fast', function () {
          mainContainer.height('auto');
          dynamiseLinks(mainContainer);
          pageSpecific(location);
          callback();
        });
      }
    }
    // Out
  $(document).off('scroll', updateScrollData);
  $(document.body).animate({
    scrollTop: $('.navbar-lower').height()
  }, 'fast');
  $.get(location + '?c', function (data) {
    html = data;
    events();
  });
  mainContainer.height(oldHeight);
  mainContainer.animate({
    opacity: 0
  }, 'fast', events);
}

function historyChange(ev) {
  loadDoc(ev.state.loc, function () {
    if (ev.state.scrollTop > $('.navbar-lower').height()) {
      $(document.body).animate({
        scrollTop: ev.state.scrollTop
      }, 'fast');
    }
  });
}

$(document).ready(function () {
  dynamiseLinks(document.body);
  var current = window.location.href;
  pageSpecific(current);
  history.replaceState({
    loc: current
  }, document.title, current);
  window.onpopstate = historyChange;
  $('.navbar-fixed-top .navbar-toggle').click(function () {
    $(document.body).animate({
      scrollTop: 0
    });
  });
});

function initializeMap() {
  var mapCanvas = document.getElementById('map-canvas');
  mapCanvas.innerHTML = '';
  var polytechPos = new google.maps.LatLng(50.6074998, 3.1373338);
  var mapOptions = {
    center: polytechPos,
    zoom: 16,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(mapCanvas, mapOptions);
  var marker = new google.maps.Marker({
    place: {
      location: polytechPos,
      query: "Polytech Lille"
    },
    attribution: {
      source: "Coupe de Robotique des Écoles Primaires",
      webUrl: window.location.host
    },
    map: map,
    title: "Polytech Lille"
  });
  var infowindow = new google.maps.InfoWindow({
    content: "<strong>Polytech Lille</strong><br/>Lieux des évènements de la Coupe de Robotique des Écoles Primaires"
  });
  marker.addListener('click', function () {
    infowindow.open(map, this);
  });
}