conschedule 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 93620dd4e9b1866e48c1b3d48271803f1429784c
+  data.tar.gz: a387a284eb4e5b8c0d00aadf9d89d7efb8dec04a
+SHA512:
+  metadata.gz: 3051f2550ddb41658887a827d5bde6b8cab6542b9d148d50bb97f1908439b09bc54366bf955a33f12000e16d7c8bc2e4a1f9b46e24e50924f4d9c4ea0f74401b
+  data.tar.gz: c794bf2dd5cd43c9b8024e9319f8ac48b50c87cbb03a2d8e9cd6d199dcbbb1fa09c5363a802971995e8c51dca7dbe71a3ad072d210714435531d57a0e1f0788a

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2016 Sakilam Sandeep
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,154 @@
+# Conschedule
+
+Conschedule library for Rails
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'conschedule'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install conschedule
+
+## Embedding in a Rails app
+
+Add the following to your routes.rb file:
+
+``` ruby
+mount Conschedule::Engine, at: "/"
+```
+
+(NOTE: You may mount the server at any path, not just "/")
+
+You can then browse to your application path to view listing page, conschedule form page i.e.
+
+* For listing page: http://127.0.0.1:3000
+* For contact form page: http://127.0.0.1:3000/schedules/new
+
+If you wish to authenticate listing page with Devise, it would look something like:
+
+``` ruby
+authenticate :admin do
+  get "/admin/schedules" => "conschedule/schedules#index"
+end
+```    
+
+## Configuration 
+
+Conschedule is extremely simple to setup. Just configure basic settings for Conschedule:
+
+```ruby
+Conschedule.configuration do |config|
+  config.main_heading = "Contact"
+  config.purpose = 'An introduction to our product'
+  config.instructions = 'Learn about our product'
+  config.location_details = 'Details will be provided on confirmation'
+  config.system_time_zone = "UTC"
+  config.start_date = "2016-01-01"
+  config.end_date = "2016-12-31"
+  config.available_days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] 
+  config.black_out_dates
+  config.sun_timings = ["09:00", "17:00"]
+  config.mon_timings = ["09:00", "17:00"]
+  config.tue_timings = ["09:00", "17:00"]
+  config.wed_timings = ["09:00", "17:00"]
+  config.thu_timings = ["09:00", "17:00"]
+  config.fri_timings = ["09:00", "17:00"]
+  config.sat_timings = ["09:00", "17:00"]
+  config.duration = 30
+  config.from_address = "PLEASE-CHANGE-ME@example.com"
+  config.send_confirmation_mail = false
+  config.send_cancel_mail = false
+  config.to_address = "PLEASE-CHANGE-ME@example.com"
+  config.contact_name = "PLEASE-CHANGE-ME"
+  config.enable_tz = true
+end
+```
+
+The key options available are:
+
+| Option                    | Description                                                          |
+| -----------------         | -------------------------------                                      |
+| `main_heading`            | String to add page heading/title.                                    |
+| `instructions`            | String to convey a message to user.                                  |
+| `location_details`        | String to provide location details to user.                          |
+| `system_time_zone`        | TimeZone defines time zone of the application.                       |
+| `start_date`              | Date defines the start date of the calendar.                         |
+| `end_date`                | Date defines the end date of the calendar.                           |
+| `available_days`          | Array of abbreviated weekday name.                                   |
+| `black_out_dates`         | Array of dates to mark unavailable dates in calendar.                |
+| `sun_timings`             | Array of times defines start and end time of weekday Sunday.         |
+| `mon_timings`             | Array of times defines start and end time of weekday Monday.         |
+| `tue_timings`             | Array of times defines start and end time of weekday Tuesday.        |
+| `wed_timings`             | Array of times defines start and end time of weekday Wednesday.      |
+| `thu_timings`             | Array of times defines start and end time of weekday Thursday.       |
+| `fri_timings`             | Array of times defines start and end time of weekday Friday.         |
+| `sat_timings`             | Array of times defines start and end time of weekday Saturday.       |
+| `duration`                | Integer defines duration of the slot in minutes.                     |
+| `from_address`            | String for sending confirmation and cancel mails.                    |
+| `send_confirmation_mail`  | Boolean defines wheather a copy of confirmation mail to be sent to the 'to_address'.     |
+| `send_cancel_mail`        | Boolean defines wheather a copy of cancel mail to be sent to the 'to_address'.     |
+| `to_address`              | String for receving confirmation and cancel mails.                |
+| `contact_name`            | String used in confirmation and cancel mails.                     |
+| `enable_tz`               | Boolean defines wheather the time zone drop down should be active/inactive.     |
+
+Ensure you have set 'from_address' and 'contact_name' in config/initializers/conschedule.rb
+  
+```ruby
+config.from_address = "foo@example.com"
+config.contact_name = "foo"
+```
+
+If you wish to receive confirmation and cancel mails, ensure you have set following config variables in config/initializers/conschedule.rb:
+
+```ruby
+config.send_confirmation_mail = true
+config.send_cancel_mail = true
+config.to_address = "foo@example.com"
+```
+
+## Customization
+
+We built Conschedule to help you quickly integrate contact form in your application. However, we don't want to be in your way when you need to customize it.
+
+Since Conschedule is an engine, all its views are packaged inside the gem. These views will help you get started, but after some time you may want to change them. If this is the case, you just need to invoke the following generator, and it will copy all views to your application:
+
+```console
+$ rails generate conschedule:views
+```
+
+If you would like to generate only a few sets of views, like the ones for the `form` and `listing`,
+you can pass a list of names to the generator with the `-v` flag.
+
+```console
+$ rails generate conschedule:views -v form listing
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/rubyeffect/conschedule/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+## Links
+
+ * Code: `git clone git://github.com/rubyeffect/conschedule.git`
+ * Home: <http://github.com/rubyeffect/conschedule>
+
+## About RubyEffect
+
+![RubyEffect](http://blog.rubyeffect.com/wp-content/uploads/2015/05/cropped-re_original_logo.png)
+
+RubyEffect builds intuitive, live and elegant software that solves real world problems. We love open source and it's community.
+
+We would love to work on your ideas and see them grow. Say hello @ http://rubyeffect.com/contact

data/Rakefile

@@ -0,0 +1,37 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+require 'rdoc/task'
+
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'Conschedule'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.md')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+
+load 'rails/tasks/statistics.rake'
+
+
+
+require 'bundler/gem_tasks'
+
+require 'rake/testtask'
+
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+
+task default: :test

data/app/assets/config/conschedule_manifest.js

@@ -0,0 +1,2 @@
+//= link_directory ../javascripts/conschedule .js
+//= link_directory ../stylesheets/conschedule .css

data/app/assets/javascripts/conschedule/application.js

@@ -0,0 +1,22 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require jquery_ujs
+//= require conschedule/jquery.easing.min
+//= require conschedule/moment
+//= require conschedule/moment-timezone
+//= require conschedule/jquery.validate
+//= require conschedule/js_time_zone
+//= require conschedule/date
+//= require conschedule/jquery-ui-datepicker.min
+//= require conschedule/home

data/app/assets/javascripts/conschedule/calendar.js

@@ -0,0 +1,467 @@
+var page_info = gon.page_info;
+if (page_info.enable_tz) {
+  var user_tz = jstz.determine().name();
+}
+else {
+  var user_tz = page_info.system_time_zone;
+}
+var calendar_data, selected_date, formatted_tz, slot_date, slot_start_time, slot_end_time;
+
+function is_null_or_undef(variable) {
+  return (variable === null || variable === undefined);
+}
+
+function build_calendar(sequence) {
+  var date = start_date();
+  var no_of_days = 6;
+  var count = 0;
+  var dates_set = [];
+  while (dates_set.length <= no_of_days) {
+    if (!black_out_day(moment(date).format("ddd"))) {
+      dates_set.push(date);
+      count += 1;
+    }
+    date = sequence == "forward" ? tomorrow(date) : yesterday(date);
+  } 
+  if ( sequence == "backward" ) {
+    dates_set = dates_set.reverse();  
+  }
+  calendar_data = build_dates_set(dates_set);
+  generate_dates_template(calendar_data.days,calendar_data.today);
+}
+
+function start_date() {
+  return is_null_or_undef(page_info.start_date) ? user_cdt("YYYY-MM-DD") : moment.tz(page_info.start_date,page_info.system_time_zone).format("YYYY-MM-DD") < system_cdt("YYYY-MM-DD") ? system_cdt("YYYY-MM-DD") : moment.tz(page_info.start_date,page_info.system_time_zone).format("YYYY-MM-DD");  
+}
+
+function end_date() {
+  return is_null_or_undef(page_info.end_date) ? null : moment.tz(page_info.end_date,page_info.system_time_zone).format("YYYY-MM-DD");   
+}
+
+function user_cdt(pattern) {
+  return moment.tz(user_tz).format(pattern);
+}
+
+function system_cdt(pattern) {
+  return moment.tz(page_info.system_time_zone).format(pattern);  
+}
+
+function black_out_day(weekday) {
+  return $.inArray(weekday, page_info.available_days) == -1
+}
+
+function tomorrow(date) {
+  return moment.tz(date,user_tz).add(1, 'days').format("YYYY-MM-DD");
+}
+
+function yesterday(date) {
+  return moment.tz(date,user_tz).add(-1, 'days').format("YYYY-MM-DD");
+}
+
+function build_dates_set(dates) {
+  if ( is_null_or_undef(page_info.calendar_start_date) ) {
+    page_info.calendar_start_date = dates[0];
+  }
+  data = {today: user_cdt("YYYY-MM-DD"), days: [], weeks: []};
+  var time_slots;
+  $.each(dates, function( index, date ) {
+    time_slots = get_time_slots(date);
+    day_set = {  
+      date: date,
+      day_short: date_format(moment.tz(date,user_tz),"day_short"),
+      day_full: date_format(moment.tz(date,user_tz),"day_full"),
+      date_short: date_format(moment.tz(date,user_tz),"date_short"),
+      date_short_lz: date_format(moment.tz(date,user_tz),"date_short_lz"),     
+      date_full: date_format(moment.tz(date,user_tz),"date_full"),
+      slots: time_slots,
+      status: get_day_status(date,end_date(),time_slots.availability),
+      separator: is_separator_point(date, dates[index + 1], index)
+    }
+    data.days.push(day_set);
+    if ( day_set.separator == "separator" || index == 6 ) {
+      data.weeks.push(build_labels_set(data.days,data.weeks,date));
+    }
+  });
+  return data;
+}
+
+function get_time_slots(date) {
+  var day = moment(date).format("ddd").toLowerCase();
+  var slots = {morning: [], noon: [], availability: true};
+  var slot_value;
+  if ( system_cdt("YYYY-MM-DD HH:mm") < day_end_time(day,date,false)) {
+    if ( date == system_cdt("YYYY-MM-DD") ) {
+      var computed_start_time = moment.tz(page_info.system_time_zone).tz(user_tz).format("YYYY-MM-DD HH:mm");
+    }
+    var start_time = day_start_time(day,date,true);
+    var end_time = day_end_time(day,date,true);
+    while (start_time < end_time) {
+      if ( is_null_or_undef(computed_start_time) ) {
+        slot_value = moment(start_time).format("hh:mma");
+      }
+      else {
+        if ( start_time > computed_start_time ) {
+          slot_value = moment(start_time).format("hh:mma");
+        }  
+      }
+      if ( !is_null_or_undef(slot_value) ) {
+        if ( slot_value.search('am') != -1 ) {
+          slots.morning.push(slot_value);
+        }
+        else {
+          slots.noon.push(slot_value);
+        }
+      }
+      start_time = moment(start_time).add(page_info.duration, 'minutes').format("YYYY-MM-DD HH:mm");
+    }
+  }
+  if ( slots.morning.length == 0 && slots.noon.length == 0 ) {
+    slots.availability = false;  
+  }
+  return slots;
+}
+
+function timings(day,position) {
+  var duration = day + "_timings";
+  return position == "start" ? page_info[duration][0] : page_info[duration][1];
+}
+
+function day_start_time(day,date,converted) {
+  var day_start_time = timings(day,'start');
+  var date_time = date + " " + day_start_time;
+  var dt_str; 
+  if ( converted ) {
+    dt_str = moment.tz(date_time,page_info.system_time_zone).tz(user_tz).format("YYYY-MM-DD HH:mm");
+  }
+  else {
+    dt_str = moment.tz(date_time,page_info.system_time_zone).format("YYYY-MM-DD HH:mm");
+  }  
+  return dt_str;  
+}
+
+function day_end_time(day,date,converted) {
+  var day_end_time = timings(day,'end');
+  var date_time = date + " " + day_end_time;
+  var dt_str; 
+  if ( converted ) {
+    dt_str = moment.tz(date_time,page_info.system_time_zone).tz(user_tz).format("YYYY-MM-DD HH:mm");
+  }
+  else {
+    dt_str = moment.tz(date_time,page_info.system_time_zone).format("YYYY-MM-DD HH:mm");
+  }  
+  return dt_str;  
+}
+
+function date_format(date, format) {
+  var date_str;
+  switch (format) {
+    case "day_short":
+      date_str = date.format("ddd");
+      break;
+    case "day_full":
+      date_str = date.format("dddd");
+      break;
+    case "date":
+      date_str = date.format("YYYY-MM-DD");
+      break;
+    case "date_time":
+      date_str = date.format("YYYY-MM-DD HH:mm");
+      break;  
+    case "date_short":
+      date_str = date.format("MMM D");
+      break;
+    case "date_short_lz":
+      date_str = date.format("MMM DD");
+      break;    
+    case "date_full":
+      date_str = date.format("MMMM D, YYYY");
+      break;
+  }
+  return date_str;
+}
+
+function get_day_status(date,finish_date,availability) {
+  return (date > finish_date || $.inArray(date, black_out_dates()) != -1  || availability == false) ? 'unavailable' : 'available'
+}
+
+function black_out_dates() {  
+  dates = []
+  if ( !$.isEmptyObject(page_info.black_out_dates) ) {
+    $.each(page_info.black_out_dates, function( index, date ) {
+      dates.push(date_format(moment.tz(date,user_tz),"date")); 
+    }); 
+  }
+  return dates;
+}
+
+function is_separator_point(date, next_date, count) {
+  return is_null_or_undef(next_date) ? "no-separator" : (week_number(date) != week_number(next_date) && count != 6) ? "separator" : "no-separator"
+}
+
+function week_number(date) {
+  return moment.tz(date,user_tz).isoWeek()
+}
+
+function build_labels_set(days,weeks,date) {
+  if ( $.isEmptyObject(weeks) ) {
+    var label = page_info.calendar_start_date == days[0].date ? "this week" : get_week_label(date); 
+    var set = {label: label, "length": days.length};
+  }
+  else {
+    var total_length = 0;
+    $.each(weeks, function( index, week ) {
+      total_length += week.length;  
+    });  
+    var set = {label: get_week_label(date), "length": days.length - total_length};
+  }
+  return set;
+}
+
+function generate_dates_template(days,today_date) {
+  var ele = $('.js-days-body');
+  $.each(days, function( index, day ) {
+    var outer_html = '<div class="fraction js-day-wrapper ' + day.status + ' ' + day.separator + '"></div>';
+    if ( day.date === today_date ) {
+      var today_html = '<div class="today">– TODAY –</div>';
+      outer_html = $(outer_html).append(today_html);
+    }
+    var day_html = '<div class="day js-show-picker"></div>';
+    var day_full_html = '<div></div>';
+    var day_short_html = '<strong class="shorthand">' + day.day_short + '</strong><strong class="full">' + day.day_full + '</strong>';
+    day_full_html = $(day_full_html).append(day_short_html);
+    if ( day.date === today_date ) {
+      today_html = '<strong class="today-mobile">(TODAY)</strong>';
+      day_full_html = $(day_full_html).append(today_html);
+    }
+    day_html = $(day_html).append(day_full_html);
+    var date_html = '<div><div class="muted shorthand">' + day.date_short + '</div><div class="muted full">' + day.date_full + '</div></div>';
+    day_html = $(day_html).append(date_html);
+    var right_icon_html = '<i class="icon-arrow-right"></i>';
+    day_html = $(day_html).append(right_icon_html);
+    outer_html = $(outer_html).append(day_html);
+    if ( day.status === "unavailable" ) {
+      var status_html = '<span class="status">unavailable</span>';
+      outer_html = $(outer_html).append(status_html);
+    }
+    $('.js-spinner').addClass('hidden');
+    $('.js-navigation-prev').show();
+  $('.js-navigation-next').show();
+    $(ele).append(outer_html);    
+  });
+  generate_labels_template(calendar_data.weeks);
+}
+
+function generate_labels_template(weeks) {
+  $(".js-weeks-region").html('<div><div class="scale"></div>');
+  var scale = $('.scale');
+  $.each(weeks, function( index, week ) {
+    var label_html = '<div class="division size' + week.length +'of7"><span class="label">' + week.label + '</span></div>';
+    scale.append(label_html);
+  });
+  load_calendar_navigation();
+}
+
+function calendar_date(order,format) {
+  var day = order == "start" ? calendar_data.days[0] : calendar_data.days[calendar_data.days.length - 1];
+  var date_str;
+  switch (format) {
+    case "date":
+      date_str = day.date;
+      break;
+    case "short_date_lz":
+      date_str = day.date_short_lz;
+      break;  
+  }
+  return date_str;
+}
+
+function calendar_loader() {
+  $('.js-spinner').removeClass('hidden');
+  $('.js-navigation-prev').hide();
+  $('.js-navigation-next').hide();
+  $('.js-pagination-bar').empty();
+  $('.js-weeks-region').empty();
+  $('.js-days-body').empty();
+}
+
+function load_calendar_navigation() {
+  var left_navigation = '<strong class="left" data-nav="previous"><i class="icon-arrow-left-fill"></i>Before <span class="js-period-start-caption">' + calendar_date("start","short_date_lz") + '</span></strong>';
+  var right_navigation = '<strong class="right" data-nav="next">After <span class="js-period-end-caption">' + calendar_date("end","short_date_lz") + '</span><i class="icon-arrow-right-fill"></i></strong>';
+  $(".js-pagination-bar").append(left_navigation);
+  $(".js-pagination-bar").append(right_navigation);
+  if ( calendar_date("start","date") != page_info.calendar_start_date ) {
+    $('.js-navigation-prev').removeClass('disabled');
+    $('.left').removeClass('disabled');
+  }
+  else {
+    $('.js-navigation-prev').addClass('disabled');
+    $('.left').addClass('disabled');
+  }
+  calendar_bind_events();
+}
+
+function initialize_calendar(sequence) {
+  setTimeout(function() {
+    build_calendar(sequence); 
+  }, 1000);    
+}
+
+function get_week_label(date) {
+  var start_week_number = week_number(page_info.calendar_start_date);
+  var current_week_number = week_number(date);
+  var difference = current_week_number - start_week_number;
+  var week_str;
+  if ( difference == 1 ) {
+    week_str = "next week";
+  }
+  else {
+    week_str = difference + " weeks out";
+  }
+  return week_str;
+}
+
+function navigate(direction) {
+  calendar_loader();
+  page_info.start_date = direction == "forward" ? tomorrow(calendar_date("end","date")) : yesterday(calendar_date('start',"date"));
+  initialize_calendar(direction);
+}
+
+function load_calendar_tz(time_zone) {
+  user_tz = time_zone;
+  calendar_loader();
+  page_info.start_date = page_info.original_start_date;
+  initialize_calendar("forward");
+}
+
+function generate_date_slots_template(index) {
+  var time_slots = calendar_data.days[index].slots;
+  var am_template = $('<div class="js-am-spot-list"><ul class="spots"></ul></div>');
+  var pm_template = $('<div class="js-pm-spot-list"><ul class="spots"></ul></div>');
+  if ( time_slots.morning.length != 0 ) {
+    $.each(time_slots.morning, function( index, time ) {
+      am_template.find("ul.spots").append('<li class="spot available collapsed"><button class="time-button js-select">' + time + '<div class="status">available</div></button><button class="confirm-button hollow base js-confirm">Confirm</button></li>');
+      $('.js-spot-list').append(am_template);    
+    });
+  }
+  if ( time_slots.morning.length != 0 && time_slots.noon.length != 0 ) {
+    $('.js-spot-list').append('<div class="js-meridiem meridiem" style="display: block;"><div class="text">noon</div></div>');  
+  }
+  if ( time_slots.noon.length != 0 ) {
+    $.each(time_slots.noon, function( index, time ) {
+      pm_template.find("ul.spots").append('<li class="spot available collapsed"><button class="time-button js-select">' + time + '<div class="status">available</div></button><button class="confirm-button hollow base js-confirm">Confirm</button></li>');
+      $('.js-spot-list').append(pm_template);
+    });  
+  }
+  time_slot_bind_events();
+}
+
+function calendar_bind_events() {
+  $('.right').on('click', function(){
+    navigate("forward");
+  });  
+  $('.left').on('click', function(){
+    navigate("backward");
+  });
+  $(".js-day-wrapper").click(function() {
+    if ( !$(this).hasClass('unavailable') ) {
+      $(".js-spot-list").empty();
+      selected_date = moment($(this).find('div.full').html(),"MMMM DD, YYYY").format("YYYY-MM-DD");
+      $(".selected_day").html(date_format(moment(selected_date),"day_full"));
+      $(".selected_date").html(date_format(moment(selected_date),"date_full"));
+      $(".selected_tz").html(format_tz($(".chzn-single span").html()));
+      slot_date = date_format(moment(selected_date),"date");
+      generate_date_slots_template($(".js-day-wrapper").index($(this)));
+      reset_state($(".spot:first"));
+      wizard_next_step($(this));
+    }
+  });
+}
+
+function time_slot_bind_events() {
+  $(".spot").click(function(e) {
+    e.preventDefault();
+    reset_state($(this));
+    $(this).addClass("selected");
+    $(this).find(".time-button").addClass("neutral")
+  });
+  $(".confirm-button").click(function() {
+    var time = $(this).parent().find(".time-button").clone().children().remove().end().text();
+    $("div.slot-details").html('<i class="icon-clock"></i>' + " " + time + " - " + date_format(moment(selected_date),"day_full") + ", " + date_format(moment(selected_date),"date_full"));
+    $("div.tz-details").html('<i class="icon-globe"></i>' + " " + formatted_tz);
+    slot_start_time = moment(time,"HH:mma").format("HH:mm");
+    slot_end_time = moment(time,"HH:mma").add(page_info.duration,'minutes').format("HH:mm");
+    wizard_next_step($(this));    
+  });
+}
+
+function reset_state(ele) {
+  var spots = ele.parent();
+  spots.find(".selected").removeClass("selected");
+  spots.find(".neutral").removeClass("neutral");
+}
+
+function format_tz(tz) {
+  formatted_tz = tz;
+  if ( tz.search('GMT') != -1 ) {
+    formatted_tz = tz.split(" ").slice(1).join(" ");
+  }
+  return formatted_tz;   
+}
+
+function auto_detect_tz() {
+  if ( page_info.enable_tz ) {
+    var user_time_zone = jstz.determine().name();
+    $.each($('li.group-option'), function( index, li ) {
+      if ( $(li).data('timezone-identifier') == moment().tz_name(user_time_zone) ) {
+        $('#timezone_dropdown_chzn a span').html($(li).html());
+        $('.js-timezone-dropdown').val($(li).data('timezone-identifier'));
+        $("#schedule_user_tz_offset").val($(li).html());
+      }  
+      if ( $(li).data('timezone-identifier') == page_info.system_time_zone ) {
+        $("#schedule_app_tz_offset").val($(li).html());
+      }
+    });  
+  }
+  else {
+    $.each($('li.group-option'), function( index, li ) {
+      if ( $(li).data('timezone-identifier') == page_info.system_time_zone ) {
+        $('#timezone_dropdown_chzn a span').html($(li).html());
+        $('.js-timezone-dropdown').val($(li).data('timezone-identifier'));
+        $("#schedule_user_tz_offset").val($(li).html());
+        $("#schedule_app_tz_offset").val($(li).html());
+      }  
+    });      
+  }
+}
+
+$( document ).ready(function() {
+
+  $('#timezonesdropdown').timezonesdropdown();
+
+  auto_detect_tz(); 
+
+  if ( $('.js-timezone-dropdown').val() == "" ) {
+    $('.js-timezone-dropdown').val('UTC');
+    $("#timezone_dropdown_chzn a span").html("GMT+00:00 UTC Time");
+  } 
+
+  load_calendar_tz(user_tz);
+
+  $(".js-navigation-next").click(function() {
+    if ( !$(this).hasClass("disabled") ) { 
+      navigate("forward");
+    }  
+  });
+
+  $(".js-navigation-prev").click(function() {
+    if ( !$(this).hasClass("disabled") ) { 
+      navigate("backward");
+    }  
+  });
+
+  $(".schedule-event").click(function() {
+    $("#schedule_slot_start_time").val(slot_date + " " + slot_start_time);
+    $("#schedule_slot_end_time").val(slot_date + " " + slot_end_time);
+  });
+
+});