recurring_select_fix_v1_2_0 1.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 9d891f78c076eee623313f89e37973c28611e0ce5fe3f5e1d65dc3f51696543e
+  data.tar.gz: 2ca75833158a39b737f05fdaed2c3e6fdb9ca7da9e523bdaac58976fb23a7093
+SHA512:
+  metadata.gz: 6861193556c1919f710b72cb2441a8138da88e22b34184edd9dd9efacf8a02af0ade192e3f489ea5ef3302603985b7569b1e1e102661870aa97bf78e05f23cfe
+  data.tar.gz: f612ae4d3e962b318f3f38aa7cfe727489a61cddf10ce96f6c9d6c2817b7101f0385935ef6d50fbcaa6a831a442e18412b09dd2d36aaeea633a3f6571861b685

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 Jobber (OctopusApp Inc)
+
+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,140 @@
+RecurringSelect
+=============
+
+[![Build Status](https://travis-ci.org/GetJobber/recurring_select.png?branch=master)](https://travis-ci.org/GetJobber/recurring_select) [![Code Climate](https://codeclimate.com/github/GetJobber/recurring_select.png)](https://codeclimate.com/github/GetJobber/recurring_select)
+
+This is a gem to add a number of selectors and helpers for working with recurring schedules in a rails app.
+It uses the [IceCube](https://github.com/seejohnrun/ice_cube) recurring scheduling gem.
+
+Created by the [Jobber](http://getjobber.com) team for Jobber, the leading business management tool for field service companies.
+
+Check out the [live demo](http://recurring-select-demo.herokuapp.com/) (code in [spec\dummy](https://github.com/GetJobber/recurring_select/tree/master/spec/dummy) folder)
+
+
+Usage
+-----
+
+Basic selector:
+
+Load the gem:
+`gem 'recurring_select`
+
+Require assets
+  Desktop view
+    application.js
+      `//= require recurring_select`
+    application.css
+      `//= require recurring_select`
+
+  or jQueryMobile interface
+    application.js
+      `//= require jquery-mobile-rs`
+    application.css
+      `//= require jquery-mobile-rs`
+
+
+In the form view call the helper:
+`<%= f.select_recurring :recurring_rule_column %>`
+
+Options
+-------
+
+Defaults Values
+```
+f.select_recurring :current_existing_rule, [
+  IceCube::Rule.weekly.day(:monday, :wednesday, :friday),
+  IceCube::Rule.monthly.day_of_month(-1)
+]
+```
+
+:allow_blank let's you pick if there is a "not recurring" value
+```
+  f.select_recurring :current_existing_rule, :allow_blank => true
+```
+
+
+Additional Helpers
+------------------
+
+RecurringSelect also comes with several helpers for parsing up the
+parameters when they hit your application.
+
+You can send the column into the `is_valid_rule?` method to check the
+validity of the input.
+`RecurringSelect.is_valid_rule?(possible_rule)`
+
+There is also a `dirty_hash_to_rule` method for sanitizing the inputs
+for IceCube. This is sometimes needed based on if you're receiving strings, fixed
+numbers, strings vs symbols, etc.
+`RecurringSelect.dirty_hash_to_rule(params)`
+
+I18n
+----
+Recurrent select is I18n aware
+
+You can create a locale file like this:
+
+```
+en:
+  recurring_select:
+    not_recurring: "- not recurring -"
+    change_schedule: "Change schedule..."
+    set_schedule: "Set schedule..."
+    new_custom_schedule: "New custom schedule..."
+    custom_schedule: "Custom schedule..."
+    or: or
+```
+
+You have to translate javascript texts too by including the locale file in your assets manifest. Only french and english are supported for the moment
+
+```
+//= require recurring_select/en
+//= require recurring_select/fr
+```
+
+For other languages include a file like this:
+
+```
+$.fn.recurring_select.texts = {
+  repeat: "Repeat"
+  frequency: "Frequency"
+  daily: "Daily"
+  weekly: "Weekly"
+  monthly: "Monthly"
+  yearly: "Yearly"
+  every: "Every"
+  days: "day(s)"
+  weeks_on: "week(s) on"
+  months: "month(s)"
+  years: "year(s)"
+  first_day_of_week: 1
+  day_of_month: "Day of month"
+  day_of_week: "Day of week"
+  cancel: "Cancel"
+  ok: "OK"
+  days_first_letter: ["S", "M", "T", "W", "T", "F", "S" ]
+  order: ["1st", "2nd", "3rd", "4th"]
+}
+```
+
+Testing and development
+----------------------
+
+Start the dummy server for clicking around the interface:
+`rails s`
+
+Use [Guard](https://github.com/guard/guard) and RSpec for all tests. I'd
+love to get jasmine running also, but haven't had time yet.
+
+Tests can be ran against different versions of Rails like so:
+
+```
+rake appraisal:install
+rake appraisal
+```
+
+Feel free to open issues or send pull requests.
+
+Licensing
+---------
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,24 @@
+#!/usr/bin/env rake
+require 'rubygems'
+require 'bundler/setup'
+require 'appraisal'
+
+require 'rspec/core/rake_task'
+RSpec::Core::RakeTask.new(:spec)
+task :default => :spec
+
+require 'rubygems/package_task'
+Bundler::GemHelper.install_tasks
+
+require 'rdoc/task'
+RDoc::Task.new(:rdoc) do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'RecurringSelect'
+  rdoc.options << '--line-numbers'
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+

data/app/assets/javascripts/jquery-mobile-rs.js.coffee

@@ -0,0 +1,15 @@
+//= require recurring_select
+//= require_self
+
+$ ->
+  $(document).on "recurring_select:cancel recurring_select:save", ".recurring_select", ->
+    $(this).selectmenu('refresh')
+
+  $(document).on "recurring_select:dialog_opened", ".rs_dialog_holder", ->
+    $(this).find("select").attr("data-theme", $('.recurring_select').data("theme")).attr("data-mini", true).selectmenu()
+    $(this).find("input[type=text]").textinput()
+
+    $(this).on "recurring_select:dialog_positioned", ".rs_dialog", ->
+      $(this).css
+        "top" : $(window).scrollTop()+"px"
+

data/app/assets/javascripts/recurring_select.js.coffee

@@ -0,0 +1,98 @@
+//= require recurring_select_dialog
+//= require_self
+
+$ = jQuery
+$ ->
+  $(document).on "focus", ".recurring_select", ->
+    $(this).recurring_select('set_initial_values')
+
+  $(document).on "change", ".recurring_select", ->
+    $(this).recurring_select('changed')
+
+methods =
+  set_initial_values: ->
+    @data 'initial-value-hash', @val()
+    @data 'initial-value-str', $(@find("option").get()[@.prop("selectedIndex")]).text()
+
+  changed: ->
+    if @val() == "custom"
+      methods.open_custom.apply(@)
+    else
+      methods.set_initial_values.apply(@)
+
+  open_custom: ->
+    @data "recurring-select-active", true
+    new RecurringSelectDialog(@)
+    @blur()
+
+  save: (new_rule) ->
+    @find("option[data-custom]").remove()
+    new_json_val = JSON.stringify(new_rule.hash)
+
+    # TODO: check for matching name, and replace that value if found
+
+    if $.inArray(new_json_val, @find("option").map -> $(@).val()) == -1
+      methods.insert_option.apply @, [new_rule.str, new_json_val]
+
+    @val new_json_val
+    methods.set_initial_values.apply @
+    @.trigger "recurring_select:save"
+
+  current_rule: ->
+    str:  @data("initial-value-str")
+    hash: $.parseJSON(@data("initial-value-hash"))
+
+  cancel: ->
+    @val @data("initial-value-hash")
+    @data "recurring-select-active", false
+    @.trigger "recurring_select:cancel"
+
+
+  insert_option: (new_rule_str, new_rule_json) ->
+    separator = @find("option:disabled")
+    if separator.length == 0
+      separator = @find("option")
+    separator = separator.last()
+
+    new_option = $(document.createElement("option"))
+    new_option.attr "data-custom", true
+
+    if new_rule_str.substr(new_rule_str.length - 1) != "*"
+      new_rule_str+="*"
+
+    new_option.text new_rule_str
+    new_option.val new_rule_json
+    new_option.insertBefore separator
+
+  methods: ->
+    methods
+
+$.fn.recurring_select = (method) ->
+  if method of methods
+    return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ) );
+  else
+    $.error( "Method #{method} does not exist on jQuery.recurring_select" );
+
+$.fn.recurring_select.texts = {
+  repeat: "Repeat"
+  last_day: "Last Day"
+  frequency: "Frequency"
+  daily: "Daily"
+  weekly: "Weekly"
+  monthly: "Monthly"
+  yearly: "Yearly"
+  every: "Every"
+  days: "day(s)"
+  weeks_on: "week(s) on"
+  months: "month(s)"
+  years: "year(s)"
+  first_day_of_week: 1
+  day_of_month: "Day of month"
+  day_of_week: "Day of week"
+  cancel: "Cancel"
+  ok: "OK"
+  summary: "Summary"
+  first_day_of_week: 0
+  days_first_letter: ["S", "M", "T", "W", "T", "F", "S" ]
+  order: ["1st", "2nd", "3rd", "4th"]
+}

data/app/assets/javascripts/recurring_select/fr.js.coffee

@@ -0,0 +1,23 @@
+$.fn.recurring_select.texts = {
+  repeat: "Récurrence"
+  last_day: "Dernier jour"
+  frequency: "Fréquence"
+  daily: "Tous les jours"
+  weekly: "Toutes les semaines"
+  monthly: "Tous les mois"
+  yearly: "Tous les ans"
+  every: "Tous les"
+  days: "jour(s)"
+  weeks_on: "semaine(s) le"
+  months: "mois"
+  years: "année(s)"
+  cancel: "Annuler"
+  day_of_month: "Jour du mois"
+  day_of_week: "Jour de la semaine"
+  ok: "OK"
+  cancel: "Annuler"
+  summary: "Résumé"
+  first_day_of_week: 1
+  days_first_letter: ["D", "L", "M", "M", "J", "V", "S" ]
+  order: ["1er", "2ème", "3ème", "4ème"]
+}

data/app/assets/javascripts/recurring_select_dialog.js.coffee.erb

@@ -0,0 +1,371 @@
+window.RecurringSelectDialog =
+  class RecurringSelectDialog
+    constructor: (@recurring_selector) ->
+      @current_rule = @recurring_selector.recurring_select('current_rule')
+      @initDialogBox()
+      if not @current_rule.hash? or not @current_rule.hash.rule_type?
+        @freqChanged()
+      else
+        setTimeout @positionDialogVert, 10 # allow initial render
+
+    initDialogBox: ->
+      $(".rs_dialog_holder").remove()
+
+      open_in = $("body")
+      open_in = $(".ui-page-active") if $(".ui-page-active").length
+      open_in.append @template()
+      @outer_holder = $(".rs_dialog_holder")
+      @inner_holder = @outer_holder.find ".rs_dialog"
+      @content = @outer_holder.find ".rs_dialog_content"
+      @positionDialogVert(true)
+      @mainEventInit()
+      @freqInit()
+      @summaryInit()
+      @freq_select.focus()
+      @outer_holder.trigger "recurring_select:dialog_opened"
+
+    positionDialogVert: (initial_positioning) =>
+      window_height = $(window).height()
+      window_width  = $(window).width()
+      dialog_height = @content.outerHeight()
+      if dialog_height < 80
+        dialog_height = 80
+      margin_top = (window_height - dialog_height)/2 - 30
+      margin_top = 10 if margin_top < 10
+      # if dialog_height > window_height - 20
+      #   dialog_height = window_height - 20
+
+      new_style_hash =
+        "margin-top" : margin_top+"px"
+        "min-height" : dialog_height+"px"
+
+      if initial_positioning?
+        @inner_holder.css new_style_hash
+        @inner_holder.trigger "recurring_select:dialog_positioned"
+      else
+        @content.css {"width": @content.width()+"px"}
+        @inner_holder.addClass "animated"
+        @inner_holder.animate new_style_hash, 200, =>
+          @inner_holder.removeClass "animated"
+          @content.css {"width": "auto"}
+          @inner_holder.trigger "recurring_select:dialog_positioned"
+
+    cancel: =>
+      @outer_holder.remove()
+      @recurring_selector.recurring_select('cancel')
+
+    outerCancel: (event) =>
+      if $(event.target).hasClass("rs_dialog_holder")
+        @cancel()
+
+    save: =>
+      return if !@current_rule.str?
+      @outer_holder.remove()
+      @recurring_selector.recurring_select('save', @current_rule)
+
+# ========================= Init Methods ===============================
+
+    mainEventInit: ->
+      # Tap hooks are for jQueryMobile
+      @outer_holder.on 'click tap', @outerCancel
+      @content.on 'click tap', 'h1 a', @cancel
+      @save_button = @content.find('input.rs_save').on "click tap", @save
+      @content.find('input.rs_cancel').on "click tap", @cancel
+
+    freqInit: ->
+      @freq_select = @outer_holder.find ".rs_frequency"
+      if @current_rule.hash? && (rule_type = @current_rule.hash.rule_type)?
+        if rule_type.search(/Weekly/) != -1
+          @freq_select.prop('selectedIndex', 1)
+          @initWeeklyOptions()
+        else if rule_type.search(/Monthly/) != -1
+          @freq_select.prop('selectedIndex', 2)
+          @initMonthlyOptions()
+        else if rule_type.search(/Yearly/) != -1
+          @freq_select.prop('selectedIndex', 3)
+          @initYearlyOptions()
+        else
+          @initDailyOptions()
+      @freq_select.on "change", @freqChanged
+
+    initDailyOptions: ->
+      section = @content.find('.daily_options')
+      interval_input = section.find('.rs_daily_interval')
+      interval_input.val(@current_rule.hash.interval)
+      interval_input.off "change keyup"
+      interval_input.on "change keyup", @intervalChanged
+      section.show()
+
+    initWeeklyOptions: ->
+      section = @content.find('.weekly_options')
+
+      # connect the interval field
+      interval_input = section.find('.rs_weekly_interval')
+      interval_input.val(@current_rule.hash.interval)
+      interval_input.off "change keyup"
+      interval_input.on "change keyup", @intervalChanged
+
+      # connect the day fields
+      if @current_rule.hash.validations? && @current_rule.hash.validations.day?
+        $(@current_rule.hash.validations.day).each (index, val) ->
+          section.find(".day_holder a[data-value='"+val+"']").addClass("selected")
+      section.off "click"
+      section.on "click", ".day_holder a", @daysChanged
+
+      section.show()
+
+    initMonthlyOptions: ->
+      section = @content.find('.monthly_options')
+      interval_input = section.find('.rs_monthly_interval')
+      interval_input.val(@current_rule.hash.interval)
+      interval_input.off "change keyup"
+      interval_input.on "change keyup", @intervalChanged
+
+      @current_rule.hash.validations ||= {}
+      @current_rule.hash.validations.day_of_month ||= []
+      @current_rule.hash.validations.day_of_week ||= {}
+      @init_calendar_days(section)
+      @init_calendar_weeks(section)
+
+      in_week_mode = Object.keys(@current_rule.hash.validations.day_of_week).length > 0
+      section.find(".monthly_rule_type_week").prop("checked", in_week_mode)
+      section.find(".monthly_rule_type_day").prop("checked", !in_week_mode)
+      @toggle_month_view()
+      section.off "change"
+      section.find("input[name=monthly_rule_type]").on "change", @toggle_month_view
+      section.show()
+
+    initYearlyOptions: ->
+      section = @content.find('.yearly_options')
+      interval_input = section.find('.rs_yearly_interval')
+      interval_input.val(@current_rule.hash.interval)
+      interval_input.off "change keyup"
+      interval_input.on "change keyup", @intervalChanged
+      section.show()
+
+
+    summaryInit: ->
+      @summary = @outer_holder.find(".rs_summary")
+      @summaryUpdate()
+
+# ========================= render methods ===============================
+
+    summaryUpdate: (new_string) =>
+      @summary.width @content.width()
+      if @current_rule.hash? && @current_rule.str?
+        @summary.removeClass "fetching"
+        @save_button.removeClass("disabled")
+        rule_str = @current_rule.str.replace("*", "")
+        if rule_str.length < 20
+          rule_str = "#{$.fn.recurring_select.texts["summary"]}: "+rule_str
+        @summary.find("span").html rule_str
+      else
+        @summary.addClass "fetching"
+        @save_button.addClass("disabled")
+        @summary.find("span").html ""
+        @summaryFetch()
+
+    summaryFetch: ->
+      return if !(@current_rule.hash? && (rule_type = @current_rule.hash.rule_type)?)
+      @content.css {"width": @content.width()+"px"}
+      $.ajax
+        url: "/recurring_select/translate",
+        type: "POST",
+        data: @current_rule.hash
+        success: @summaryFetchSuccess
+
+    summaryFetchSuccess: (data) =>
+      @current_rule.str = data
+      @summaryUpdate()
+      @content.css {"width": "auto"}
+
+    init_calendar_days: (section) =>
+      monthly_calendar = section.find(".rs_calendar_day")
+      monthly_calendar.html ""
+      for num in [1..31]
+        monthly_calendar.append (day_link = $(document.createElement("a")).text(num))
+        if $.inArray(num, @current_rule.hash.validations.day_of_month) != -1
+          day_link.addClass("selected")
+
+      # add last day of month button
+      monthly_calendar.append (end_of_month_link = $(document.createElement("a")).text($.fn.recurring_select.texts["last_day"]))
+      end_of_month_link.addClass("end_of_month")
+      if $.inArray(-1, @current_rule.hash.validations.day_of_month) != -1
+        end_of_month_link.addClass("selected")
+
+      monthly_calendar.find("a").on "click tap", @dateOfMonthChanged
+
+    init_calendar_weeks: (section) =>
+      monthly_calendar = section.find(".rs_calendar_week")
+      monthly_calendar.html ""
+      row_labels = $.fn.recurring_select.texts["order"]
+      cell_str = $.fn.recurring_select.texts["days_first_letter"]
+
+      for num in [1..4]
+        monthly_calendar.append "<span>#{row_labels[num - 1]}</span>"
+        for day_of_week in [0..6]
+          day_link = $("<a>", {text: cell_str[day_of_week]})
+          day_link.attr("day", day_of_week)
+          day_link.attr("instance", num)
+          monthly_calendar.append day_link
+      $.each @current_rule.hash.validations.day_of_week, (key, value) ->
+        $.each value, (index, instance) ->
+          section.find("a[day='#{key}'][instance='#{instance}']").addClass("selected")
+      monthly_calendar.find("a").on "click tap", @weekOfMonthChanged
+
+    toggle_month_view: =>
+      week_mode = @content.find(".monthly_rule_type_week").prop("checked")
+      @content.find(".rs_calendar_week").toggle(week_mode)
+      @content.find(".rs_calendar_day").toggle(!week_mode)
+
+# ========================= Change callbacks ===============================
+
+    freqChanged: =>
+      @current_rule.hash = null unless $.isPlainObject(@current_rule.hash) # for custom values
+
+      @current_rule.hash ||= {}
+      @current_rule.hash.interval = 1
+      @current_rule.hash.until = null
+      @current_rule.hash.count = null
+      @current_rule.hash.validations = null
+      @content.find(".freq_option_section").hide();
+      @content.find("input[type=radio], input[type=checkbox]").prop("checked", false)
+      switch @freq_select.val()
+        when "Weekly"
+          @current_rule.hash.rule_type = "IceCube::WeeklyRule"
+          @current_rule.str = $.fn.recurring_select.texts["weekly"]
+          @initWeeklyOptions()
+        when "Monthly"
+          @current_rule.hash.rule_type = "IceCube::MonthlyRule"
+          @current_rule.str = $.fn.recurring_select.texts["monthly"]
+          @initMonthlyOptions()
+        when "Yearly"
+          @current_rule.hash.rule_type = "IceCube::YearlyRule"
+          @current_rule.str = $.fn.recurring_select.texts["yearly"]
+          @initYearlyOptions()
+        else
+          @current_rule.hash.rule_type = "IceCube::DailyRule"
+          @current_rule.str = $.fn.recurring_select.texts["daily"]
+          @initDailyOptions()
+      @summaryUpdate()
+      @positionDialogVert()
+
+    intervalChanged: (event) =>
+      @current_rule.str = null
+      @current_rule.hash ||= {}
+      @current_rule.hash.interval = parseInt($(event.currentTarget).val())
+      if @current_rule.hash.interval < 1 || isNaN(@current_rule.hash.interval)
+        @current_rule.hash.interval = 1
+        # $(event.currentTarget).val(@current_rule.hash.interval)
+      @summaryUpdate()
+
+    daysChanged: (event) =>
+      $(event.currentTarget).toggleClass("selected")
+      @current_rule.str = null
+      @current_rule.hash ||= {}
+      @current_rule.hash.validations = {}
+      raw_days = @content.find(".day_holder a.selected").map -> parseInt($(this).data("value"))
+      @current_rule.hash.validations.day = raw_days.get()
+      @summaryUpdate()
+      false # this prevents default and propogation
+
+    dateOfMonthChanged: (event) =>
+      $(event.currentTarget).toggleClass("selected")
+      @current_rule.str = null
+      @current_rule.hash ||= {}
+      @current_rule.hash.validations = {}
+      raw_days = @content.find(".monthly_options .rs_calendar_day a.selected").map ->
+        res = if $(this).text() == $.fn.recurring_select.texts["last_day"] then -1 else parseInt($(this).text())
+        res
+      @current_rule.hash.validations.day_of_week = {}
+      @current_rule.hash.validations.day_of_month = raw_days.get()
+      @summaryUpdate()
+      false
+
+    weekOfMonthChanged: (event) =>
+      $(event.currentTarget).toggleClass("selected")
+      @current_rule.str = null
+      @current_rule.hash ||= {}
+      @current_rule.hash.validations = {}
+      @current_rule.hash.validations.day_of_month = []
+      @current_rule.hash.validations.day_of_week = {}
+      @content.find(".monthly_options .rs_calendar_week a.selected").each (index, elm) =>
+        day = parseInt($(elm).attr("day"))
+        instance = parseInt($(elm).attr("instance"))
+        @current_rule.hash.validations.day_of_week[day] ||= []
+        @current_rule.hash.validations.day_of_week[day].push instance
+      @summaryUpdate()
+      false
+
+# ========================= Change callbacks ===============================
+
+    template: () ->
+      str = "
+      <div class='rs_dialog_holder'>
+        <div class='rs_dialog'>
+          <div class='rs_dialog_content'>
+            <h1>#{$.fn.recurring_select.texts["repeat"]} <a href='#' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h1>
+            <p>
+              <label for='rs_frequency'>#{$.fn.recurring_select.texts["frequency"]}:</label>
+              <select id='rs_frequency' class='rs_frequency' name='rs_frequency'>
+                <option value='Daily'>#{$.fn.recurring_select.texts["daily"]}</option>
+                <option value='Weekly'>#{$.fn.recurring_select.texts["weekly"]}</option>
+                <option value='Monthly'>#{$.fn.recurring_select.texts["monthly"]}</option>
+                <option value='Yearly'>#{$.fn.recurring_select.texts["yearly"]}</option>
+              </select>
+            </p>
+
+            <div class='daily_options freq_option_section'>
+              <p>
+                #{$.fn.recurring_select.texts["every"]}
+                <input type='text' name='rs_daily_interval' class='rs_daily_interval rs_interval' value='1' size='2' />
+                #{$.fn.recurring_select.texts["days"]}
+              </p>
+            </div>
+            <div class='weekly_options freq_option_section'>
+              <p>
+                #{$.fn.recurring_select.texts["every"]}
+                <input type='text' name='rs_weekly_interval' class='rs_weekly_interval rs_interval' value='1' size='2' />
+                #{$.fn.recurring_select.texts["weeks_on"]}:
+              </p>
+              <div class='day_holder'>
+      "
+      for day_of_week in [$.fn.recurring_select.texts["first_day_of_week"]...(7 + $.fn.recurring_select.texts["first_day_of_week"])]
+        day_of_week = day_of_week % 7
+        str += "<a href='#' data-value='#{day_of_week}'>#{$.fn.recurring_select.texts["days_first_letter"][day_of_week]}</a>"
+
+      str += "
+              </div>
+              <span style='clear:both; visibility:hidden; height:1px;'>.</span>
+            </div>
+            <div class='monthly_options freq_option_section'>
+              <p>
+                #{$.fn.recurring_select.texts["every"]}
+                <input type='text' name='rs_monthly_interval' class='rs_monthly_interval rs_interval' value='1' size='2' />
+                #{$.fn.recurring_select.texts["months"]}:
+              </p>
+              <p class='monthly_rule_type'>
+                <span>#{$.fn.recurring_select.texts["day_of_month"]} <input type='radio' class='monthly_rule_type_day' name='monthly_rule_type' value='true' /></span>
+                <span>#{$.fn.recurring_select.texts["day_of_week"]} <input type='radio' class='monthly_rule_type_week' name='monthly_rule_type' value='true' /></span>
+              </p>
+              <p class='rs_calendar_day'></p>
+              <p class='rs_calendar_week'></p>
+            </div>
+            <div class='yearly_options freq_option_section'>
+              <p>
+                #{$.fn.recurring_select.texts["every"]}
+                <input type='text' name='rs_yearly_interval' class='rs_yearly_interval rs_interval' value='1' size='2' />
+                #{$.fn.recurring_select.texts["years"]}
+              </p>
+            </div>
+            <p class='rs_summary'>
+              <span></span>
+            </p>
+            <div class='controls'>
+              <input type='button' class='rs_save' value='#{$.fn.recurring_select.texts["ok"]}' />
+              <input type='button' class='rs_cancel' value='#{$.fn.recurring_select.texts["cancel"]}' />
+            </div>
+          </div>
+        </div>
+      </div>
+      "