Ticket #9388: 9833-r12089.diff

django/contrib/admin/media/css/widgets.css

@@ -301 +301 @@
     color: #ccc;
 }
 
-.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
+.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next, .calendarbox .calendarnav-previous-year, .calendarbox .calendarnav-next-year {
     display: block;
     position: absolute;
     font-weight: bold;
@@ -311 +311 @@
     color: white;
 }
 
-.calendarnav-previous:hover, .calendarnav-next:hover {
+.calendarnav-previous:hover, .calendarnav-next:hover, .calendarnav-previous-year:hover, .calendarnav-next-year:hover {
     background: #036;
 }
 
 .calendarnav-previous {
+    top:0;
+    left:15px;
+}
+
+.calendarnav-next {
+    top:0;
+    right:15px;
+}
+
+.calendarnav-previous-year {
     top: 0;
     left: 0;
 }
 
-.calendarnav-next {
+.calendarnav-next-year {
     top: 0;
     right: 0;
 }

django/contrib/admin/media/js/admin/DateTimeShortcuts.js

@@ -168 +168 @@
 
         // next-prev links
         var cal_nav = quickElement('div', cal_box, '');
-        var cal_nav_prev = quickElement('a', cal_nav, '<', 'href', 'javascript:DateTimeShortcuts.drawPrev('+num+');');
+        var cal_nav_prev = quickElement('a', cal_nav, '‹', 'href', 'javascript:DateTimeShortcuts.drawPrev('+num+');');
         cal_nav_prev.className = 'calendarnav-previous';
-        var cal_nav_next = quickElement('a', cal_nav, '>', 'href', 'javascript:DateTimeShortcuts.drawNext('+num+');');
+        var cal_nav_next = quickElement('a', cal_nav, '›', 'href', 'javascript:DateTimeShortcuts.drawNext('+num+');');
         cal_nav_next.className = 'calendarnav-next';
 
+        var cal_nav_prev_year = quickElement('a', cal_nav, '«', 'href', 'javascript:DateTimeShortcuts.drawPrevYear('+num+');');
+        cal_nav_prev_year.className = 'calendarnav-previous-year';
+        var cal_nav_next_year = quickElement('a', cal_nav, '»', 'href', 'javascript:DateTimeShortcuts.drawNextYear('+num+');');
+        cal_nav_next_year.className = 'calendarnav-next-year';
+
+
         // main box
         var cal_main = quickElement('div', cal_box, '', 'id', DateTimeShortcuts.calendarDivName2 + num);
         cal_main.className = 'calendar';
@@ -230 +236 @@
         document.getElementById(DateTimeShortcuts.calendarDivName1+num).style.display = 'none';
         window.document.onclick = null;
     },
+    drawPrevYear: function(num) {
+        DateTimeShortcuts.calendars[num].drawPreviousYear();
+    },
+    drawNextYear: function(num) {
+        DateTimeShortcuts.calendars[num].drawNextYear();
+    },
     drawPrev: function(num) {
         DateTimeShortcuts.calendars[num].drawPreviousMonth();
     },