fix: EventList-Sitetype scaling month text size and dates; closes #3

sitetypes/eventList.php

@@ -3,6 +3,7 @@
 /**
  * Event-List
  */
+$Locale = \QUI::getLocale();
 
 $ChildrenList = new QUI\Controls\ChildrenList(array(
     'showTitle'       => false,
@@ -13,7 +14,30 @@ $ChildrenList = new QUI\Controls\ChildrenList(array(
     'child-itemtype'  => 'http://schema.org/ListItem',
     'display'         => $Site->getAttribute('eventList.settings.displayStyle'),
     'displayTemplate' => dirname(__FILE__) . '/eventListControlTemplate.html',
-    'displayCss'      => dirname(__FILE__) . '/eventListControlTemplate.css'
+    'displayCss'      => dirname(__FILE__) . '/eventListControlTemplate.css',
+    'months'          => array(
+        $Locale->get('quiqqer/calendar-controls', 'month.01'),
+        $Locale->get('quiqqer/calendar-controls', 'month.02'),
+        $Locale->get('quiqqer/calendar-controls', 'month.03'),
+        $Locale->get('quiqqer/calendar-controls', 'month.04'),
+        $Locale->get('quiqqer/calendar-controls', 'month.05'),
+        $Locale->get('quiqqer/calendar-controls', 'month.06'),
+        $Locale->get('quiqqer/calendar-controls', 'month.07'),
+        $Locale->get('quiqqer/calendar-controls', 'month.08'),
+        $Locale->get('quiqqer/calendar-controls', 'month.09'),
+        $Locale->get('quiqqer/calendar-controls', 'month.10'),
+        $Locale->get('quiqqer/calendar-controls', 'month.11'),
+        $Locale->get('quiqqer/calendar-controls', 'month.12'),
+    ),
+    'days'            => array(
+        $Locale->get('quiqqer/calendar-controls', 'sunday'), // Week starts on sunday in america
+        $Locale->get('quiqqer/calendar-controls', 'monday'),
+        $Locale->get('quiqqer/calendar-controls', 'tuesday'),
+        $Locale->get('quiqqer/calendar-controls', 'wednesday'),
+        $Locale->get('quiqqer/calendar-controls', 'thursday'),
+        $Locale->get('quiqqer/calendar-controls', 'friday'),
+        $Locale->get('quiqqer/calendar-controls', 'saturday'),
+    )
 ));
 
 try {

sitetypes/eventListControlTemplate.css

@@ -95,6 +95,13 @@
     font-size: 26px;
 }
 
+/* On September, November, December */
+.event-style-modern .event-date-month[data-month-index="8"],
+.event-style-modern .event-date-month[data-month-index="10"],
+.event-style-modern .event-date-month[data-month-index="11"] {
+    font-size: 23px;
+}
+
 .event-style-modern .event-title {
     border-bottom: 1px solid white;
 }

sitetypes/eventListControlTemplate.html

@@ -4,12 +4,16 @@
     <link property="mainEntityOfPage" href="{url site=$Site}">
 
     {assign var=counter value=1}
+    {assign var=days value=$this->getAttribute('days')}
+    {assign var="months" value=$this->getAttribute('months')}
 
     <div id="event-list">
         {foreach from=$children item=Child}
             {assign var=_Child value=$Child->load()}
 
             {assign var=Event value=\QUI\Calendar\EventManager::getEventById($Child->getAttribute('event.settings.id'))}
+            {assign var=EventStartDate value=DateTime::createFromFormat('Y-m-d H:i', $Event->start_date)}
+            {assign var=EventEndDate value=DateTime::createFromFormat('Y-m-d H:i', $Event->end_date)}
 
             {if $Event}
             <article itemscope
@@ -36,15 +40,28 @@
                         <a itemprop="url" href="{url site=$Child}" title="{$Event->text}">
                             <div class="event-header">
                                 <div class="event-date">
-                                    <div class="event-date-day">{$Event->start_date|date_format:"%d"}.</div>
-                                    <div class="event-date-month">{$Event->start_date|date_format:"%B"}</div>
+                                    <div class="event-date-day">
+                                        {$EventStartDate->format("d")}.
+                                    </div>
+
+                                    {assign var="monthIndex" value=$EventStartDate->format('n') - 1}
+
+                                    <div class="event-date-month" data-month-index="{$monthIndex}">
+                                        {$months[$monthIndex]}
+                                    </div>
                                 </div>
 
                                 <div class="event-info">
                                     <div class="event-title">{$Event->text}</div>
                                     <div class="event-time">
-                                        {$Event->start_date|date_format:"%d.%m.%Y, %H:%M"} –
-                                        {$Event->end_date|date_format:"%d.%m.%Y, %H:%M"}
+                                        {$days[$EventStartDate->format('w')]}, {$EventStartDate->format('d.m.o H:i')} –
+
+                                        {if $EventStartDate->format('d.m.o') == $EventEndDate->format('d.m.o')}
+                                            {$EventEndDate->format('H:i')}
+                                        {else}
+                                            <br>
+                                            {$days[$EventEndDate->format('w')]}, {$EventEndDate->format('d.m.o H:i')}
+                                        {/if}
                                     </div>
                                     <div class="event-link">
                                         <i class="fa fa-external-link" aria-hidden="true"></i>