Merge pull request #964 from StadGent/feature/SGD8-2526

SGD8-2526: Update timeline items order

gent_base.theme

@@ -6,18 +6,18 @@
  */
 
 use Drupal\block\Entity\Block;
+use Drupal\Component\Utility\Html;
 use Drupal\Core\Form\FormStateInterface;
+use Drupal\Core\Link;
+use Drupal\Core\Render\Element;
 use Drupal\Core\Render\Markup;
 use Drupal\Core\StringTranslation\TranslatableMarkup;
 use Drupal\Core\Template\Attribute;
-use Drupal\Component\Utility\Html;
+use Drupal\Core\Url;
 use Drupal\gent_base\FormPrerender;
 use Drupal\image\Entity\ImageStyle;
 use Drupal\node\NodeInterface;
 use Drupal\paragraphs\Entity\Paragraph;
-use Drupal\Core\Url;
-use Drupal\Core\Link;
-use Drupal\Core\Render\Element;
 use Drupal\paragraphs\ParagraphInterface;
 
 include __DIR__ . '/includes/theme.inc';
@@ -441,6 +441,17 @@ function gent_base_preprocess_field(&$variables) {
           $timelineOdd = ($timelineItems % 2 !== 0);
           $variables['items'][$key]['content']['reversed'][0] = $reversed;
 
+          $timelineItems = count($entity->get('timeline_items')->referencedEntities());
+          $variables['items'][$key]['content']['counter'][0] = $timelineItemTotal;
+          $timelineItemTotal += $timelineItems;
+
+          if ($timelineOdd) {
+            $reversed = !$reversed;
+          }
+
+          $timelineOdd = ($timelineItems % 2 !== 0);
+          $variables['items'][$key]['content']['reversed'][0] = $reversed;
+
           // It's the first timeline frame.
           if ($firstTimeline === FALSE) {
             $firstTimeline = TRUE;

templates/contrib/paragraphs/timeline/paragraph--timeline-frame--program.html.twig

@@ -39,8 +39,13 @@
  */
 #}
 
+{% set items_total = content.counter.0 %}
+{% set reversed = content.reversed.0 %}
+
 {% set classes = [
-  'programme-slot'
+    'programme-slot',
+    items_total is odd ? 'timeline-slot-odd' : 'timeline-slot-even',
+    reversed ? 'timeline-slot-reverse' : ''
 ] %}
 {{ attach_library('gent_base/modal') }}