top menu calendar navigatable with keyboard.

AnonymousPiwikUsageMeasurement @ bcfbf97b

-Subproject commit 9147aecdabfd361dee3d5a55de9e0e85bb6d1a2c
+Subproject commit bcfbf97b081ffd92c16c765c10626ab28c614c31

plugins/CoreHome/javascripts/top_controls.js

@@ -64,4 +64,41 @@ function initTopControls() {
         }
 
     }
-}
+}
\ No newline at end of file
+
+$( document ).ready(function() {
+    $('.periodSelector').keydown(function(e){
+        $('.periodSelector .ui-datepicker-month, .periodSelector .ui-datepicker-year, .periodSelector .form-radio, .periodSelector td a').attr('tabindex','4');
+        // $('.periodSelector td a').attr('tabindex','4');
+        // $('.periodSelector .ui-datepicker-year').attr('tabindex','4');
+        // $('.periodSelector .form-radio').attr('tabindex','4');
+
+        var calendarOpen = $(this).hasClass('expanded');
+
+        if(e.which==13){
+            if(calendarOpen){
+                $(this).removeClass('expanded');
+            }else{
+                $(this).addClass('expanded');
+            }
+        }
+    })
+
+    $('.ui-datepicker-month, .ui-datepicker-year, .periodSelector td a').keydown(function(e){
+        e.stopPropagation();
+    })
+
+    $('.periodSelector .form-radio').keydown(function(e){
+        e.stopPropagation();
+        if(e.which==13){
+            $('.periodSelector .form-radio').removeClass('checked')
+            $(this).addClass('checked')
+            $(this).find('input').click()
+
+            $('.ui-datepicker-month, .ui-datepicker-year, .periodSelector td a').keydown(function(e){
+                e.stopPropagation();
+            })
+        }
+    })
+});
+

plugins/CoreHome/templates/_periodSelect.twig

@@ -9,12 +9,12 @@
         </div>
         <div class="period-range" style="display:none;">
             <div id="calendarRangeFrom">
-                <h6>{{ 'General_DateRangeFrom'|translate }}<input tabindex="1" type="text" id="inputCalendarFrom" name="inputCalendarFrom"/></h6>
+                <h6>{{ 'General_DateRangeFrom'|translate }}<input tabindex="4" type="text" id="inputCalendarFrom" name="inputCalendarFrom"/></h6>
 
                 <div id="calendarFrom"></div>
             </div>
             <div id="calendarRangeTo">
-                <h6>{{ 'General_DateRangeTo'|translate }}<input tabindex="2" type="text" id="inputCalendarTo" name="inputCalendarTo"/></h6>
+                <h6>{{ 'General_DateRangeTo'|translate }}<input tabindex="4" type="text" id="inputCalendarTo" name="inputCalendarTo"/></h6>
 
                 <div id="calendarTo"></div>
             </div>
@@ -28,7 +28,7 @@
                 <br/>
             {% endfor %}
 			</span>
-            <input tabindex="3" type="submit" value="{{ 'General_Apply'|translate }}" id="calendarApply" class="btn"/>
+            <input tabindex="4" type="submit" value="{{ 'General_Apply'|translate }}" id="calendarApply" class="btn"/>
             {% import 'ajaxMacros.twig' as ajax %}
             {{ ajax.loadingDiv('ajaxLoadingCalendar') }}
         </div>

CustomAlerts @ 2e3d84f7

-Subproject commit 41c82574bb9ecf443fce19db9204081847b40a06
+Subproject commit 2e3d84f789e34ac55923a4925b764a4c135ced07

CustomDimensions @ 7dd39470

-Subproject commit a204ed1341c2de1619bba29a2e8dc1a9f5a46d34
+Subproject commit 7dd394703b12cf6f349691c56ebef9efbee333fa

LogViewer @ 0ee846df

-Subproject commit 9b86eb401cfeaded41e6a389ea54be06d5bcd69c
+Subproject commit 0ee846df5038e82a87abb98e35b4d7cd1718d228

VisitorGenerator @ 3fd14387

-Subproject commit 0126e1af6b03477868e08b6cdfc9c5664885dbf3
+Subproject commit 3fd14387d541a79b2593273efac6d535c2a7fcfa

expected-ui-screenshots @ 479afbe0

-Subproject commit 8e52f5627a4f7f708676eb7a49c38e45acbce302
+Subproject commit 479afbe0182193efceadcbfa0d58ff74a9a55a75