Highlight certain dates in the calendar datepicker

gwsumm/html/bootstrap.py

@@ -76,7 +76,8 @@ class option for <p>
 
 
 def calendar(date, tag='a', class_='navbar-brand dropdown-toggle',
-             id_='calendar', dateformat=None, mode=None):
+             id_='calendar', dateformat=None, mode=None,
+             highlighteddates=None, highlightavailable=False):
     """Construct a bootstrap-datepicker calendar.
 
     Parameters
@@ -109,9 +110,16 @@ def calendar(date, tag='a', class_='navbar-brand dropdown-toggle',
     page = markup.page()
     page.a('&laquo;', class_='navbar-brand step-back', title='Step back',
            onclick='stepDate(-1)')
+    attributekwargs = {'data-date': data_date,
+                       'data-date-format': 'dd-mm-yyyy',
+                       'data-viewmode': '%ss' % mode.name}
+    if highlighteddates is not None:
+        attributekwargs['highlight-dates'] = highlighteddates.replace('-', '')
+    else:
+        if highlightavailable:
+            attributekwargs['highlight-available-dates'] = 'true'
     page.a(id_=id_, class_=class_, title='Show/hide calendar',
-           **{'data-date': data_date, 'data-date-format': 'dd-mm-yyyy',
-              'data-viewmode': '%ss' % mode.name})
+           **attributekwargs)
     page.add(datestring)
     page.b('', class_='caret')
     page.a.close()

gwsumm/tabs/core.py

@@ -436,6 +436,20 @@ def from_ini(cls, cp, section)
             except KeyError:
                 kwargs['duration'] = cp.getfloat(section, 'duration')
 
+        # check for calendar dates to highlight
+        if cp.has_section('calendar'):
+            if cp.has_option('calendar', 'highlighted-dates'):
+                try:
+                    kwargs['highlighteddates']
+                except KeyError:
+                    kwargs['highlighteddates'] = cp.get('calendar', 'highlighted-dates')
+            elif cp.has_option('calendar', 'highlight-available'):
+                try:
+                    kwargs['highlightavailable']
+                except KeyError:
+                    kwargs['highlightavailable'] = cp.getboolean('calendar', 'highlight-available')
+            print(kwargs)
+
         return cls(name, *args, **kwargs)
 
     # -- HTML operations ------------------------
@@ -788,6 +802,17 @@ def __init__(self, *args, **kwargs):
                                 % (type(self).__name__, mode))
             else:
                 span = (start, end)
+
+        try:
+            self.highlighteddates = kwargs.pop('highlighteddates')
+        except KeyError:
+            self.highlighteddates = None
+
+        try:
+            self.highlightavailable = kwargs.pop('highlightavailable')
+        except KeyError:
+            self.highlightavailable = False
+
         self.span = span
         super(IntervalTab, self).__init__(*args, **kwargs)
 
@@ -810,7 +835,9 @@ def html_calendar(self):
                                "format including %r for archive calendar"
                                % (self.path, requiredpath))
         # format calendar
-        return html.calendar(date, mode=self.mode)
+        return html.calendar(date, mode=self.mode,
+                             highlighteddates=self.highlighteddates,
+                             highlightavailable=self.highlightavailable)
 
     def html_navbar(self, brand=None, calendar=True, **kwargs):
         """Build the navigation bar for this `Tab`.

share/js/gwsumm.js

@@ -191,7 +191,37 @@ $(window).load(function() {
     weekStart: 1,
     endDate: moment().utc().format('DD/MM/YYYY'),
     todayHighlight: true,
-    todayBtn: "linked"
+    todayBtn: "linked",
+    beforeShowDay: function(date) {
+      var calendar_date = date.getUTCFullYear() + ('0'+(date.getMonth()+1)).slice(-2) + ('0'+date.getDate()).slice(-2);
+      if ( document.getElementById('calendar').hasAttribute('highlight-dates') ){
+        // highlight selected dates if given
+        var selected_dates = document.getElementById('calendar').getAttribute('highlight-dates').split(',');
+        if (selected_dates.length > 0 ){
+          if ( selected_dates.indexOf(calendar_date) == -1 ){
+            // disable dates that are not given
+            return {enabled: false, tooltip: 'Date not available'};
+          }
+          else{
+            return {classes: 'highlighted', enabled: true};
+          }
+        }
+      }
+      else if ( document.getElementById('calendar').hasAttribute('highlight-available-dates') ) {
+        // highlight dates for which the URL exists (this is slow)
+        var cururl = window.location.href
+        var dateurl = cururl.slice(0, -9) + calendar_date;
+        var request = new XMLHttpRequest();
+        request.open('HEAD', dateurl, false);
+        request.send()
+        if ( request.status == 404 ){
+          return {enabled: false, tooltip: 'Date not available'};
+        }
+        else {
+          return {classes: 'highlighted', enabled: true};
+        }
+      }
+    }
   }).on('changeDate', move_to_date);
 
   // load correct run type