vertiCal.js

VertiCal = {};

Meteor.startup(function(){
  Session.set('vertiCalStartDate', moment().format('MM/DD/YYYY') );
  Session.set('vertiCalSelectedDate', moment().format('MM/DD/YYYY') );
});

Template.vertiCal.rendered = function(){
  $('#vertiCalScrollable').bind('mousewheel',function(event){
    if (event.originalEvent.wheelDelta >= 0) {
      Session.set('vertiCalStartDate', 
        moment(Session.get("vertiCalStartDate")).add(-1, 'days').format('MM/DD/YYYY') 
      );
    }
    else {
      Session.set('vertiCalStartDate', 
        moment(Session.get("vertiCalStartDate")).add(1, 'days').format('MM/DD/YYYY') 
      );
    }
    event.preventDefault();
  });
}

Template.vertiCal.dates = function(){
  var num = this.numDays ? this.numDays : 7;
  var indexs = [];
  for( i = 0; i < num; i++ ){
    indexs.push(i);
  }
  return indexs;
}

Template.vertiCalDefaultHeader.text = function(){
  return moment(Session.get("vertiCalStartDate")).format('MMMM YYYY');
}

Template.vertiCalDefaultDateContent.active = function(){
  var current = moment(Session.get("vertiCalStartDate")).add(parseInt(this), 'days');
  var selected = Session.get("vertiCalSelectedDate");
  return current.isSame(selected,"day") ? "active" : "";
}

Template.vertiCalDefaultDateContent.customBtnContents = function(){
  return VertiCal.dateBtnContentsTemplate;
}

Template.vertiCalDefaultDateContent.text = function(){
  var current = moment(Session.get("vertiCalStartDate")).add(parseInt(this), 'days');
  var start = moment(Session.get("vertiCalStartDate"));
  return current.isSame(start,"month") ? current.format("Do") : current.format("MMM Do");
}

Template.vertiCalDefaultDateContent.events({
  'click': function(event){
    Session.set("vertiCalSelectedDate", 
        moment(Session.get("vertiCalStartDate")).add(parseInt(this),'days').format("MM/DD/YYYY")
    );
  }
});

Template.vertiCalDefaultUpArrow.events({
  'click': function(event){
    var newDate = moment(Session.get('vertiCalStartDate')).add(-1,'days');
    Session.set('vertiCalStartDate', newDate.format('MM/DD/YYYY'));
  }
});

Template.vertiCalDefaultDownArrow.events({
  'click': function(event){
    var newDate = moment(Session.get('vertiCalStartDate')).add(1,'days');
    Session.set('vertiCalStartDate', newDate.format('MM/DD/YYYY') );
  }
});

Template.vertiCalJumpToToday.events({
  'click #vertiCalJumpToToday': function(event){
    Session.set('vertiCalStartDate', moment().format('MM/DD/YYYY') );
    Session.set("vertiCalSelectedDate", moment().format('MM/DD/YYYY') );
  }
});

Template.vertiCalJumpToDate.value = function(){
  return Session.get('vertiCalStartDate');
}

Template.vertiCalJumpToDate.events({
  'click #jumpToDateSubmit': function(event ){
    if( moment($('#jumpToDateInput').val()).isValid() ){
      Session.set('vertiCalStartDate', moment($('#jumpToDateInput').val()).format('MM/DD/YYYY') );
      Session.set("vertiCalSelectedDate", moment($('#jumpToDateInput').val()).format('MM/DD/YYYY') );
    }else{
      Session.set('vertiCalStartDate', moment().format('MM/DD/YYYY') );
      Session.set("vertiCalSelectedDate", moment().format('MM/DD/YYYY') );
    }
  }
});