Ticket #4574: django_cal_css_classes.diff

django/contrib/admin/media/js/calendar.js

@@ -44 +44 @@
         }
         return days;
     },
-    draw: function(month, year, div_id, callback) { // month = 1-12, year = 1-9999
+    draw: function(month, year, div_id, callback, selected) { // month = 1-12, year = 1-9999
         month = parseInt(month);
         year = parseInt(year);
         var calDiv = document.getElementById(div_id);
@@ -66 +66 @@
         tableRow = quickElement('tr', tableBody);
         for (var i = 0; i < startingPos; i++) {
             var _cell = quickElement('td', tableRow, ' ');
-            _cell.style.backgroundColor = '#f3f3f3';
+            _cell.className = "nonday";
         }
 
         // Draw days of month
         var currentDay = 1;
+        var today = new Date();
+        var is_current_month = (today.getFullYear() == year && (today.getMonth()+1) == month);
+        var is_selected_month = false;
+        if (typeof selected != 'undefined') {
+            is_selected_month = (selected.getFullYear() == year && (selected.getMonth()+1) == month);
+        }
         for (var i = startingPos; currentDay <= days; i++) {
             if (i%7 == 0 && currentDay != 1) {
                 tableRow = quickElement('tr', tableBody);
             }
             var cell = quickElement('td', tableRow, '');
+            var elemclass = '';
+            if (is_current_month && currentDay == today.getDate()) {
+                if (elemclass != '') elemclass += " ";
+                elemclass += "today";
+            }
+            if (is_selected_month && currentDay == selected.getDate()) {
+                if (elemclass != '') elemclass += " ";
+                elemclass += "selected";
+            }
+            if (elemclass != '') {
+                cell.className = elemclass;
+            }
             quickElement('a', cell, currentDay, 'href', 'javascript:void(' + callback + '('+year+','+month+','+currentDay+'));');
             currentDay++;
         }
@@ -83 +101 @@
         // Draw blanks after end of month (optional, but makes for valid code)
         while (tableRow.childNodes.length < 7) {
             var _cell = quickElement('td', tableRow, ' ');
-            _cell.style.backgroundColor = '#f3f3f3';
+            _cell.className = "nonday";
         }
 
         calDiv.appendChild(calTable);
@@ -91 +109 @@
 }
 
 // Calendar -- A calendar instance
-function Calendar(div_id, callback) {
+function Calendar(div_id, callback, selected) {
     // div_id (string) is the ID of the element in which the calendar will
     //     be displayed
     // callback (string) is the name of a JavaScript function that will be
@@ -102 +120 @@
     this.today = new Date();
     this.currentMonth = this.today.getMonth() + 1;
     this.currentYear = this.today.getFullYear();
+    if (typeof selected == 'undefined') {
+        this.selected = this.today;
+    }
+    else {
+        this.selected = selected;
+    }
 }
 Calendar.prototype = {
     drawCurrent: function() {
-        CalendarNamespace.draw(this.currentMonth, this.currentYear, this.div_id, this.callback);
+        CalendarNamespace.draw(this.currentMonth, this.currentYear, this.div_id, this.callback, this.selected);
     },
     drawDate: function(month, year) {
         this.currentMonth = month;