[HTML-Erzeugung aus PHP entfernen und in Twig umsetzen]

Umgesetzt für die Navigation und die regelmäßigen Events.

index.php

@@ -22,7 +22,6 @@ $twig_templates = new Environment($templateloader);
 
 $title = '';
 $content = '';
-$head = '';
 
 $topictreff = $twig_templates->render('topictreff.html.twig');
 $nextevents = $twig_templates->render('nextevents.html.twig');
@@ -43,32 +42,8 @@ if(gettype($raumstatus_b) == "boolean") {
 }
 
 $topic = $util->get_next_topic();
-$topiclink = '<a href="/?page=events&id=topictreff">Topictreff</a>';
-switch ($topic->days) {
-    case 0:
-        $topic_output = '<p class="topic">Der nächste '.$topiclink.' findet heute statt!</p>';
-        break;
-    case 1:
-        $topic_output = '<p class="topic">Der nächste '.$topiclink.' findet morgen statt!</p>';
-        break;
-    default:
-        $topic_output = '<p class="topic">Der nächste '.$topiclink.' findet in '.$topic->days.' Tagen ['.$topic->date.'] statt.</p>';
-        break;
-}
 
 $treff = $util->get_next_treff();
-$trefflink = '<a href="/?page=events&id=treff">Treff</a>';
-switch ($treff->days) {
-    case 0:
-        $treff_output = '<p class="topic">Der nächste '.$trefflink.' findet heute statt!</p>';
-        break;
-    case 1:
-        $treff_output = '<p class="topic">Der nächste '.$trefflink.' findet morgen statt!</p>';
-        break;
-    default:
-        $treff_output = '<p class="topic">Der nächste '.$trefflink.' findet in '.$treff->days.' Tagen ['.$treff->date.'] statt.</p>';
-        break;
-}
 
 $repaircafe = $util->get_next_repaircafe();
 $repaircafelink = '<a href="/?page=events&id=repaircafe">RepairCafe</a>';
@@ -98,6 +73,8 @@ switch ($brunch->days) {
         break;
 }
 
+$css = ['main'];
+
 if(isset($_GET['page'])) {
     $page = $_GET['page'];
     $active_page = $util->str_mass_replace(array('adresse', 'irc', 'mail'), array('kontakt', 'kontakt', 'kontakt'), $page);
@@ -105,85 +82,77 @@ if(isset($_GET['page'])) {
     switch ($page) {
         case 'index':
             $content = $twig_pages->render('index.html.twig', [ 'topic' => $topic_output, 'posts' => $util->generate_post_list(4) ]);
-            $head = $util->css_link('css/main.css').$util->css_link('css/home.css').$util->css_link('css/events.css');
+            $css[] = 'home';
+            $css[] = 'events';
             break;
         case 'about':
             $content = $twig_pages->render('about.html.twig');
-            $head = $util->css_link('css/main.css').$util->css_link('css/about.css');
+            $css[] = 'about';
             break;
         case 'treff':
             $content = $twig_pages->render('treff.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'blog':
             if(!isset($_GET['id'])) {
                 $content = $twig_pages->render('blog.html.twig', [ 'posts' => $util->generate_post_list() ]);
-                $head = $util->css_link('css/main.css').$util->css_link('css/events.css');
+                $css[] = 'events';
             } else {
                 $content = $converter->convert($util->get_post_content($_GET['id']));
-                $head = $util->css_link('css/main.css').$util->css_link('css/event.css');
+                $css[] = 'event';
             }
             break;
         case 'events':
             if(!isset($_GET['id'])) {
-                $content = $twig_pages->render('events.html.twig', [ 'topic' => $topic_output, 'treff' => $treff_output, 'repaircafe' => $repaircafe_output, 'brunch' => $brunch_output, 'events' => $util->generate_event_list() ]);
+                $content = $twig_pages->render('events.html.twig', [ 'topic' => $topic, 'treff' => $treff, 'repaircafe' => $repaircafe, 'brunch' => $brunch, 'events' => $util->generate_event_list() ]);
-                $head = $util->css_link('css/main.css').$util->css_link('css/events.css');
+                $css[] = 'events';
             } else {
                 $content = $util->str_mass_replace(array('{{ topicdatum }}', 'Chaostreff Dortmund e.V.', '{{ treffdatum }}', '{{ repaircafedatum }}', '{{ brunchdatum }}'), array($util->get_next_topic()->date, $util->html_link('/?page=treff', '', 'Chaostreff Dortmund e.V.', FALSE), $util->get_next_treff()->date, $util->get_next_repaircafe()->date, $util->get_next_brunch()->date), $converter->convert($util->get_event_content($_GET['id'])));
-                $head = $util->css_link('css/main.css').$util->css_link('css/event.css');
+                $css[] = 'event';
             }
             break;
         case 'kontakt':
             $content = $twig_pages->render('kontakt.html.twig');
-            $head = $util->css_link('css/main.css').$util->css_link('css/kontakt.css');
+            $css[] = 'kontakt';
             break;
         case 'adresse':
             $content = $twig_pages->render('kontakt/adresse.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'irc':
             $content = $twig_pages->render('kontakt/irc.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'mail':
             $content = $twig_pages->render('kontakt/mail.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'tel':
             $content = $twig_pages->render('kontakt/tel.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'support':
             $content = $twig_pages->render('support.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'verein':
             $content = $twig_pages->render('verein.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'impressum':
             $title = 'impressum';
             $content = $twig_pages->render('impressum.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         case 'datenschutz':
             $title = 'datenschutz';
             $content = $twig_pages->render('datenschutz.html.twig');
-            $head = $util->css_link('css/main.css');
             break;
         default:
             $content = $twig_pages->render('404.html.twig', ['page' => $_GET['page']]);
-            $head = $util->css_link('css/main.css');
             break;
     }
 } else {
     $active_page = 'index';
     $title = $active_page;
-    $content = $twig_pages->render('index.html.twig', [ 'topic' => $topic_output, 'posts' => $util->generate_post_list(4) ]);
+    $content = $twig_pages->render('index.html.twig', [ 'posts' => $util->generate_post_list(4) ]);
-    $head = $util->css_link('css/main.css').$util->css_link('css/home.css').$util->css_link('css/events.css');
+    $css[] = 'home';
+    $css[] = 'events';
 }
 
 $nav = $util->generate_nav($active_page, $pages, $page_names);
 
-echo $twig_templates->render('html5struct.html.twig', ['title' => $title, 'head' => $head, 'nav' => $nav, 'raumstatus' => $raumstatus, 'main' => $content]);
+echo $twig_templates->render('html5struct.html.twig', ['title' => $title, 'css' => $css, 'nav' => $nav, 'raumstatus' => $raumstatus, 'main' => $content]);
 ?>

pages/events.html.twig

@@ -1,6 +1,35 @@
             <h1>Events</h1>
-            {{ topic | raw }}
+
-            {{ treff | raw }}
+            {% if topic.days == 0 %}
-            {{ repaircafe | raw }}
+                <p class="topic">Der nächste <a href="/?page=events&id=topictreff">Topictreff</a> findet heute [{{ topic.date }}] statt!</p>
-            {{ brunch | raw }}
+            {% elseif topic.days == 1 %}
+                <p class="topic">Der nächste <a href="/?page=events&id=topictreff">Topictreff</a> findet morgen [{{ topic.date }}] statt!</p>
+            {% else %}
+                <p class="topic">Der nächste <a href="/?page=events&id=topictreff">Topictreff</a> findet in {{ topic.days }} [{{ topic.date }}] statt!</p>
+            {% endif %}
+
+            {% if treff.days == 0 %}
+                <p class="topic">Der nächste <a href="/?page=events&id=treff">Treff</a> findet heute [{{ treff.date }}] statt!</p>
+            {% elseif treff.days == 1 %}
+                <p class="topic">Der nächste <a href="/?page=events&id=treff">Treff</a> findet morgen [{{ treff.date }}] statt!</p>
+            {% else %}
+                <p class="topic">Der nächste <a href="/?page=events&id=treff">Treff</a> findet in {{ treff.days }} [{{ treff.date }}] statt!</p>
+            {% endif %}
+
+            {% if repaircafe.days == 0 %}
+                <p class="topic">Das nächste <a href="/?page=events&id=repaircafe">RepairCafe</a> findet heute [{{ repaircafe.date }}] statt!</p>
+            {% elseif repaircafe.days == 1 %}
+                <p class="topic">Das nächste <a href="/?page=events&id=repaircafe">RepairCafe</a> findet morgen [{{ repaircafe.date }}] statt!</p>
+            {% else %}
+                <p class="topic">Das nächste <a href="/?page=events&id=repaircafe">RepairCafe</a> findet in {{ repaircafe.days }} [{{ repaircafe.date }}] statt!</p>
+            {% endif %}
+
+            {% if brunch.days == 0 %}
+                <p class="topic">Der nächste <a href="/?page=events&id=brunch">Brunch</a> findet heute [{{ brunch.date }}] statt!</p>
+            {% elseif brunch.days == 1 %}
+                <p class="topic">Der nächste <a href="/?page=events&id=brunch">Brunch</a> findet morgen [{{ brunch.date }}] statt!</p>
+            {% else %}
+                <p class="topic">Der nächste <a href="/?page=events&id=brunch">Brunch</a> findet in {{ brunch.days }} [{{ brunch.date }}] statt!</p>
+            {% endif %}
+
             {{ events | raw }}

php/util.php

@@ -6,14 +6,13 @@ class Util {
     }
 
     function generate_nav($active_page, $pages, $page_names) {
-        $output = '<nav><ul>';
+        $output = array();
         foreach ($pages as $key => $page) {
             if ($page == $active_page)
-                $output .= '<li>'.$this->html_link('/?page='.$page, 'active', $page_names[$key], FALSE).'</li>';
+                $output[] = ['page' => $page, 'name' => $page_names[$key], 'active' => TRUE];
             else
-                $output .= '<li>'.$this->html_link('/?page='.$page, '', $page_names[$key], FALSE).'</li>';
+                $output[] = ['page' => $page, 'name' => $page_names[$key], 'active' => FALSE];
         }
-        $output .= '</ul></nav>';
 
         return $output;
     }
@@ -144,7 +143,7 @@ class Util {
             $next_topic->add(new DateInterval('P1D'));
         }
     
-        $output->days = $currentDate->diff($next_topic)->days;
+        $output->days = $currentDate->diff($next_topic)->days+1;
         $output->date = $next_topic->format('Y-m-d');
     
         return $output;

templates/html5struct.html.twig

@@ -7,14 +7,27 @@
 
         <title>ctdo - {{ title }}</title>
         
-        {{ head | raw }}
+        {% for item in css %}
+            <link rel="stylesheet" href="/css/{{ item }}.css">
+        {% endfor %}
     </head>
     <body>
         <div class="newBanner"><a href="https://www.chaostreff-dortmund.de/rundgang/" target="_blank">Rundgang</a></div>
         
         <header>
-            <img src="/images/logo_ctdo.svg" alt="ctdo logo">
+            <nav>
-            {{ nav | raw }}
+                <ul>
+                {% for item in nav %}
+                    <li>
+                    {% if item.active %}
+                        <a href="?page={{ item.page }}" class="active">{{ item.name }}</a>
+                    {% else %}
+                        <a href="?page={{ item.page }}">{{ item.name }}</a>
+                    {% endif %}
+                    </li>
+                {% endfor %}
+                </ul>
+            </nav>
         </header>
 
         <main>