Merge pull request #69 from bartfeenstra/html-time

Implement the HTML <time> element.

betty/render.py

@@ -11,7 +11,7 @@
 from markupsafe import Markup
 
 import betty
-from betty.ancestry import Entity, Date
+from betty.ancestry import Entity
 from betty.json import JSONEncoder
 from betty.npm import install, BETTY_INSTANCE_NPM_DIR
 from betty.path import iterfiles
@@ -24,11 +24,11 @@ def render(site: Site) -> None:
         autoescape=select_autoescape(['html'])
     )
     environment.globals['site'] = site
+    environment.globals['calendar'] = calendar
     environment.filters['flatten'] = _render_flatten
     environment.filters['walk'] = _render_walk
     environment.filters['json'] = _render_json
     environment.filters['paragraphs'] = _render_html_paragraphs
-    environment.filters['date'] = _render_date
 
     _render_public(site, environment)
     _render_webpack(site, environment)
@@ -167,19 +167,3 @@ def _render_html_paragraphs(eval_ctx, text: str) -> Union[str, Markup]:
     if eval_ctx.autoescape:
         result = Markup(result)
     return result
-
-
-def _render_date(date: Date) -> str:
-    # All components.
-    if date.year and date.month and date.day:
-        return '%s %d, %d' % (calendar.month_name[date.month], date.day, date.year)
-    # No year.
-    if not date.year and date.month and date.day:
-        return '%s %d' % (calendar.month_name[date.month], date.day)
-    # No month.
-    if date.year and not date.month:
-        return str(date.year)
-    # No day.
-    if date.year and date.month and not date.day:
-        return '%s, %d' % (calendar.month_name[date.month], date.year)
-    return 'unknown date'

betty/resources/templates/event-dimensions.html.j2

@@ -1,5 +1,6 @@
 {% if event.date %}
-    {{ event.date | date }}
+    {% import 'macro/date.html.j2' as dateMacros %}
+    {{ dateMacros.format(event.date) }}
 {% endif %}
 {% if event.place and event.place != place_context %}
     in

betty/resources/templates/macro/date.html.j2

@@ -0,0 +1,26 @@
+{%- macro format(date) -%}
+    {# All components. #}
+    {%- if date.year and date.month and date.day -%}
+        {%- set formatted = calendar.month_name[date.month] + ' ' + date.day | string + ', ' + date.year | string -%}
+        {%- set timevals = [date.year, '{:0>2}'.format(date.month), '{:0>2}'.format(date.day)] -%}
+    {# No year, but month and day. #}
+    {%- elif not date.year and date.month and date.day -%}
+        {%- set formatted = calendar.month_name[date.month] + ' ' + date.day | string -%}
+        {%- set timevals = ['{:0>2}'.format(date.month), '{:0>2}'.format(date.day)] -%}
+    {# No month, but year. #}
+    {%- elif date.year and not date.month -%}
+        {%- set formatted = date.year | string -%}
+        {%- set timevals = [date.year] -%}
+    {# No day, but year and month. #}
+    {%- elif date.year and date.month and not date.day -%}
+        {%- set formatted = calendar.month_name[date.month] + ', ' + date.year | string -%}
+        {%- set timevals = [date.year, '{:0>2}'.format(date.month)] -%}
+    {%- else -%}
+        {%- set formatted = 'unknown date' -%}
+    {%- endif -%}
+    {%- if timevals is defined -%}
+        <time datetime="{{ timevals | join('-') }}">{{ formatted }}</time>
+    {%- else -%}
+        {{ formatted }}
+    {%- endif -%}
+{%- endmacro -%}