berkmancenter/bookanook

$(function() {
  /**
   * Filters general
   */

  // updating nooks wall
  $(document).on('filter-updated', function (e, params) {
    var searchParams = {};

    // locations filter selection
    var selected = [];
    $('.selected-location-item').each(function (k, val) {
      selected.push($(this).attr('data-item-id'));
    });
    searchParams.location_ids = selected;

    // time filter selection
    var time = $('#hour-range-slider').slider('getValue');

    searchParams.time_range = {
      start: time[0] * 3600,
      end: time[1] * 3600
    };

    // date filter selection
    var selected = [];

    var selectedDate = $('.datepicker-element').first().datepicker('getFormattedDate');
    var dateArr = selectedDate.split('/');

    var date = dateArr[2] + '-' + dateArr[0] + '-' + dateArr[1];

    selected.push(date);
    searchParams.days = selected;

    // amentities filter selection
    searchParams.amenities = [];
    $('.amenity input:checked').each(function (key, val) {
      var elem = $(this);

      searchParams.amenities.push(elem.val());
    });

    // matching rooms filter selection
    searchParams.matching_rooms = [];
    $('#matching-rooms-list input:checked').each(function (key, val) {
      var elem = $(this);

      searchParams.matching_rooms.push(elem.val());
    });

    // matching rooms types filter selection
    searchParams.nook_types = [];
    $('#matching-types-list input:checked').each(function (key, val) {
      var elem = $(this);

      searchParams.nook_types.push(elem.val());
    });

    // getting nooks items
    updateWall(searchParams);
  });

  /**
   * Date filter
   */

  $('.datepicker-element').datepicker('setDate', 'today');

  $(".datepicker-element").on("changeDate", function (event) {
    NProgress.start();

    $(document).trigger('filter-updated');
  });

  $(".datepicker-element").on("hide", function (event) {
    console.log('foo');
  });

  $('form.booking .date-this-week button').on('click', function () {
    NProgress.start();

    $(this).toggleClass('active');

    $(document).trigger('filter-updated');
  });

  /**
   * Time filter
   */

  $("#hour-range-slider").slider({});
  $("#hour-range-slider").on('change', function (object) {
    var min_start = object.value["oldValue"][0];
    var min_end = object.value["newValue"][0];
    var max_start = object.value["oldValue"][1];
    var max_end = object.value["newValue"][1];
    var minutes, hour;

    if (min_start != min_end) {
      hour = Math.floor(min_end);
      minutes = s.lpad((min_end - hour) * 60, 2, '0');
      $(this).parent().find('.slider-min').html((hour > 12 ? hour - 12 : hour) + ':' + minutes + (hour >= 12 ? 'PM' : 'AM'));
    }
    if (max_start != max_end) {
      hour = Math.floor(max_end);
      minutes = s.lpad((max_end - hour) * 60, 2, '0');
      $(this).parent().find('.slider-max').html((hour > 12 ? hour - 12 : hour) + ':' + minutes + (hour >= 12 ? 'PM' : 'AM'));
    }

    // refresh a list only when user finished moving
    if (typeof hourRangeTimer !== 'undefined') {
      clearTimeout(hourRangeTimer);
    }
    hourRangeTimer = setTimeout(function () {
      NProgress.start();

      // getting nooks items
      $(document).trigger('filter-updated');
    }, 700);
  });

  /**
   * Location filter
   */

  // get client geolocation to show distance to each location
  $(document).ready(function () {
    if ( $('#select-locations-link').length ) {
      var href = $('#select-locations-link').attr('href');
      $('#add-location-button').toggle();

      if( navigator.geolocation ) {
        // Call getCurrentPosition with success and failure callbacks
        navigator.geolocation.getCurrentPosition( function(position) {
          var clientLocation = [position.coords.latitude, position.coords.longitude];
          href = href + '?client_location=' + clientLocation
          $('#select-locations-link').attr('href', href);
          showSelectLocationButton();
        }, function() {
          showSelectLocationButton();
        } );
      } else {
        showSelectLocationButton();
      }
    }

    function showSelectLocationButton() {
      $('.loading').remove();
      $('#add-location-button').toggle();
    }
  });

  // selecting location items
  $(document).on('click', '#locations-select li', function (e) {
    $(this).toggleClass('active');
  });

  // process location selection
  $(document).on('click', '#process-locations-select', function () {
    var locationActiveItems = $('#locations-select li.active');

    NProgress.start();

    locationActiveItems.each(function (key, item) {
      var locationData = $(item).data('item');

      var newElem = $('<div/>', {
        class: 'btn selected-location-item',
        'data-item-id': locationData.id
      });

      var nameElem = $('<span/>', {
        text: locationData.name
      });

      var removeElem = $('<span/>', {
        class: 'remove_input',
        text: 'x'
      });

      removeElem.on('click', function () {
        NProgress.start();

        $(this).parent().remove();
        $(document).trigger('filter-updated');
      });

      nameElem.appendTo(newElem);
      removeElem.appendTo(newElem);

      $('#add-location-button').before(newElem);
    });

    $(document).trigger('filter-updated');

    modal.modal('hide');
  });

  locationsModalLoaded = function () {
    var selected = [];
    $('.selected-location-item').each(function (k, val) {
      selected.push($(this).attr('data-item-id'));
    });

    $('#locations-select li').each(function (key, value) {
      var elem = $(this);

      var locationData = elem.data('item');

      if (selected.indexOf(String(locationData.id)) !== -1) {
        elem.remove();
      }
    });
  };

  /**
   * Time period filter
   */

  $('form.booking #when button').on('click', function () {
    var elem = $(this);

    $('#when button').removeClass('active');
    elem.addClass('active');

    if (elem.val() === 'today') {
      NProgress.start();
      $('.filter.date').removeClass('this-week future').addClass('today');
      $('.filter.date').addClass('inactive');
      var searchParams = {};
      searchParams.when = elem.val();

      // getting nooks items
      $(document).trigger('filter-updated');
    } else if (elem.val() === 'future') {
      $('.filter.date').removeClass('today this-week').addClass('future');
      $('.filter.date').removeClass('inactive');
    }

  });

  /**
   * Amenitiies filter
   */

  $('form.booking .amenity input').on('change', function () {
    NProgress.start();

    $(document).trigger('filter-updated');
  });

  /**
   * Types filter
   */

  $('form.booking #filtered-results input').on('change', function () {
    NProgress.start();

    $(document).trigger('filter-updated');
  });
});