Merge pull request #156 from springload/fix/add-ical

Add ical link back to events

cdhweb/events/models.py

@@ -322,7 +322,7 @@ def clean(self):
     def get_ical_url(self):
         """URL to download this event as a .ics (iCal) file."""
         return reverse(
-            "events:ical",
+            "event-ical",
             kwargs={
                 "year": self.start_time.year,
                 # force two-digit month

cdhweb/static_src/global/components/event-hero.scss

@@ -90,6 +90,11 @@ Event hero. Similar to standard hero. Key differences:
   margin: 16px 0 0;
 }
 
+.event-hero__add-to-calendar {
+  margin: 4px 0 16px;
+  font-size: px2rem(14);
+}
+
 .event-hero__location {
   font-weight: bold;
   margin: 8px 0 0;

cdhweb/urls.py

@@ -14,6 +14,7 @@
 
 from cdhweb.context_processors import favicon_path
 from cdhweb.pages.views import OpenSearchDescriptionView, SiteSearchView
+from cdhweb.events.views import EventIcalView
 
 admin.autodiscover()
 
@@ -60,6 +61,11 @@
         {"sitemaps": sitemaps},
         name="django.contrib.sitemaps.views.sitemap",
     ),
+    re_path(
+        r"^events/(?P<year>\d{4})/(?P<month>\d{2})/(?P<slug>[\w-]+).ics$",
+        EventIcalView.as_view(),
+        name="event-ical",
+    ),
     # wagtail paths
     path("cms/", include(wagtailadmin_urls)),
     path("documents/", include(wagtaildocs_urls)),

templates/includes/event_hero.html

@@ -8,13 +8,16 @@ <h1>{{ self.title}}</h1>
         <p class="event-hero__date">
             {# Display date differently depending on if it spans multiple days #}
             {% if self.start_time.date == self.end_time.date %}
-                <time datetime="{{ self.start_time|date:"c" }}">{{ self.start_time|date:"M d g:i a" }}</time> – 
-                <time datetime="{{ self.end_time|date:"c" }}">{{ self.end_time|date:"g:i a" }}</time>
+                <time datetime="{{ self.start_time|date:'c' }}">{{ self.start_time|date:"M d g:i a" }}</time> – 
+                <time datetime="{{ self.end_time|date:'c' }}">{{ self.end_time|date:"g:i a" }}</time>
             {% else %}
-                <time datetime="{{ self.start_time|date:"c" }}">{{ self.start_time|date:"M d g:i a" }}</time> – 
-                <time datetime="{{ self.end_time|date:"c" }}">{{ self.end_time|date:"M d g:i a" }}</time>
+                <time datetime="{{ self.start_time|date:'c' }}">{{ self.start_time|date:"M d g:i a" }}</time> – 
+                <time datetime="{{ self.end_time|date:'c' }}">{{ self.end_time|date:"M d g:i a" }}</time>
             {% endif %}
         </p>
+        <p class="event-hero__add-to-calendar">
+            <a href="{{ self.get_ical_url }}">Add to calendar</a>
+        </p>
 
         {# Much of this schema is ported over from the old event template #}
         {% if self.location %}