Sort affected areas alphabetically (Resolves #28)

pyalertscanada/web/templates/alert.html

@@ -94,7 +94,7 @@
                                              <h2 id="title" class="page-title">{{ _('Affected areas') }}</h2>
 
                                              <ul class="no-bullet">
-                                                {% for area in info.areas %}
+                                                {% for area in info.areas | sort(attribute='description') %}
                                                    <li>{{ area.description }}</li>
                                                 {% endfor %}
                                              </ul>
@@ -102,7 +102,7 @@
                                              <a class="close-reveal-modal" aria-label="Close">&#215;</a>
                                           </div>
                                        {% else %}
-                                          {% for area in info.areas %}
+                                          {% for area in info.areas | sort(attribute='description') %}
                                              <dd>{{ area.description }}</dd>
                                           {% endfor %}
                                        {% endif %}

pyalertscanada/web/templates/alerts.html

@@ -30,7 +30,7 @@
                         <dt>{{ _('Effective') }} &mdash; {{ _('Expires') }}</dt>
                         <dd>{{ info.effective | localize | short_datetime }} &mdash; {{ info.expires | localize | short_datetime }}</dd>
                         <dt>{{ _('Affected areas') }}</dt>
-                        <dd>{% if 'layer:EC-MSC-SMC:1.0:Alert_Coverage' in info.parameters and len(info.areas) > 6 %} {{ info.parameters['layer:EC-MSC-SMC:1.0:Alert_Coverage'] }} ({{ info.areas | length }} {{ _('affected areas') }}) {% else %} {% for area in info.areas %}{% if not loop.first %}{% if loop.last %} {{ 'AND' | translate }} {% else %}, {% endif %}{% endif %}{{ area.description }}{% endfor %} {% endif %}</dd>
+                        <dd>{% if 'layer:EC-MSC-SMC:1.0:Alert_Coverage' in info.parameters and len(info.areas) > 6 %} {{ info.parameters['layer:EC-MSC-SMC:1.0:Alert_Coverage'] }} ({{ info.areas | length }} {{ _('affected areas') }}) {% else %} {% for area in info.areas | sort(attribute='description') %}{% if not loop.first %}{% if loop.last %} {{ 'AND' | translate }} {% else %}, {% endif %}{% endif %}{{ area.description }}{% endfor %} {% endif %}</dd>
                      </dl>
                   </div>
                   <div class="medium-5 columns text-right-if-not-small uppercase">