rrule_form 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 46c950517d003d7d7362478d9722259a019bc09b555b331fc8a2d7cc89a8fb2f
+  data.tar.gz: d17e280fe95f05169df20e0b2143e786b5e4aac53c350ace5e99efd9683d983a
+SHA512:
+  metadata.gz: 486569f6cd45c337a5d99408d9d5b9406a56344cec9783a7a373d86ab95b3e5c6e6105aa80ddc938d16754f42b7b76b0344650037032547f2b800c87f5a13526
+  data.tar.gz: 84550791f37a928570ae3f0d4ce016fe2814fefccbd5c381797c1a97eae3e91e3909934596a9d43121d47c1909287aadec77e6251390c96dc41a6cd43935ca51

data/.gitignore

@@ -0,0 +1,11 @@
+/.bundle/
+/.yardoc
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+
+# rspec failure tracking
+.rspec_status

data/.rspec

@@ -0,0 +1,3 @@
+--format documentation
+--color
+--require spec_helper

data/.travis.yml

@@ -0,0 +1,6 @@
+---
+language: ruby
+cache: bundler
+rvm:
+  - 2.7.0
+before_install: gem install bundler -v 2.1.4

data/Gemfile

@@ -0,0 +1,7 @@
+source "https://rubygems.org"
+
+# Specify your gem's dependencies in rrule_form.gemspec
+gemspec
+
+gem "rake", "~> 12.0"
+gem "rspec", "~> 3.0"

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 ravi-bebble
+
+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,59 @@
+# RruleForm
+This is a gem wrapping up the javascript and html required for collecting rrule string.
+
+The gem inspired from https://github.com/superherogeek/rrule-generator-form
+
+## Installation
+
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'rrule_form'
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install rrule_form
+
+Add following to application.js
+
+```javascript
+//= require rrule-gui.js
+```
+
+The javascript under this gem needs some dependencies required:
+
+1. jquery
+1. jquery-ui/widgets/datepicker
+1. bootstrap css for stylesheets
+1. bootstrap js for modal usage
+
+The javascript part of this gem handles the form manipulation of the form
+
+
+## Usage
+
+This gem will provide with a helper which will.
+```ruby
+rrule_form_for(selector, callback=nil)
+```
+
+selector would be jquery selector for the field to be assigned with rrule field.
+
+## Development
+
+This gem is in draft state to provide the basic working of a form that handles all types of recurrence.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/ravi-ture/rrule_form.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/helpers/rrule_form/application_helper.rb

@@ -0,0 +1,10 @@
+module RruleForm
+  module ApplicationHelper
+
+    def rrule_form_for(selector, callback=nil)
+      return nil if selector.blank?
+      render( partial: 'rrule/rrule_form', locals: {selector: selector, callback: callback})
+    end
+
+  end
+end

data/app/views/rrule/_rrule_form.html.erb

@@ -0,0 +1,143 @@
+
+<div class="modal" tabindex="-1" role="dialog" id='rrule_form_modal-<%= selector.gsub(/[^\w\s]/, '_') %>'>
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+        <h3 class="modal-title">Set Recurrence Rule</h3>
+      </div>
+      <div class="modal-body">
+        <form name="rrule[<%= selector.gsub(/[^\w\s]/, '_') %>]" id="rrule-<%= selector.gsub(/[^\w\s]/, '_') %>" class='rrule-form' action='javascript:void(0);'>
+           <p>Start Date: <input type="text" class="datepicker" id="start-date-rrule" /></p>
+           <input type="hidden" name="start-date-formatted" id="start-date-hidden" value="" />
+           <!-- <p> End Date: <input type="text" class="datepicker" id="start-date" /></p> -->
+           <p>Recurring Event?
+              <input type="radio" name="event-recurring" value="no" checked="checked" /> No
+              <input type="radio" name="event-recurring" value="yes" /> Yes
+           </p>
+           <div id="recurring-rules" style="display:none;">
+              <!-- FREQ -->
+              <p>
+                 Frequency
+                 <select name="freq">
+                    <option value="daily" class="days">Daily</option>
+                    <option value="weekly" class="weeks">Weekly</option>
+                    <option value="monthly" class="months">Monthly</option>
+                    <option value="yearly" class="years">Yearly</option>
+                 </select>
+              </p>
+              <p>Every <input type="text" name="interval" value="1" size="2" /> <span class="freq-selection">day(s)</span>
+              </p>
+              <!-- BYWEEKDAY -->
+              <div id="weekday-select" class="btn-toolbar weeks-choice" role="toolbar" style="display:none;">
+                 <b>Which day(s) of the week does this repeat on:</b>
+                 <div class="btn-group">
+                   <% %w{SUN MON TUE WED THU FRI SAT}.each do |wday| %>
+                     <button class="btn btn-default" id="<%= wday.first(2) %>"><%= wday.titleize %></button>
+                   <% end %>
+                 </div>
+              </div>
+              <!-- BYMONTH -->
+              <div id="bymonth-select" class="btn-toolbar years-choice" role="toolbar" style="display:none;">
+                 <span>Which month(s) of the year does this repeat on</span>
+                 <p><input type="radio" name="yearly-options" id="yearly-one-month" checked="checked" /> One Month Out of the Year</p>
+                 on
+                 <select name="yearly-bymonth" id="yearly-bymonth" class="yearly-one-month">
+                   <% I18n.t("date.month_names").compact.each_with_index do |month, index| %>
+                     <option value="<%= index + 1 %>"><%= month %></option>
+                   <% end %>
+                 </select>
+                 <select name="yearly-bymonthday" id="yearly-bymonthday" class="yearly-one-month">
+                    <% (1..31).each do |index| %>
+                      <option value="<%= index %>"><%= index %></option>
+                    <% end %>
+                 </select>
+                 <p><input type="radio" name="yearly-options" id="yearly-multiple-months" /> Multiple Months</p>
+                  <% I18n.t("date.abbr_month_names").compact.in_groups_of(6).each do |month_grp| %>
+                    <div style="display:block;float:none;" class="btn-group yearly-multiple-months">
+                      <% month_grp.each do |month| %>
+                        <button class="btn btn-default" style="width:16.66666666666667%" data-month-num="<%= I18n.t("date.abbr_month_names").compact.index(month) + 1%>" disabled="disabled"><%= month %></button>
+                      <% end %>
+                    </div>
+                  <% end %>
+                 <p><input type="radio" name="yearly-options" id="yearly-precise" /> Or be precise</p>
+                 on the
+                 <select name="yearly-bysetpos" class="yearly-precise" disabled="disabled">
+                    <option value="1" selected="selected">First</option>
+                    <option value="2">Second</option>
+                    <option value="3">Third</option>
+                    <option value="4">Fourth</option>
+                    <option value="-1">Last</option>
+                 </select>
+                 <select name="yearly-byday" class="yearly-precise" disabled="disabled">
+                    <% Date::DAYNAMES.each do |day| %>
+                      <option value="<%= day.first(2).upcase %>"><%= day %></option>
+                    <% end %>
+                    <option value="SU,MO,TU,WE,TH,FR,SA" selected="selected">Day</option>
+                    <option value="MO,TU,WE,TH,FR">Weekday</option>
+                    <option value="SU,SA">Weekend day</option>
+                 </select>
+                 in
+                 <select name="yearly-bymonth-with-bysetpos-byday"  id="yearly-bymonth-with-bysetpos-byday" class="yearly-precise" disabled="disabled">
+                   <% I18n.t("date.month_names").compact.each_with_index do |month, index| %>
+                     <option value="<%= index + 1 %>"><%= month %></option>
+                   <% end %>
+                 </select>
+              </div>
+              <!-- BYMONTHDAY -->
+              <div id="monthday-select" class="btn-toolbar months-choice" role="toolbar" style="display:none;">
+                 <input type="radio" name="monthday-pos-select" value="monthday-selected" id="monthday-selected" checked="checked" />
+                 <b>Which day(s) of the month does this repeat on</b>
+                 <% (1..31).to_a.in_groups_of(7).each do |date_grp| %>
+                    <div class="btn-group" style="display:block;float:none;">
+                      <% date_grp.compact.each do |date| %>
+                        <button class="btn btn-default" style="width:14.28571428571429%;" data-day-num="<%= date %>"><%= date %></button>
+                      <% end %>
+                    </div>
+                 <% end %>
+                 <!-- BYDAY -->
+                 <div>
+                    <input type="radio" name="monthday-pos-select" value="month-byday-pos-selected" id="month-byday-pos-selected" /> Or
+                    <select name="month-byday-pos" disabled="yes">
+                       <option value="1" selected="selected">First</option>
+                       <option value="2">Second</option>
+                       <option value="3">Third</option>
+                       <option value="4">Fourth</option>
+                       <option value="-1">Last</option>
+                    </select>
+                    <select name="month-byday-pos-name" disabled="yes">
+                      <% Date::DAYNAMES.each do |day| %>
+                        <option value="<%= day.first(2).upcase %>"><%= day %></option>
+                      <% end %>
+                       <option value="SU,MO,TU,WE,TH,FR,SA" selected="selected">Day</option>
+                       <option value="MO,TU,WE,TH,FR">Weekday</option>
+                       <option value="SU,SA">Weekend day</option>
+                    </select>
+                 </div>
+              </div>
+              <div id="until-rules" style="display:none;">
+                 <p>Until</p>
+                 <p> <label for="count-select"><input type="radio" name="end-select" value="count" id="count-select" checked="checked"/> How many times does this transaction occur?
+                    <input autocomplete="off" type="number" name="count" min="1" max="50" value="1" step="1"/> Time(s)</label>
+                 </p>
+                 <p><label for="until-select"><input type="radio" name="end-select" value="until" id="until-select" /> Specific Date (aka until)
+                   <input type="text" name="until" id="end-date-rrule" disabled="yes" />
+                    <input type="hidden" name="end-date-formatted" id="end-date-hidden" value="" /></label>
+                 </p>
+              </div>
+              <input type="submit" name="submit" value="submit" />
+           </div>
+          <div class="show-dates"></div>
+          <div class="readout"></div>
+          <!-- End Recurrence Form -->
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script type="text/javascript">
+  RruleForm.initialize('<%= selector %>', '<%= callback %>');
+</script>

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "rrule_form"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/rrule_form.rb

@@ -0,0 +1,17 @@
+require "rrule_form/version"
+
+module RruleForm
+  class Error < StandardError; end
+
+  module Rails
+    class Engine < ::Rails::Engine
+
+      isolate_namespace RruleForm
+      initializer 'local_helper.action_controller' do
+        ActiveSupport.on_load :action_controller do
+          helper RruleForm::ApplicationHelper
+        end
+      end
+    end
+  end
+end

data/lib/rrule_form/version.rb

@@ -0,0 +1,3 @@
+module RruleForm
+  VERSION = "0.1.0"
+end

data/rrule_form.gemspec

@@ -0,0 +1,29 @@
+require_relative 'lib/rrule_form/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "rrule_form"
+  spec.version       = RruleForm::VERSION
+  spec.authors       = ["ravi-ture"]
+  spec.email         = ["raviture@gmail.com"]
+
+  spec.summary       = %q{Wrapper for rrule-generater-form}
+  spec.description   = %q{This is a rails wrapper for rrule-generater-form jquery plugin}
+  spec.homepage      = "https://github.com/ravi-ture/rrule_form"
+  spec.license       = "MIT"
+  spec.required_ruby_version = Gem::Requirement.new(">= 2.3.0")
+
+  spec.metadata["homepage_uri"] = spec.homepage
+  spec.metadata["source_code_uri"] = "https://github.com/ravi-ture/rrule_form"
+  spec.metadata["changelog_uri"] = "https://github.com/ravi-ture/rrule_form"
+  spec.add_dependency "rails"
+  spec.add_dependency "sass"
+  spec.add_dependency "sass-rails"
+  # Specify which files should be added to the gem when it is released.
+  # The `git ls-files -z` loads the files in the RubyGem that have been added into git.
+  spec.files         = Dir.chdir(File.expand_path('..', __FILE__)) do
+    `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+end

data/vendor/assets/javascripts/rrule-gui.js

@@ -0,0 +1,849 @@
+/*
+
+RRULE GENERATOR FORM aka RRULE GUI
+
+MIT License
+
+Copyright (c) 2016 Jordan Roberts
+
+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.
+
+
+*/
+RruleForm = {
+    readRule: function(rrule) {
+
+        rrule = typeof rrule !== 'undefined' ? rrule : '';
+
+        if (rrule != '') {
+            // Break down the rule by semi-colons first
+            var items = rrule.split(';');
+            var recur = [];
+            for (i = 0; i < items.length; i++) {
+                if (items[i] !== '') {
+                    temp = items[i].split('=');
+                }
+                recur[temp[0]] = temp[1];
+            }
+            console.log(recur);
+
+            // See if the recurring rule has enough valid parts
+            if (recur.FREQ && recur.DTSTART && (recur.COUNT || recur.UNTIL)) {
+                recurringRule = {
+                    freq: recur.FREQ,
+                    dtstart: recur.DTSTART,
+                    interval: recur.INTERVAL,
+                    byday: "",
+                    bysetpos: "",
+                    bymonthday: "",
+                    bymonth: "",
+                    count: "",
+                    until: ""
+
+                };
+
+                // Set either COUNT or UNTIL
+                if (typeof recur.COUNT == 'undefined' && recur.UNTIL) {
+                    recurringRule.until = recur.UNTIL;
+
+                } else if (typeof recur.UNTIL == 'undefined' && recur.COUNT) {
+                    recurringRule.count = recur.COUNT;
+                }
+
+                // Set INTERVAL
+                $('input[name="interval"]').val(recur.INTERVAL);
+
+
+                // Setup start-date picker
+                startYear = recur.DTSTART.substring(0, 4);
+                startMonth = recur.DTSTART.substring(4, 6);
+                startDay = recur.DTSTART.substring(6, 8);
+                //alert(startYear + startMonth + startDay);
+                $('#start-date-rrule').val(startYear + '-' + startMonth + '-' + startDay);
+                $('#start-date-hidden').val(startYear + startMonth + startDay + 'T040000z');
+
+                // Setup start-date picker
+                $('#start-date-rrule').datepicker({
+                    showOtherMonths: true,
+                    selectOtherMonths: true,
+                    dateFormat: 'yy-mm-dd',
+                    onSelect: function(value) {
+
+                        dateSelected = new Date(value + ' 00:00:00');
+                        dtstartString = dateSelected.getFullYear() + ('0' + (dateSelected.getMonth() + 1)).slice(-2) + ('0' + dateSelected.getDate()).slice(-2);
+                        $('#start-date-hidden').val(dtstartString + 'T040000z');
+                        recurringRule.dtstart = dtstartString + 'T040000z';
+
+                        // Set minimum selected date on end-datepicker
+                        minEndDate = dateSelected.getFullYear() + '-' + ('0' + (dateSelected.getMonth() + 1)).slice(-2) + '-' + ('0' + dateSelected.getDate()).slice(-2);
+                        $('#end-date-rrule').datepicker('option', 'minDate', minEndDate);
+                        // Reset the selected enddate
+                        $('#end-date-hidden').val(dtstartString + 'T040000z');
+
+                    }
+                }).datepicker('setDate', 'today');
+
+
+                // Setup the end-date picker
+                $('#end-date-rrule').datepicker({
+                    showOtherMonths: true,
+                    selectOtherMonths: true,
+                    dateFormat: 'yy-mm-dd',
+                    onSelect: function(value) {
+                        dateSelected = new Date(value + ' 00:00:00');
+                        untilString = dateSelected.getFullYear() + ('0' + (dateSelected.getMonth() + 1)).slice(-2) + ('0' + dateSelected.getDate()).slice(-2);
+                        $('#end-date-hidden').val(untilString + 'T040000z');
+                        // Remove the count variable
+                        recurringRule.count = '';
+                        // Set until variable
+                        recurringRule.until = untilString + 'T040000z';
+                    }
+                }).datepicker('setDate', 'today');
+
+                if (recur.UNTIL) {
+                    // Setup end date picker
+                    endYear = recur.UNTIL.substring(0, 4);
+                    endMonth = recur.UNTIL.substring(4, 6);
+                    endDay = recur.UNTIL.substring(6, 8);
+
+                    $('#end-date-rrule').val(endYear + '-' + endMonth + '-' + endDay);
+                    $('#end-date-hidden').val(endYear + endMonth + endDay + 'T040000z');
+
+                    // Set ENDDATE radio to yes
+                    $('input[name="end-select"]').prop('checked', true);
+                }
+
+                // Set Recurring event radio to yes
+                $('input[name="event-recurring"]').prop('checked', true);
+
+                // Show Recurring rules
+                $('#recurring-rules').slideDown();
+
+                // Show Until Rules
+                $('#until-rules').show();
+
+
+                switch (recur.FREQ) {
+
+                    case ("DAILY"):
+
+                        break;
+
+                    case ("WEEKLY"):
+                        // Selectbox FREQ = monthly
+                        $('select[name="freq"]').val('weekly');
+
+                        // Hide all DIVS
+                        $('#recurring-rules > div').hide();
+
+                        // Show selected DIV
+                        $('div.' + 'weeks-choice').show();
+                        $('span.freq-selection').text('week(s)');
+
+                        // Show Until / Count Rules
+                        $('#until-rules').show();
+
+                        if (typeof recur.BYDAY !== 'undefined') {
+
+                            // Split up the individual bymonthdays
+                            bydays = recur.BYDAY.split(',');
+
+                            // Loop through the BYDAYs
+                            for (v = 0; v < bydays.length; v++) {
+                                console.log(bydays[v]);
+                                // Set select monthday buttons to active
+                                $('#weekday-select button[id="' + bydays[v] + '"]').addClass('active')
+                            }
+                            recurringRule.byday = recur.BYDAY;
+
+                            return true;
+                        }
+
+                        break;
+
+                    case ("MONTHLY"):
+                        // Selectbox FREQ = monthly
+                        $('select[name="freq"]').val('monthly');
+
+                        // Hide all DIVS
+                        $('#recurring-rules > div').hide();
+
+                        // Show selected DIV
+                        $('div.' + 'months-choice').show();
+                        $('span.freq-selection').text('month(s)');
+
+                        // Show Until / Count Rules
+                        $('#until-rules').show();
+
+                        if (typeof recur.BYMONTHDAY !== 'undefined') {
+
+                            // Split up the individual bymonthdays
+                            bymonthdays = recur.BYMONTHDAY.split(',');
+
+                            // Loop through the BYMONTHDAYs
+                            for (v = 0; v < bymonthdays.length; v++) {
+                                console.log(bymonthdays[v]);
+                                // Set select monthday buttons to active
+                                $('#monthday-select button[data-day-num="' + bymonthdays[v] + '"]').addClass('active')
+                            }
+                            recurringRule.bymonthday = recur.BYMONTHDAY;
+
+                            return true;
+                        }
+
+                        if (typeof recur.BYSETPOS !== 'undefined' && typeof recur.BYDAY !== 'undefined') {
+
+                            // Set Radio Button
+                            $('input#month-byday-pos-selected').prop('checked', true);
+
+                            //				alert(recur.BYDAY);
+                            $('select[name^="month-byday"]').removeAttr('disabled');
+
+                            // Set values
+                            $('select[name="month-byday-pos"]').val(recur.BYSETPOS);
+                            $('select[name="month-byday-pos-name"]').val(recur.BYDAY);
+
+
+                            //Disable day buttons
+                            $('#monthday-select button').attr('disabled', 'disabled');
+
+                            recurringRule.bysetpos = recur.BYSETPOS;
+                            recurringRule.byday = recur.BYDAY;
+
+                            return true;
+                        }
+
+
+
+                        break;
+
+                    case ("YEARLY"):
+                        // Selectbox FREQ = monthly
+                        $('select[name="freq"]').val('yearly');
+
+                        // Hide all DIVS
+                        $('#recurring-rules > div').hide();
+
+                        // Show selected DIV
+                        $('div.' + 'years-choice').show();
+                        $('span.freq-selection').text('year(s)');
+
+                        // Show Until / Count Rules
+                        $('#until-rules').show();
+
+                        // BYMONTH and BYMONTHDAY attributes are going to be set
+                        if (typeof recur.BYMONTHDAY !== 'undefined' && typeof recur.BYMONTH !== 'undefined') {
+
+                            // Set Radio Button
+                            $('input#yearly-one-month').prop('checked', true);
+
+                            //				alert(recur.BYDAY);
+                            $('select[name="yearly-bymonth"]').removeAttr('disabled');
+                            $('select[name="yearly-bymonthday"]').removeAttr('disabled');
+
+                            // Set values
+                            $('select[name="yearly-bymonth"]').val(recur.BYMONTH);
+                            $('select[name="yearly-bymonthday"]').val(recur.BYMONTHDAY);
+
+
+                            recurringRule.bymonth = recur.BYMONTH;
+                            recurringRule.bymonthday = recur.BYMONTHDAY;
+
+                            return true;
+                        }
+
+                        // Multiple Month Selection
+                        if (typeof recur.BYMONTH !== 'undefined' && typeof recur.BYMONTHDAY == 'undefined') {
+                            // Disable yearly select boxes
+                            $('select[name^=yearly-').attr('disabled', 'disabled');
+                            // Set Radio Button
+                            $('input#yearly-multiple-months').prop('checked', true);
+
+                            // Make buttons active
+                            $('.yearly-multiple-months button').removeAttr('disabled');
+                            // Split up the individual bymonthdays
+                            bymonth = recur.BYMONTH.split(',');
+
+                            // Loop through the BYMONTHDAYs
+                            for (v = 0; v < bymonth.length; v++) {
+                                console.log(bymonth[v]);
+                                // Set select monthday buttons to active
+                                $('.yearly-multiple-months button[data-month-num="' + bymonth[v] + '"]').addClass('active')
+                            }
+                            recurringRule.bymonth = recur.BYMONTH;
+
+                            return true;
+                        }
+
+                        // Precise Yearly Selection
+                        if (typeof recur.BYMONTH !== 'undefined' && typeof recur.BYDAY !== 'undefined' && typeof recur.BYSETPOS !== 'undefined') {
+                            // Disable yearly select boxes
+                            $('select[name^=yearly-').attr('disabled', 'disabled');
+
+                            // Enable the right select
+                            $('select[class=yearly-precise').removeAttr('disabled');
+
+                            // Set Radio Button
+                            $('input#yearly-precise').prop('checked', true);
+
+                            // Set select values
+                            $('select[name="yearly-byday"]').val(recur.BYDAY);
+                            $('select[name="yearly-bysetpos"]').val(recur.BYSETPOS);
+
+                            recurringRule.bymonth = recur.BYMONTH;
+                            recurringRule.byday = recur.BYDAY;
+                            recurringRule.bysetpos = recur.BYSETPOS;
+
+                            return true;
+                        }
+
+
+                        break;
+
+                }
+
+            }
+        }
+
+        return false;
+
+    },
+
+    readRuleState: false,
+    resetOptions: function() {
+
+        // Format the date (http://stackoverflow.com/questions/3605214/javascript-add-leading-zeroes-to-date)
+        today = new Date();
+        MyDateString = today.getFullYear() + ('0' + (today.getMonth() + 1)).slice(-2) + ('0' + today.getDate()).slice(-2);
+
+        // Reset all the selected rules
+        recurringRule = {
+            freq: "daily",
+            dtstart: MyDateString + 'T040000z',
+            interval: "1",
+            byday: "",
+            bysetpos: "",
+            bymonthday: "",
+            bymonth: "",
+            count: "",
+            until: MyDateString + 'T040000z'
+
+        };
+
+        // Reset all button states and input values
+        $('button').removeClass('active');
+
+        // Reset back interval label to 'days'
+        $('span.freq-selection').text('days');
+
+        // Hide all but the daily options
+
+        $('#monthday-select,#bymonth-select,#weekday-select').hide();
+
+        // Reset Interval back to 1
+        $('input[name="interval"]').val("1");
+
+        // Reset Count back to 1
+        $('input[name="count"]').val("1");
+
+
+        // Change back Daily
+        $('select[name="freq"]').val('daily');
+
+        // Reset Until / Count radio buttons
+        $('input[id="until-select"]').prop('checked', false);
+        $('input[id="count-select"]').prop('checked', true).change();
+        // $('#count').reset();
+    },
+    rruleGenerate: function() {
+        // Produce RRULE state to feed to rrule.js
+        rrule = "";
+
+        // Check to be sure there is a count value or until date selected
+        if (recurringRule.count == "" && recurringRule.until == "") {
+            // No end in sight, make it default to 1 occurence
+            recurringRule.count = "1";
+        }
+        for (var key in recurringRule) {
+            if (recurringRule.hasOwnProperty(key)) {
+                if (recurringRule[key] != '') {
+                    rrule += key + '=' + recurringRule[key] + ';';
+                }
+            }
+        }
+        // Remove the last semicolon from the end of RRULE
+        rrule = rrule.replace(/;\s*$/, "");
+
+        // Convert to Uppercase and return
+        return rrule.toUpperCase();
+    },
+    initialize: function(selector, callback) {
+        if (!$(selector).length) return;
+
+        $('<a class="btn btn-small btn-default" data-toggle="modal" data-target="#rrule_form_modal-' + selector.replace(/[^\w\s]/g, '_') + '" href="#">change</a>').insertAfter($(selector)[0])
+        if ($(selector).val() != '') {
+            RruleForm.readRule($(selector).val())
+        } else {
+            RruleForm.resetOptions();
+            // Setup start-date picker
+            $('#start-date-rrule').datepicker({
+                showOtherMonths: true,
+                selectOtherMonths: true,
+                dateFormat: 'dd/mm/yy',
+                onSelect: function(value) {
+
+                    dateSelected = new Date(value.replace(/-/g, "/") + ' 00:00:00'); // REGEX used to please SAFARI browser!
+                    dtstartString = dateSelected.getFullYear() + ('0' + (dateSelected.getMonth() + 1)).slice(-2) + ('0' + dateSelected.getDate()).slice(-2);
+                    $('#start-date-hidden').val(dtstartString + 'T040000z');
+                    recurringRule.dtstart = dtstartString + 'T040000z';
+
+                    // Set minimum selected date on end-datepicker
+                    minEndDate = dateSelected.getFullYear() + '-' + ('0' + (dateSelected.getMonth() + 1)).slice(-2) + '-' + ('0' + dateSelected.getDate()).slice(-2);
+                    $('#end-date-rrule').datepicker('option', 'minDate', minEndDate);
+                    // Reset the selected enddate
+                    $('#end-date-hidden').val(dtstartString + 'T040000z');
+                    //alert(dateSelected);
+                }
+            }).datepicker('setDate', 'today');
+
+            $('#start-date-hidden').val(MyDateString + 'T000000z');
+
+            // Setup the end-date picker
+            $('#end-date-rrule').datepicker({
+                showOtherMonths: true,
+                selectOtherMonths: true,
+                dateFormat: 'dd/mm/yy',
+                onSelect: function(value) {
+                    //dateSelected = Date.parseExact(value, "yyyy-MM-dd");
+                    dateSelected = new Date(value.replace(/-/g, "/") + ' 00:00:00'); // REGEX used to please SAFARI browser!
+                    untilString = dateSelected.getFullYear() + ('0' + (dateSelected.getMonth() + 1)).slice(-2) + ('0' + dateSelected.getDate()).slice(-2);
+                    $('#end-date-hidden').val(untilString + 'T040000z');
+                    // Remove the count variable
+                    recurringRule.count = '';
+                    // Set until variable
+                    recurringRule.until = untilString + 'T040000z';
+
+                    //alert(dateSelected);
+                }
+            }).datepicker('setDate', 'today');
+
+
+            $('#end-date-hidden').val(MyDateString + 'T040000z');
+
+        }
+
+
+        // Setup buttons Don't allow any buttons to submit the form
+        $('button').click(function(e) {
+            e.preventDefault;
+            return false;
+        });
+
+
+
+        // Recurring Event Calculator: Show/Hide.  Grab all the radio buttons to see which one.
+        $('input[name="event-recurring"]').change(function() {
+
+            // Resets all the recurring options
+            RruleForm.resetOptions();
+            // enable the input next to the selected radio button
+            if ($(this).val() == "yes") {
+                $('#recurring-rules').slideDown();
+
+                // Show Until Rules
+                $('#until-rules').show();
+
+            } else {
+                //disable the inputs not selected.
+                $('#recurring-rules').hide();
+            }
+
+        });
+
+
+
+        // FREQ Selection
+        $(document).on('change', 'select[name="freq"]', function() {
+
+            selectedFrequency = $('select[name="freq"] option:selected').attr('class');
+
+            // Hide all DIVS
+            $('#recurring-rules > div').hide();
+
+            // Show selected DIV
+            $('div.' + selectedFrequency + '-choice').show();
+            $('span.freq-selection').text(selectedFrequency);
+
+            // Show Until / Count Rules
+            $('#until-rules').show();
+
+
+            // Reset all the selected rules
+            recurringRule = {
+                freq: "",
+                dtstart: $('#start-date-hidden').val(),
+                interval: "1",
+                byday: "",
+                bysetpos: "",
+                bymonthday: "",
+                bymonth: "",
+                count: "1",
+                until: ""
+
+            };
+
+            // Set frequency
+            recurringRule.freq = $('select[name="freq"] option:selected').val();
+
+            // If it is yearly, fire a change to setup the default values
+            if (recurringRule.freq == "yearly") {
+                $('select[name="yearly-bymonth"]').change();
+            }
+
+        });
+
+        // Interval Selection
+        $(document).on('change blur keyup', 'input[name="interval"]', function() {
+            recurringRule.interval = $(this).val();
+
+        });
+
+        // BYDAY - FREQ: WEEKLY Selection
+        $('#weekday-select button').on('click', function() {
+            $(this).toggleClass('active');
+            var byday = []; // Array to Store 'byday' in. Reset it to '' to store new days in below
+
+            // Store Selected Days in the BYDAY rule
+            $('#weekday-select button').each(function() {
+
+                // Active class is the selected day, store the ID of active days which contains the short day name for the rrule (ex. MO, TU, WE, etc)
+                if ($(this).hasClass('active')) {
+                    byday.push($(this).attr('id'));
+                }
+
+            });
+            recurringRule.byday = byday;
+
+        });
+
+        // BYMONTHDAY Selection
+        $('#monthday-select button').on('click', function() {
+            $(this).toggleClass('active');
+            var bymonthday = []; // Array to Store 'bymonthday' in. Reset it to '' to store new days in below
+
+            // Store Selected Days in the BYDAY rule
+            $('#monthday-select button').each(function() {
+
+                // Active class is the selected day, store the ID of active days which contains the short day name for the rrule (ex. MO, TU, WE, etc)
+                if ($(this).hasClass('active')) {
+                    bymonthday.push($(this).attr('data-day-num'));
+                }
+
+            });
+            recurringRule.bymonthday = bymonthday;
+
+            // Reset BYDAY Option
+            recurringRule.byday = "";
+
+            // Reset BySetPos
+            recurringRule.bysetpos = "";
+        });
+
+        // BYMONTH Selection
+        $('#bymonth-select button').on('click', function() {
+            $(this).toggleClass('active');
+            var bymonth = []; // Array to Store 'byday' in. Reset it to '' to store new days in below
+
+            // Store Selected Days in the BYDAY rule
+            $('#bymonth-select button').each(function() {
+
+                // Active class is the selected day, store the ID of active days which contains the short day name for the rrule (ex. MO, TU, WE, etc)
+                if ($(this).hasClass('active')) {
+                    bymonth.push($(this).attr('data-month-num'));
+                }
+
+            });
+            recurringRule.bymonth = bymonth;
+        });
+
+
+        // FREQ=MONTHLY - RADIO BUTTONS
+        $('input[name="monthday-pos-select"]').change(function() {
+
+            // Selected Radio Button
+            var selectedRadio = $(this).val();
+
+            // A Radio was changed.  Grab all the radio buttons to see which one.
+            $('input[name="monthday-pos-select"]').each(function() {
+
+                if ($(this).val() == selectedRadio) {
+
+                    switch ($(this).val()) {
+                        case "month-byday-pos-selected":
+                            // ByDay Select Boxes are being used instead of the Month Day
+
+                            // Disable all the monthday buttons
+                            $('#monthday-select button').attr('disabled', 'disabled');
+                            $('select[name^="month-byday"]').removeAttr('disabled');
+
+                            // Generate the BYDAY variable from selected dropdowns by firing 'change' event
+                            $('select[name^="month-byday"]').change();
+                            // Mark recurring object bymonthday back to nothing
+                            recurringRule.bymonthday = "";
+
+                            break;
+
+                        case "monthday-selected":
+
+                            // Month Day Buttons are being used instead of the ByDay select boxes
+                            $('#monthday-select button').removeAttr('disabled');
+                            $('#monthday-select button').removeClass('active');
+
+                            $('select[name^="month-byday"]').attr('disabled', 'disabled');
+                            recurringRule.byday = "";
+                            recurringRule.bysetpos = "";
+
+
+                            break;
+
+                    }
+                }
+
+            });
+        });
+
+        // FREQ=YEARLY - RADIO BUTTONS
+        $('input[name="yearly-options"]').change(function() {
+
+            // Selected Radio Button ID
+            var selectedRadio = $(this).attr('id');
+
+            // A Radio was changed.  Check all the radio buttons' ids to see which one.
+            $('input[name="yearly-options"]').each(function() {
+
+                if ($(this).attr('id') == selectedRadio) {
+
+                    switch ($(this).attr('id')) {
+                        case "yearly-one-month":
+                            // Example Pattern
+                            // FREQ=YEARLY;BYMONTH=1;BYMONTHDAY=1;UNTIL=20150818;
+
+                            // BYMONTH and BYMONTHDAY attributes are going to be set
+                            // Reset BYSETPOS, BYDAY,
+                            recurringRule.bysetpos = "";
+                            recurringRule.byday = "";
+
+                            // Disable all the yearly select boxes
+                            $('select[class^="yearly"]').attr('disabled', 'disabled');
+
+                            // Disable all the yearly multiple month buttons
+                            $('.yearly-multiple-months button').attr('disabled', 'disabled');
+                            $('.yearly-multiple-months button').removeClass('active');
+
+                            // Enable Yearly One Month Options
+                            $('select[class="yearly-one-month"]').removeAttr('disabled');
+
+                            // Fire change to select default values
+                            $('select[name="yearly-bymonth"]').change();
+
+                            break;
+
+                        case "yearly-multiple-months":
+                            // Example Pattern
+                            // FREQ=YEARLY;INTERVAL=1;BYMONTH=1,3,4,10;COUNT=1
+
+                            // BYMONTH attribute is going to be set
+                            // Reset BYMONTHDAY, BYDAY, BYSETPOS
+                            recurringRule.bymonthday = "";
+                            recurringRule.byday = "";
+                            recurringRule.bysetpos = "";
+
+                            // Disable all the monthday buttons
+                            $('select[class^="yearly"]').attr('disabled', 'disabled');
+
+                            // Enable the buttons
+                            $('.yearly-multiple-months button').removeAttr('disabled');
+
+
+                            break;
+
+                        case "yearly-precise":
+                            // Example Pattern
+                            // FREQ=YEARLY;BYDAY=SU;BYSETPOS=1;BYMONTH=1;UNTIL=20150818;
+
+                            // BYDAY, BYSETPOS, and BYMONTH are going to be set
+                            // Reset BYMONTHDAY
+                            recurringRule.bymonthday = "";
+
+                            // Disable all the yearly select boxes
+                            $('select[class^="yearly"]').attr('disabled', 'disabled');
+
+                            // Disable all the yearly multiple month buttons
+                            $('.yearly-multiple-months button').attr('disabled', 'disabled');
+                            $('.yearly-multiple-months button').removeClass('active');
+
+                            // Enable Yearly One Month Options
+                            $('select[class="yearly-precise"]').removeAttr('disabled');
+
+                            // Fire change to select default values
+                            $('select[name="yearly-bysetpos"]').change();
+                            break;
+                    }
+                }
+
+            });
+        });
+
+        // FREQ=YEARLY - Yearly One Month selection
+        // Example Pattern
+        // FREQ=YEARLY;BYMONTH=1;BYMONTHDAY=1;UNTIL=20150818;
+
+        // BYMONTH and BYMONTHDAY attributes are going to be set
+
+        $(document).on('change', 'select[name^="yearly-bymonth"]', function() {
+            // Example Pattern
+            // FREQ=MONTHLY;INTERVAL=1;BYDAY=SU,SA;BYSETPOS=1;COUNT=1
+
+            // First, Second, Third, Fourth or Last Days
+            var bymonth = $('select[name="yearly-bymonth"]').val();
+
+            // Make array of selected days.
+            var bymonthday = $('select[name="yearly-bymonthday"]').val();
+
+            recurringRule.bymonth = bymonth;
+            recurringRule.bymonthday = bymonthday;
+        });
+
+        // FREQ=YEARLY - Yearly Multiple Month selection
+        // Example Pattern
+        // FREQ=YEARLY;INTERVAL=1;BYMONTH=1,3,4,10;COUNT=1
+        $(document).on('click', '.yearly-multiple-months button', function() {
+            $(this).toggleClass('active');
+            var bymonth = []; // Array to Store 'bymonth' in. Reset it to '' to store new days in below
+
+            // Store Selected Days in the BYDAY rule
+            $('.yearly-multiple-months button').each(function() {
+
+                // Active class is the selected day, store the ID of active days which contains the short day name for the rrule (ex. MO, TU, WE, etc)
+                if ($(this).hasClass('active')) {
+                    bymonth.push($(this).attr('data-month-num'));
+                }
+
+            });
+            recurringRule.bymonth = bymonth;
+        });
+
+        // FREQ=YEARLY - Yearly Precise Selection
+        // Example PAttern
+        // FREQ=YEARLY;BYDAY=SU;BYSETPOS=1;BYMONTH=1;UNTIL=20150818;
+
+        // BYDAY, BYSETPOS, and BYMONTH are going to be set
+
+        $(document).on('change', 'select[name="yearly-bysetpos"], select[name="yearly-byday"], select[name="yearly-bymonth-with-bysetpos-byday"]', function() {
+            // Example Pattern
+            // FREQ=MONTHLY;INTERVAL=1;BYDAY=SU,SA;BYSETPOS=1;COUNT=1
+
+            // First, Second, Third, Fourth or Last Days
+            var bysetpos = $('select[name="yearly-bysetpos"]').val();
+
+            // Make array of selected days.
+            var byday = $('select[name="yearly-byday"]').val().split(',');
+
+            // First, Second, Third, Fourth or Last Days
+            var bymonth = $('select[name="yearly-bymonth-with-bysetpos-byday"]').val();
+            //alert($('select[name="yearly-bymonth-with-bysetpos-byday"]').val());
+
+            recurringRule.bymonthday = "";
+
+            recurringRule.bymonth = bymonth;
+            recurringRule.byday = byday;
+            recurringRule.bysetpos = bysetpos;
+        });
+
+
+        // FREQ=MONTHLY
+        // BYDAY and BYSETPOS MONTHLY Setting
+
+        $(document).on('change', 'select[name^="month-byday"]', function() {
+            // Example Pattern
+            // FREQ=MONTHLY;INTERVAL=1;BYDAY=SU,SA;BYSETPOS=1;COUNT=1
+
+            // First, Second, Third, Fourth or Last Days
+            var bySetPos = $('select[name="month-byday-pos"]').val();
+
+            // Make array of selected days.
+            var daysSelected = $('select[name="month-byday-pos-name"]').val().split(',');
+
+            recurringRule.bysetpos = bySetPos;
+            recurringRule.byday = daysSelected;
+        });
+
+        // Set the count variable
+        $(document).on('input change', 'input[name="count"]', function() {
+
+            recurringRule.count = $(this).val();
+        });
+
+
+
+        // Handle Until / Count Radio Buttons
+        $('input[name="end-select"]').change(function() {
+
+            // Selected Radio Button
+            var selectedRadio = $(this).val();
+
+            // A Radio was changed.  Grab all the radio buttons to see which one.
+            $('input[name="end-select"]').each(function() {
+                // enable the input next to the selected radio button
+                if ($(this).val() == selectedRadio) {
+                    $('input[name="' + selectedRadio + '"]').removeAttr('disabled');
+                    if ($(this).val() == 'until') {
+                        // Set the date in the until textbox as the until date
+
+                        // Remove the count variable
+                        recurringRule.count = '';
+                        // Set until variable
+                        recurringRule.until = $('#end-date-hidden').val();
+                    }
+                } else {
+                    //disable the inputs not selected.
+                    $(this).next('input').attr('disabled', 'disabled').val('');
+
+                    //reset the stored value in the recurringRule object
+                    var not_selected = $(this).next('input').attr('name');
+
+                    recurringRule[not_selected] = '';
+
+                }
+
+            });
+        });
+
+        // Handle Form Submission
+        $('#rrule-' + selector.replace(/[^\w\s]/g, '_')).submit(function(e) {
+            e.preventDefault();
+            if (callback === '') {
+                $(selector).val(RruleForm.rruleGenerate());
+            } else {
+                callback(RruleForm.rruleGenerate())
+            }
+            $('.modal.in').modal('hide');
+        });
+    }
+}