Change color for scheduled and expired pages.

CHANGES.rst

@@ -0,0 +1,4 @@
+1.0.3 (unreleased)
+==================
+
+* Change color for scheduled and expired pages.

wagtail_calendar/static/wagtail_calendar/js/planning.js

@@ -77,7 +77,7 @@ $(document).ready(function() {
   var eventClick = function(event, jsEvent, view) {
       var $event = $(this);
       var $titleLink = $('<a>', {text: event.title, href: event.url});
-      $popup.find('#event-title').html('').append($titleLink);
+      $popup.find('#event-title').html('<i>(' + event.data.status + ')</i> ').append($titleLink);
       $popup.find('#event-author').text(event.data.author);
       $popup.find('#event-description').html(event.data.description);
       $popup.show();

wagtail_calendar/utils.py

@@ -11,4 +11,5 @@ def get_page_event_data(page):
         'pk': page.pk,
         'author': str(page.owner),
         'description': page.search_description,  # description can be HTML to allow more customization of the popup
+        'status': page.status_string,
     }

wagtail_calendar/wagtail_hooks.py

@@ -76,14 +76,20 @@ def register_planned_events(request, start, end, events):
             continue
         if page.pk in ids:
             continue  # Avoid duplicated event
+        # Determine event color
+        color = '#e9b04d'
+        if page.expired:
+            color = '#f37e77'
+        elif page.approved_schedule:
+            color = '#358c8b'
         ids.add(page.pk)
         pages.append({
             'id': page.pk,
             'title': page.title,
             'start': page.go_live_at.isoformat(),
             'url': page.get_url(request),
             'editable': permissions.for_page(page).can_publish(),
-            'color': '#e9b04d',
+            'color': color,
             'data': get_page_event_data(page),
         })
     return events + pages