From 98e706ea6898e2ff22c0befea2a5728a0d91f2b2 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Fri, 17 May 2019 12:38:48 -0400
Subject: [PATCH 01/23] Add title attribute to the Every 'foo' input

---
 .../javascripts/recurring_select_dialog.js.coffee.erb     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index baeccd6a..3c2c781d 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -319,14 +319,14 @@ window.RecurringSelectDialog =
             <div class='daily_options freq_option_section'>
               <p>
                 #{$.fn.recurring_select.texts["every"]}
-                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_daily_interval' class='rs_daily_interval rs_interval' value='1' size='2' />
+                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_daily_interval' class='rs_daily_interval rs_interval' value='1' size='2' title='Enter number of days to repeat'/>
                 #{$.fn.recurring_select.texts["days"]}
               </p>
             </div>
             <div class='weekly_options freq_option_section'>
               <p>
                 #{$.fn.recurring_select.texts["every"]}
-                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_weekly_interval' class='rs_weekly_interval rs_interval' value='1' size='2' />
+                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_weekly_interval' class='rs_weekly_interval rs_interval' value='1' size='2' title='Enter number of weeks to repeat'/>
                 #{$.fn.recurring_select.texts["weeks_on"]}:
               </p>
               <div class='day_holder'>
@@ -342,7 +342,7 @@ window.RecurringSelectDialog =
             <div class='monthly_options freq_option_section'>
               <p>
                 #{$.fn.recurring_select.texts["every"]}
-                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_monthly_interval' class='rs_monthly_interval rs_interval' value='1' size='2' />
+                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_monthly_interval' class='rs_monthly_interval rs_interval' value='1' size='2' title='Enter number of months to repeat' />
                 #{$.fn.recurring_select.texts["months"]}:
               </p>
               <p class='monthly_rule_type'>
@@ -355,7 +355,7 @@ window.RecurringSelectDialog =
             <div class='yearly_options freq_option_section'>
               <p>
                 #{$.fn.recurring_select.texts["every"]}
-                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_yearly_interval' class='rs_yearly_interval rs_interval' value='1' size='2' />
+                <input type='text' data-wrapper-class='ui-recurring-select' name='rs_yearly_interval' class='rs_yearly_interval rs_interval' value='1' size='2' title='Enter number of years to repeat' />
                 #{$.fn.recurring_select.texts["years"]}
               </p>
             </div>

From 2e5f001c7e764f1e0ff29e8da31024d47c6be595 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Fri, 17 May 2019 12:41:02 -0400
Subject: [PATCH 02/23] Fix 508 contrast error: change #89a to #64717F

---
 app/assets/stylesheets/recurring_select.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/recurring_select.scss b/app/assets/stylesheets/recurring_select.scss
index 4d5bd72f..90e880a9 100644
--- a/app/assets/stylesheets/recurring_select.scss
+++ b/app/assets/stylesheets/recurring_select.scss
@@ -48,7 +48,7 @@ select {
 
         .day_holder { border-left:1px solid #ccc; position:relative; margin-top:5px; height:26px;
           a {display:block; padding:5px 7px; font-size:14px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 0px; float:left; text-decoration:none; font-weight:bold; @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.1)); background-color:#fff;;
-            &.selected {background-color:#89a; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
+            &.selected {background-color:#64717F; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
             &:hover { cursor:pointer; background-color:#dde;}
           }
         }
@@ -56,7 +56,7 @@ select {
         .rs_calendar_day, .rs_calendar_week {
           width:155px;
           a {display:inline-block; text-align:center; width:15px; padding:5px 3px; font-size:12px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 1px; margin:-1px 0 0 -1px; line-height:10px; background-color:#fff; font-weight:bold;
-            &.selected {background-color:#89a; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
+            &.selected {background-color:#64717F; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
             &:hover { cursor:pointer; background-color:#dde;}
           }
           a.end_of_month { width: 81px; }

From 3b9bb27e979b25afce04610b6899b36c20964071 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Fri, 17 May 2019 12:43:10 -0400
Subject: [PATCH 03/23] Change header from h1 to h4 as h1 doesn't logically
 flow with page

---
 app/assets/javascripts/recurring_select_dialog.js.coffee.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 3c2c781d..546650ab 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -305,7 +305,7 @@ window.RecurringSelectDialog =
       <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>
+            <h4>#{$.fn.recurring_select.texts["repeat"]} <a href='#' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h4>
             <p class='frequency-select-wrapper'>
               <label for='rs_frequency'>#{$.fn.recurring_select.texts["frequency"]}:</label>
               <select data-wrapper-class='ui-recurring-select' id='rs_frequency' class='rs_frequency' name='rs_frequency'>

From 34292120809aabba1048731a9257d255b0dd3ce5 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Fri, 17 May 2019 12:47:34 -0400
Subject: [PATCH 04/23] Abbreviated weekdays not suffient error: Add aria-label
 with days spelled out to weekly <a href>'s

---
 .../recurring_select_dialog.js.coffee.erb            | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 546650ab..a53cc2a5 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -331,9 +331,19 @@ window.RecurringSelectDialog =
               </p>
               <div class='day_holder'>
       "
+
+      weekday=new Array(7);
+      weekday[0]="Sunday";
+      weekday[1]="Monday";
+      weekday[2]="Tuesday";
+      weekday[3]="Wednesday";
+      weekday[4]="Thursday";
+      weekday[5]="Friday";
+      weekday[6]="Saturday";
+
       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 += "<a href='#' data-value='#{day_of_week}' aria-lable='#{weekday[day_of_week]}'>#{$.fn.recurring_select.texts["days_first_letter"][day_of_week]}</a>"
 
       str += "
               </div>

From 11b6efb9bb6901ed6f144115fd4398af991734e5 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Fri, 17 May 2019 16:36:23 -0400
Subject: [PATCH 05/23] Add javascript/coffeescript to make modal focusable

---
 .../recurring_select_dialog.js.coffee.erb     | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index a53cc2a5..6dafccb6 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -298,6 +298,65 @@ window.RecurringSelectDialog =
       @summaryUpdate()
       false
 
+    # ========================= 508 Accessiblity ===============================
+
+    disableTabbingOnPage = (tabbableElements) ->
+      $.each tabbableElements, (index, element) ->
+        $(element).attr 'tabindex', '-1'
+        return
+      return
+
+    enableTabbingOnModal = (tabbableElements) ->
+      $.each tabbableElements, (index, element) ->
+        if $(element).parents('.modal').length
+          #element is inside of the modal
+          $(element).attr 'tabindex', '0'
+        return
+      return
+
+    reEnableTabbingOnPage = (tabbableElements) ->
+      $.each tabbableElements, (index, element) ->
+        $(element).attr 'tabindex', '0'
+        return
+      return
+
+    focusFirstInputElement = ->
+      inputElements = $('input')
+      $.each inputElements, (index, element) ->
+        if $(element).parents('.modal').length
+          $(element).focus()
+          #end loop
+          return false
+        return
+      return
+
+    setupModalEvents = (tabbableElements) ->
+      elementWithFocus = $(':focus')
+      #on modal open
+      $(document).on 'shown.bs.modal', ->
+        focusFirstInputElement()
+        return
+      #on modal close
+      $(document).on 'hidden.bs.modal', ->
+        reEnableTabbingOnPage tabbableElements
+        $(elementWithFocus).focus()
+        return
+      return
+
+    #on open
+    elementWithFocus = $(':focus')
+    #on close
+    $(elementWithFocus).focus()
+
+    $('.recurring_select').change ->
+      tabbableElements = $('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
+      puts("made it here!")
+      setupModalEvents tabbableElements
+      disableTabbingOnPage tabbableElements
+      enableTabbingOnModal tabbableElements
+      $('#exampleModal').modal()
+      return
+
 # ========================= Change callbacks ===============================
 
     template: () ->

From 479581ec6a153cfd805060720427a3e5882081e5 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Mon, 20 May 2019 15:18:36 -0400
Subject: [PATCH 06/23] First part of trapping focus in modal (address bar is
 still an issue)

---
 .../javascripts/recurring_select.js.coffee    | 30 +++++++++++++++++++
 .../recurring_select_dialog.js.coffee.erb     |  2 +-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/recurring_select.js.coffee b/app/assets/javascripts/recurring_select.js.coffee
index d4932139..fc784b9a 100644
--- a/app/assets/javascripts/recurring_select.js.coffee
+++ b/app/assets/javascripts/recurring_select.js.coffee
@@ -16,7 +16,11 @@ methods =
 
   changed: ->
     if @val() == "custom"
+      tabbableElements = $('a, a[href], area[href], input:not([disabled]), select:not([disabled]), input[type="radio"], textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
+      disableTabbingOnPage(tabbableElements)
       methods.open_custom.apply(@)
+      focusFirstInputElement();
+      enableTabbingOnModal(tabbableElements)
     else
       methods.set_initial_values.apply(@)
 
@@ -103,3 +107,29 @@ $.fn.recurring_select.texts = {
   order: ["1st", "2nd", "3rd", "4th", "5th", "Last"]
   show_week: [true, true, true, true, false, false]
 }
+
+# ========================= 508 Accessiblity ===============================
+focusFirstInputElement = ->
+  $('#rs_frequency').focus()
+
+ignoreAddressBar = () ->
+  $('input').on 'keydown', (e) ->
+  if !e.shiftKey and e.which == 9
+    e.preventDefault()
+    $('#rs_frequency').focus()
+  return
+
+disableTabbingOnPage = (tabbableElements) ->
+  $.each tabbableElements, (index, element) ->
+    $(element).attr 'tabindex', '-1'
+    return
+  return
+
+enableTabbingOnModal = (tabbableElements) ->
+  $('#monthly_rule_type_week').attr 'tabindex', '0'
+  $.each tabbableElements, (index, element) ->
+    if $(element).parents('#rs_modal').length
+      #element is inside of the modal
+      $(element).attr 'tabindex', '0'
+    return
+  return
diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 6dafccb6..7bdd41ba 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -362,7 +362,7 @@ window.RecurringSelectDialog =
     template: () ->
       str = "
       <div class='rs_dialog_holder'>
-        <div class='rs_dialog'>
+        <div id='rs_modal' class='rs_dialog'>
           <div class='rs_dialog_content'>
             <h4>#{$.fn.recurring_select.texts["repeat"]} <a href='#' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h4>
             <p class='frequency-select-wrapper'>

From eca085b5110c8852ff542031b4c48784bab0d5f6 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 12:34:42 -0400
Subject: [PATCH 07/23] Add class and empty href to a tags so that they become
 tabbable

---
 app/assets/javascripts/recurring_select_dialog.js.coffee.erb | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 7bdd41ba..a4db66f2 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -182,6 +182,7 @@ window.RecurringSelectDialog =
       monthly_calendar.html ""
       for num in [1..31]
         monthly_calendar.append (day_link = $(document.createElement("a")).text(num))
+        day_link.addClass("a_day")
         if $.inArray(num, @current_rule.hash.validations.day_of_month) != -1
           day_link.addClass("selected")
 
@@ -192,6 +193,7 @@ window.RecurringSelectDialog =
         end_of_month_link.addClass("selected")
 
       monthly_calendar.find("a").on "click tap", @dateOfMonthChanged
+      monthly_calendar.find("a").attr('href','');
 
     init_calendar_weeks: (section) =>
       monthly_calendar = section.find(".rs_calendar_week")

From f290c3d9d558146ef9daf7bcf1833cfebd852de5 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 14:10:09 -0400
Subject: [PATCH 08/23] Add href and title to a tags in monthly:day of the week
 table

---
 .../recurring_select_dialog.js.coffee.erb            | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index a4db66f2..7cf63cb5 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -202,12 +202,23 @@ window.RecurringSelectDialog =
       show_row = $.fn.recurring_select.options["monthly"]["show_week"]
       cell_str = $.fn.recurring_select.texts["days_first_letter"]
 
+      weekday=new Array(7);
+      weekday[0]="Sunday";
+      weekday[1]="Monday";
+      weekday[2]="Tuesday";
+      weekday[3]="Wednesday";
+      weekday[4]="Thursday";
+      weekday[5]="Friday";
+      weekday[6]="Saturday";
+
       for num, index in [1, 2, 3, 4, 5, -1]
         if show_row[index]
           monthly_calendar.append "<span>#{row_labels[num - 1]}</span>"
           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
             day_link = $("<a>", {text: cell_str[day_of_week] })
+            day_link.attr('href','');
+            day_link.attr('aria-label', weekday[day_of_week] );
             day_link.attr("day", day_of_week)
             day_link.attr("instance", num)
             monthly_calendar.append day_link
@@ -393,6 +404,7 @@ window.RecurringSelectDialog =
               <div class='day_holder'>
       "
 
+      # TODO: (Anissa) - How do I DRY this up? Its duplicated from above. 
       weekday=new Array(7);
       weekday[0]="Sunday";
       weekday[1]="Monday";

From 3fe1732e790b31436bee47c26c726cd67e4ea57b Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 14:38:24 -0400
Subject: [PATCH 09/23] Add methods for adding st,nd,rd,th & drying up full
 unabbreviated weekday

---
 .../recurring_select_dialog.js.coffee.erb     | 45 ++++++++++---------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 7cf63cb5..a166b535 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -24,6 +24,28 @@ window.RecurringSelectDialog =
       @outer_holder.trigger "recurring_select:dialog_opened"
       @freq_select.focus()
 
+    ordinal_suffix_of = (i) ->
+      j = i % 10
+      k = i % 100
+      if j == 1 and k != 11
+        return i + 'st'
+      if j == 2 and k != 12
+        return i + 'nd'
+      if j == 3 and k != 13
+        return i + 'rd'
+      i + 'th'
+
+    full_string_weekday = (num) ->
+      weekday = new Array(7)
+      weekday[0] = 'Sunday'
+      weekday[1] = 'Monday'
+      weekday[2] = 'Tuesday'
+      weekday[3] = 'Wednesday'
+      weekday[4] = 'Thursday'
+      weekday[5] = 'Friday'
+      weekday[6] = 'Saturday'
+      weekday[num]
+
     positionDialogVert: (initial_positioning) =>
       window_height = $(window).height()
       window_width  = $(window).width()
@@ -202,15 +224,6 @@ window.RecurringSelectDialog =
       show_row = $.fn.recurring_select.options["monthly"]["show_week"]
       cell_str = $.fn.recurring_select.texts["days_first_letter"]
 
-      weekday=new Array(7);
-      weekday[0]="Sunday";
-      weekday[1]="Monday";
-      weekday[2]="Tuesday";
-      weekday[3]="Wednesday";
-      weekday[4]="Thursday";
-      weekday[5]="Friday";
-      weekday[6]="Saturday";
-
       for num, index in [1, 2, 3, 4, 5, -1]
         if show_row[index]
           monthly_calendar.append "<span>#{row_labels[num - 1]}</span>"
@@ -218,7 +231,7 @@ window.RecurringSelectDialog =
             day_of_week = day_of_week % 7
             day_link = $("<a>", {text: cell_str[day_of_week] })
             day_link.attr('href','');
-            day_link.attr('aria-label', weekday[day_of_week] );
+            day_link.attr('aria-label', ordinal_suffix_of(num) + ' ' + full_string_weekday(day_of_week) );
             day_link.attr("day", day_of_week)
             day_link.attr("instance", num)
             monthly_calendar.append day_link
@@ -404,19 +417,9 @@ window.RecurringSelectDialog =
               <div class='day_holder'>
       "
 
-      # TODO: (Anissa) - How do I DRY this up? Its duplicated from above. 
-      weekday=new Array(7);
-      weekday[0]="Sunday";
-      weekday[1]="Monday";
-      weekday[2]="Tuesday";
-      weekday[3]="Wednesday";
-      weekday[4]="Thursday";
-      weekday[5]="Friday";
-      weekday[6]="Saturday";
-
       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}' aria-lable='#{weekday[day_of_week]}'>#{$.fn.recurring_select.texts["days_first_letter"][day_of_week]}</a>"
+        str += "<a href='#' data-value='#{day_of_week}' aria-lable='#{full_string_weekday(day_of_week)}'>#{$.fn.recurring_select.texts["days_first_letter"][day_of_week]}</a>"
 
       str += "
               </div>

From 7b1e4285cabdd56bfbabccfdb410f73938796651 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 14:45:37 -0400
Subject: [PATCH 10/23] Add aria-label to monthly:day of month links

---
 app/assets/javascripts/recurring_select_dialog.js.coffee.erb | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index a166b535..57fe6416 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -205,12 +205,14 @@ window.RecurringSelectDialog =
       for num in [1..31]
         monthly_calendar.append (day_link = $(document.createElement("a")).text(num))
         day_link.addClass("a_day")
+        day_link.attr('aria-label', ordinal_suffix_of(num) + ' Day of Month' );
         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")
+      end_of_month_link.attr('aria-label', ' Last Day of Month' );
       if $.inArray(-1, @current_rule.hash.validations.day_of_month) != -1
         end_of_month_link.addClass("selected")
 
@@ -419,7 +421,7 @@ window.RecurringSelectDialog =
 
       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}' aria-lable='#{full_string_weekday(day_of_week)}'>#{$.fn.recurring_select.texts["days_first_letter"][day_of_week]}</a>"
+        str += "<a href='#' data-value='#{day_of_week}' aria-label='#{full_string_weekday(day_of_week)}'>#{$.fn.recurring_select.texts["days_first_letter"][day_of_week]}</a>"
 
       str += "
               </div>

From a6a97b1f4d901e1858347a04c5cf9532fae51a29 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 14:56:34 -0400
Subject: [PATCH 11/23] Move html id one div down

---
 app/assets/javascripts/recurring_select_dialog.js.coffee.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 57fe6416..3b3a0483 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -390,8 +390,8 @@ window.RecurringSelectDialog =
     template: () ->
       str = "
       <div class='rs_dialog_holder'>
-        <div id='rs_modal' class='rs_dialog'>
-          <div class='rs_dialog_content'>
+        <div class='rs_dialog'>
+          <div id='rs_modal' class='rs_dialog_content'>
             <h4>#{$.fn.recurring_select.texts["repeat"]} <a href='#' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h4>
             <p class='frequency-select-wrapper'>
               <label for='rs_frequency'>#{$.fn.recurring_select.texts["frequency"]}:</label>

From c0fda9d89aae29965937536d050b5045e523c7d9 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 14:57:00 -0400
Subject: [PATCH 12/23] Use more concise method

---
 .../javascripts/recurring_select.js.coffee    | 23 +++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/recurring_select.js.coffee b/app/assets/javascripts/recurring_select.js.coffee
index fc784b9a..e007d040 100644
--- a/app/assets/javascripts/recurring_select.js.coffee
+++ b/app/assets/javascripts/recurring_select.js.coffee
@@ -17,10 +17,11 @@ methods =
   changed: ->
     if @val() == "custom"
       tabbableElements = $('a, a[href], area[href], input:not([disabled]), select:not([disabled]), input[type="radio"], textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
-      disableTabbingOnPage(tabbableElements)
+      # disableTabbingOnPage(tabbableElements)
       methods.open_custom.apply(@)
-      focusFirstInputElement();
-      enableTabbingOnModal(tabbableElements)
+      # focusFirstInputElement();
+      # enableTabbingOnModal(tabbableElements)
+      setModalTabbing()
     else
       methods.set_initial_values.apply(@)
 
@@ -109,6 +110,21 @@ $.fn.recurring_select.texts = {
 }
 
 # ========================= 508 Accessiblity ===============================
+setModalTabbing = ->
+  tabbables = $('#rs_modal').find(':tabbable')
+  $('#rs_modal').off('keydown').on 'keydown', (e) ->
+    `var x`
+    if $(e.target).is(tabbables.first()) and e.which == 9 and e.shiftKey
+      e.preventDefault()
+      x = tabbables.last()
+      x.focus()
+    else if $(e.target).is(tabbables.last()) and e.which == 9 and !e.shiftKey
+      e.preventDefault()
+      x = tabbables.first()
+      x.focus()
+    return
+  return
+
 focusFirstInputElement = ->
   $('#rs_frequency').focus()
 
@@ -126,7 +142,6 @@ disableTabbingOnPage = (tabbableElements) ->
   return
 
 enableTabbingOnModal = (tabbableElements) ->
-  $('#monthly_rule_type_week').attr 'tabindex', '0'
   $.each tabbableElements, (index, element) ->
     if $(element).parents('#rs_modal').length
       #element is inside of the modal

From 52078020c5a7354f1a3bb99dcb3bbaf459d64964 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 15:01:01 -0400
Subject: [PATCH 13/23] Remove duplicate methods in wrong file

---
 .../recurring_select_dialog.js.coffee.erb     | 59 -------------------
 1 file changed, 59 deletions(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 3b3a0483..0e011968 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -326,65 +326,6 @@ window.RecurringSelectDialog =
       @summaryUpdate()
       false
 
-    # ========================= 508 Accessiblity ===============================
-
-    disableTabbingOnPage = (tabbableElements) ->
-      $.each tabbableElements, (index, element) ->
-        $(element).attr 'tabindex', '-1'
-        return
-      return
-
-    enableTabbingOnModal = (tabbableElements) ->
-      $.each tabbableElements, (index, element) ->
-        if $(element).parents('.modal').length
-          #element is inside of the modal
-          $(element).attr 'tabindex', '0'
-        return
-      return
-
-    reEnableTabbingOnPage = (tabbableElements) ->
-      $.each tabbableElements, (index, element) ->
-        $(element).attr 'tabindex', '0'
-        return
-      return
-
-    focusFirstInputElement = ->
-      inputElements = $('input')
-      $.each inputElements, (index, element) ->
-        if $(element).parents('.modal').length
-          $(element).focus()
-          #end loop
-          return false
-        return
-      return
-
-    setupModalEvents = (tabbableElements) ->
-      elementWithFocus = $(':focus')
-      #on modal open
-      $(document).on 'shown.bs.modal', ->
-        focusFirstInputElement()
-        return
-      #on modal close
-      $(document).on 'hidden.bs.modal', ->
-        reEnableTabbingOnPage tabbableElements
-        $(elementWithFocus).focus()
-        return
-      return
-
-    #on open
-    elementWithFocus = $(':focus')
-    #on close
-    $(elementWithFocus).focus()
-
-    $('.recurring_select').change ->
-      tabbableElements = $('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
-      puts("made it here!")
-      setupModalEvents tabbableElements
-      disableTabbingOnPage tabbableElements
-      enableTabbingOnModal tabbableElements
-      $('#exampleModal').modal()
-      return
-
 # ========================= Change callbacks ===============================
 
     template: () ->

From 93eb5c8176a6489d8579a72c2011d79d6f3481b3 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 15:01:30 -0400
Subject: [PATCH 14/23] Comment out lines that might not be used

---
 .../javascripts/recurring_select.js.coffee    | 48 +++++++++----------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/app/assets/javascripts/recurring_select.js.coffee b/app/assets/javascripts/recurring_select.js.coffee
index e007d040..eea527a9 100644
--- a/app/assets/javascripts/recurring_select.js.coffee
+++ b/app/assets/javascripts/recurring_select.js.coffee
@@ -16,7 +16,7 @@ methods =
 
   changed: ->
     if @val() == "custom"
-      tabbableElements = $('a, a[href], area[href], input:not([disabled]), select:not([disabled]), input[type="radio"], textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
+      # tabbableElements = $('a, a[href], area[href], input:not([disabled]), select:not([disabled]), input[type="radio"], textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
       # disableTabbingOnPage(tabbableElements)
       methods.open_custom.apply(@)
       # focusFirstInputElement();
@@ -125,26 +125,26 @@ setModalTabbing = ->
     return
   return
 
-focusFirstInputElement = ->
-  $('#rs_frequency').focus()
-
-ignoreAddressBar = () ->
-  $('input').on 'keydown', (e) ->
-  if !e.shiftKey and e.which == 9
-    e.preventDefault()
-    $('#rs_frequency').focus()
-  return
-
-disableTabbingOnPage = (tabbableElements) ->
-  $.each tabbableElements, (index, element) ->
-    $(element).attr 'tabindex', '-1'
-    return
-  return
-
-enableTabbingOnModal = (tabbableElements) ->
-  $.each tabbableElements, (index, element) ->
-    if $(element).parents('#rs_modal').length
-      #element is inside of the modal
-      $(element).attr 'tabindex', '0'
-    return
-  return
+# focusFirstInputElement = ->
+#   $('#rs_frequency').focus()
+#
+# ignoreAddressBar = () ->
+#   $('input').on 'keydown', (e) ->
+#   if !e.shiftKey and e.which == 9
+#     e.preventDefault()
+#     $('#rs_frequency').focus()
+#   return
+#
+# disableTabbingOnPage = (tabbableElements) ->
+#   $.each tabbableElements, (index, element) ->
+#     $(element).attr 'tabindex', '-1'
+#     return
+#   return
+#
+# enableTabbingOnModal = (tabbableElements) ->
+#   $.each tabbableElements, (index, element) ->
+#     if $(element).parents('#rs_modal').length
+#       #element is inside of the modal
+#       $(element).attr 'tabindex', '0'
+#     return
+#   return

From 7fd81ba721e40a8d301d9ca929a969c536af8cd9 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 15:58:51 -0400
Subject: [PATCH 15/23] Change h1 to an h4 & remove font-size

---
 app/assets/stylesheets/recurring_select.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/recurring_select.scss b/app/assets/stylesheets/recurring_select.scss
index 90e880a9..9b04b38b 100644
--- a/app/assets/stylesheets/recurring_select.scss
+++ b/app/assets/stylesheets/recurring_select.scss
@@ -32,7 +32,7 @@ select {
   .rs_dialog { background-color:#f6f6f6; border:1px solid #acacac; @include shadows(1px, 3px, 8px, rgba(0,0,0,0.25)); @include rounded_corners(7px);
               display:inline-block; min-width:200px; margin-left:-125px; overflow:hidden; position:relative;
     .rs_dialog_content { padding:10px;
-      h1 { font-size:16px; padding:0px; margin:0 0 10px 0;
+      h4 { padding:0px; margin:0 0 10px 0;
         a {float:right; display:inline-block; height:16px; width:16px; background-image:image-url("recurring_select/cancel.png"); background-position:center; background-repeat:no-repeat;}
       }
 

From 7d29335aa287b1f68dc431c1593bc1ed13e8ef0d Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 16:00:19 -0400
Subject: [PATCH 16/23] Change h1 to h4 in cancel method & move css id to first
 modal div

---
 .../javascripts/recurring_select_dialog.js.coffee.erb       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 0e011968..1e9871b6 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -89,7 +89,7 @@ window.RecurringSelectDialog =
     mainEventInit: ->
       # Tap hooks are for jQueryMobile
       @outer_holder.on 'click tap', @outerCancel
-      @content.on 'click tap', 'h1 a', @cancel
+      @content.on 'click tap', 'h4 a', @cancel
       @save_button = @content.find('input.rs_save').on "click tap", @save
       @content.find('input.rs_cancel').on "click tap", @cancel
 
@@ -330,9 +330,9 @@ window.RecurringSelectDialog =
 
     template: () ->
       str = "
-      <div class='rs_dialog_holder'>
+      <div id='rs_modal' class='rs_dialog_holder'>
         <div class='rs_dialog'>
-          <div id='rs_modal' class='rs_dialog_content'>
+          <div class='rs_dialog_content'>
             <h4>#{$.fn.recurring_select.texts["repeat"]} <a href='#' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h4>
             <p class='frequency-select-wrapper'>
               <label for='rs_frequency'>#{$.fn.recurring_select.texts["frequency"]}:</label>

From 74d652e90f461760dd4431cb4b893b911ea015c1 Mon Sep 17 00:00:00 2001
From: Anissa Jones <anissa.d.jones@uscis.dhs.gov>
Date: Tue, 21 May 2019 16:00:40 -0400
Subject: [PATCH 17/23] Remove no longer needed commented out lines

---
 .../javascripts/recurring_select.js.coffee    | 28 -------------------
 1 file changed, 28 deletions(-)

diff --git a/app/assets/javascripts/recurring_select.js.coffee b/app/assets/javascripts/recurring_select.js.coffee
index eea527a9..5c0b5e51 100644
--- a/app/assets/javascripts/recurring_select.js.coffee
+++ b/app/assets/javascripts/recurring_select.js.coffee
@@ -16,11 +16,7 @@ methods =
 
   changed: ->
     if @val() == "custom"
-      # tabbableElements = $('a, a[href], area[href], input:not([disabled]), select:not([disabled]), input[type="radio"], textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]')
-      # disableTabbingOnPage(tabbableElements)
       methods.open_custom.apply(@)
-      # focusFirstInputElement();
-      # enableTabbingOnModal(tabbableElements)
       setModalTabbing()
     else
       methods.set_initial_values.apply(@)
@@ -124,27 +120,3 @@ setModalTabbing = ->
       x.focus()
     return
   return
-
-# focusFirstInputElement = ->
-#   $('#rs_frequency').focus()
-#
-# ignoreAddressBar = () ->
-#   $('input').on 'keydown', (e) ->
-#   if !e.shiftKey and e.which == 9
-#     e.preventDefault()
-#     $('#rs_frequency').focus()
-#   return
-#
-# disableTabbingOnPage = (tabbableElements) ->
-#   $.each tabbableElements, (index, element) ->
-#     $(element).attr 'tabindex', '-1'
-#     return
-#   return
-#
-# enableTabbingOnModal = (tabbableElements) ->
-#   $.each tabbableElements, (index, element) ->
-#     if $(element).parents('#rs_modal').length
-#       #element is inside of the modal
-#       $(element).attr 'tabindex', '0'
-#     return
-#   return

From b06756ff153a2848558dd71d7989cc580619b0b8 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Fri, 12 Jul 2019 16:31:07 -0400
Subject: [PATCH 18/23] Give x button an id and background color

---
 app/assets/javascripts/recurring_select_dialog.js.coffee.erb | 2 +-
 app/assets/stylesheets/recurring_select.scss                 | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 1e9871b6..426f6a24 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -333,7 +333,7 @@ window.RecurringSelectDialog =
       <div id='rs_modal' class='rs_dialog_holder'>
         <div class='rs_dialog'>
           <div class='rs_dialog_content'>
-            <h4>#{$.fn.recurring_select.texts["repeat"]} <a href='#' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h4>
+            <h4>#{$.fn.recurring_select.texts["repeat"]} <a href='#' id='x_cancel_button' title='#{$.fn.recurring_select.texts["cancel"]}' Alt='#{$.fn.recurring_select.texts["cancel"]}'></a> </h4>
             <p class='frequency-select-wrapper'>
               <label for='rs_frequency'>#{$.fn.recurring_select.texts["frequency"]}:</label>
               <select data-wrapper-class='ui-recurring-select' id='rs_frequency' class='rs_frequency' name='rs_frequency'>
diff --git a/app/assets/stylesheets/recurring_select.scss b/app/assets/stylesheets/recurring_select.scss
index 9b04b38b..10b255dd 100644
--- a/app/assets/stylesheets/recurring_select.scss
+++ b/app/assets/stylesheets/recurring_select.scss
@@ -101,3 +101,7 @@ select {
 
   }
 }
+
+#x_cancel_button {
+  color: #757575;
+}

From 0b2a673496f4f7638f057b85fa636e007477f5d9 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Fri, 12 Jul 2019 16:40:25 -0400
Subject: [PATCH 19/23] Up the color contrast to higher that 4:5:1 for weekday
 letter & number highlights

---
 app/assets/stylesheets/recurring_select.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/recurring_select.scss b/app/assets/stylesheets/recurring_select.scss
index 10b255dd..59cf380f 100644
--- a/app/assets/stylesheets/recurring_select.scss
+++ b/app/assets/stylesheets/recurring_select.scss
@@ -48,7 +48,7 @@ select {
 
         .day_holder { border-left:1px solid #ccc; position:relative; margin-top:5px; height:26px;
           a {display:block; padding:5px 7px; font-size:14px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 0px; float:left; text-decoration:none; font-weight:bold; @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.1)); background-color:#fff;;
-            &.selected {background-color:#64717F; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
+            &.selected {background-color:#607885; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
             &:hover { cursor:pointer; background-color:#dde;}
           }
         }
@@ -56,7 +56,7 @@ select {
         .rs_calendar_day, .rs_calendar_week {
           width:155px;
           a {display:inline-block; text-align:center; width:15px; padding:5px 3px; font-size:12px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 1px; margin:-1px 0 0 -1px; line-height:10px; background-color:#fff; font-weight:bold;
-            &.selected {background-color:#64717F; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
+            &.selected {background-color:#607885; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
             &:hover { cursor:pointer; background-color:#dde;}
           }
           a.end_of_month { width: 81px; }

From 79c8047daca48b273bbdbbb6c646ff02a34b7e0c Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Tue, 16 Jul 2019 09:53:12 -0400
Subject: [PATCH 20/23] Use #677889 as background value per ANDI tool

---
 app/assets/stylesheets/recurring_select.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/recurring_select.scss b/app/assets/stylesheets/recurring_select.scss
index 59cf380f..dc3929c8 100644
--- a/app/assets/stylesheets/recurring_select.scss
+++ b/app/assets/stylesheets/recurring_select.scss
@@ -48,7 +48,7 @@ select {
 
         .day_holder { border-left:1px solid #ccc; position:relative; margin-top:5px; height:26px;
           a {display:block; padding:5px 7px; font-size:14px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 0px; float:left; text-decoration:none; font-weight:bold; @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.1)); background-color:#fff;;
-            &.selected {background-color:#607885; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
+            &.selected {background-color:#677889; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
             &:hover { cursor:pointer; background-color:#dde;}
           }
         }
@@ -56,7 +56,7 @@ select {
         .rs_calendar_day, .rs_calendar_week {
           width:155px;
           a {display:inline-block; text-align:center; width:15px; padding:5px 3px; font-size:12px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 1px; margin:-1px 0 0 -1px; line-height:10px; background-color:#fff; font-weight:bold;
-            &.selected {background-color:#607885; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
+            &.selected {background-color:#677889; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
             &:hover { cursor:pointer; background-color:#dde;}
           }
           a.end_of_month { width: 81px; }

From 2bc1663d1ffb4482d72b7950a06f825968253e09 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Tue, 16 Jul 2019 15:12:46 -0400
Subject: [PATCH 21/23] Fix the gradients in the css file which were below
 4:5:1 ratio

---
 app/assets/stylesheets/recurring_select.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/recurring_select.scss b/app/assets/stylesheets/recurring_select.scss
index dc3929c8..5a2d1016 100644
--- a/app/assets/stylesheets/recurring_select.scss
+++ b/app/assets/stylesheets/recurring_select.scss
@@ -48,7 +48,7 @@ select {
 
         .day_holder { border-left:1px solid #ccc; position:relative; margin-top:5px; height:26px;
           a {display:block; padding:5px 7px; font-size:14px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 0px; float:left; text-decoration:none; font-weight:bold; @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.1)); background-color:#fff;;
-            &.selected {background-color:#677889; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#9ab, #789); }
+            &.selected {background-color:#677889; color:#fff; @include inset_shadows(1px, 1px, 2px, rgba(0,0,0,0.2));  @include gradiant(#677890, #677889); }
             &:hover { cursor:pointer; background-color:#dde;}
           }
         }
@@ -56,7 +56,7 @@ select {
         .rs_calendar_day, .rs_calendar_week {
           width:155px;
           a {display:inline-block; text-align:center; width:15px; padding:5px 3px; font-size:12px; border-style:solid; border-color:#ccc; border-width:1px 1px 1px 1px; margin:-1px 0 0 -1px; line-height:10px; background-color:#fff; font-weight:bold;
-            &.selected {background-color:#677889; color:#fff; @include gradiant(#9ab, #789); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
+            &.selected {background-color:#677889; color:#fff; @include gradiant(#677890, #677889); @include inset_shadows(0px, 1px, 2px, rgba(0,0,0,0.2)); text-shadow:0 1px 1px #333;}
             &:hover { cursor:pointer; background-color:#dde;}
           }
           a.end_of_month { width: 81px; }

From c4f89e03ae5fdec741da525b6b69f4606b1605d4 Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Tue, 16 Jul 2019 15:54:33 -0400
Subject: [PATCH 22/23] Used preview app to change darkness of cancel button

---
 app/assets/images/recurring_select/cancel.png | Bin 1091 -> 915 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/app/assets/images/recurring_select/cancel.png b/app/assets/images/recurring_select/cancel.png
index afd91524f95043e06a7fed3c6a401d3c19ecdd33..e77fdfc842940934803879afd4dcbd3d1d652025 100755
GIT binary patch
literal 915
zcmeAS@N?(olHy`uVBq!ia0vp^JRr=$1|-8uW1a&k#^NA%Cx&(BWL^R}oCO|{#S9GG
z!XV7ZFl&wkP(fs7NJL45ua8x7ey(0(N`6wRUPW#JP&EUCO@$SZnVVXYs8ErclUHn2
zVXFjIVFhG^g!Ppaz)DK8ZIvQ?0~DO|i&7O#^-S~(l<c?^6clWVQqrt~T->1AfjnEK
zjFOT9D}DX)@^Za$W4-*MbbUihOG|wNBYh(yU7!lx;>x^|#0uTKVr7USFmqf|i<65o
z3raHc^AtelCMM;Vme?vOfh>Xph&xL%(-1c06+^uR^q@XSM&D4+Kp$>4P^%3{)XKjo
zGZknv$b36P8?Z_gF{nK@`XI}Z90TzwSQO}0J1!f2c(B=V`5aP@1P1bDPZ!4!4N=*N
z*4<Hw0&UM@_K5FN>2PInRO*UO$(DA^apCFG)@jlcdlsKEvGwit4H4F>8#Z(`N^CH!
zcjy-QP{4KZ=&{pH8jrrpd_MQ{LGyc~&->1w;c!t&di}EGSM%++dReo|%B|+E`{<@N
z`Q>~SPy1(|EB9W_+FQKlfPAZyqQdE-r$sxLoK4&8dcCwxEl}iTg^e7GW5&&#ZS7fG
zS8@HU`6t{IS7R6dsK)MciIpmggtXt2uT>|rwqB~R`L{K0{r*n9>96IwI3qSs7VCA(
z+<o^_+UA8GDo#s-Je#c;O&^w6bsL2k6)ZTJ;?%XsV`a!G4+|N-DQD9%4J15PttztZ
zsn=#!KJcpNa)t@VHWr`e{kPu+?Y?XFAwon?@!f=tI}Y5<b3gs`QbJmu-TUv=Nse(D
zU473^Xq_{UNzf5n9HZwx*RNedbMnavN0S!Dt#|K8)^T<Fpk1)<$KN`|nLb&6>*BM_
zX6N|xwKqTdxWjDr*(DDPDjYAZ7U64m&qzM;_+yP+uba~9k1`U?-LY%Kl<tdnAI;~m
zmul9Ye%dic>&K5%&CJ@$(nmi%nD9sVclFw^;2lze65R;~KaS^Z->>{bxnSLdH3xs{
l8_YADzPxJhzhfK!GnzX*fB9L$QUR1xJYD@<);T3K0RZ{jViW)X

delta 1060
zcmV+<1l#+Q2g3-E8Gi%-008`alxzS10?lbdLr_UWLm*IcZ)Rz1WdHzp0fkaeNEA^V
z{>?TLgor_fc!+lj36&|Vtf1O<by<~dTb0tH7-!$Qqq8&9o7pwRlLTF&JarGEV|47$
zp_`YYz^qHxAgLe-Jay>%&FtzZgl~B}-~0Xje&2gUZJnm?JAWxbRC7a>E2XDyPECu0
zA1Os0)J|BY75M35ag4F+xst!T*Vbp!*s|WowRZdVJ++l(U?J))wzm-aA(3VPADN#h
zWq`B59hR@yJ^?&f4y+pRBccNjnz=C3(VTRpvMrHQ=AtMnuVOn%uKW49#=eWSiG%)J
zk7m}6y|e17(SJ<TwD&}zybrEK8P8u-_G~p2rw!wrNJAPa@~+k2D@?}`kt+~N22wR-
zxu0rIops=K7`t7%ljHdI5T!oJV5o_;>9Uy}g?#{aD$DE;@CE4cvSJVCfqP;9TT#Q4
zz$alpWQTdytsnLmu2bN9ggrIj&J?c2@!E<XUM&Gb_kUC)XpD1B#M9R~bEJsxG1M8D
z_eMFU3o&<=suMSWJ7FJLs%8qYUHh);CGL9ychloL(VIC7T%a6Da<LWJ6wo{gSQLGW
zut^R)KF%Ih;CHB)z#O@W+|4NW9@P;WXQNVqR(g$B#!ut9@x}OMY#7ggeyn!adwl=t
z;}vz+wtqf6`HgzqIj+5(8&zReab*kL|Hm?fkJ%?Vroq#pSy*e>cH|G5%uKKhD8zpS
zK9~BE6II;R?(Mim63kFOENmsZOH^(t)apHhN~|0!*Z_8LlEf@p9Jo_!x;c1v*dlsu
z`At`{>xTaN_Imr;@*Zu<s3|BD&9g*il(Ac*<YwJ?+x=#d5uZ3ZzURG)TFL%NMG!xQ
zIa(_66jk(AP}an6XAXWFwtiecrRViQ{X7Xht)J1a=%W$740K7)!gEm{qe<|vX(8eg
zpo)Vt)J{}mjRWE-@$$4=WRd+3KpFjJL`N;&kuDg297#k$R2Uf*jLk|yQ51#O+52cX
zxnPM9IEuQY*$*{{Uco_N5D^4AuNP=!5;PC$0cz4n95$_qNJN7WDT9J22}{AeME;y}
z+U>!Dwf0({I-r6*ofyx#?NJ)gHFeQB+ie#~Ih^}cblK3D1wa_~RXJ4HYH%VEI*Df^
zI*=HD7$T;<bZ@G1O<vw+2&-lezxcr{)=U^S<K?v3&}gB>DfBVI0-D?eD{N}x6AY@-
zUxvaHZbdb0lK#mg?Le#+9f*^&#0@2gMXcZvHO$M-%7z~_N@i(NrOZ3uNEC)|zWL2j
ziPxWzjLvkZ4kwTg49KB-X%D&FtKW6w?P=CCBoD$@KPdD5&I>Er`>b9?+Ae0J*5F<r
e2S@qWBK-jX@n?>NVy=S#0000<MNUMnLSTaPZvgKA


From 29db3b5acdc912590076a36d44338a1d2fe39bac Mon Sep 17 00:00:00 2001
From: Anissa <anissajones10@gmail.com>
Date: Mon, 26 Aug 2019 12:19:14 -0400
Subject: [PATCH 23/23] Add html id's to ok and cancel button

---
 app/assets/javascripts/recurring_select_dialog.js.coffee.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
index 426f6a24..ab50313e 100644
--- a/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
+++ b/app/assets/javascripts/recurring_select_dialog.js.coffee.erb
@@ -392,8 +392,8 @@ window.RecurringSelectDialog =
               <span></span>
             </p>
             <div class='controls'>
-              <input type='button' data-wrapper-class='ui-recurring-select' class='rs_save' value='#{$.fn.recurring_select.texts["ok"]}' />
-              <input type='button' data-wrapper-class='ui-recurring-select' class='rs_cancel' value='#{$.fn.recurring_select.texts["cancel"]}' />
+              <input type='button' data-wrapper-class='ui-recurring-select' id='rs_save' class='rs_save' value='#{$.fn.recurring_select.texts["ok"]}' />
+              <input type='button' data-wrapper-class='ui-recurring-select' id='rs_cancel' class='rs_cancel' value='#{$.fn.recurring_select.texts["cancel"]}' />
             </div>
           </div>
         </div>