Add special event display. Fixes #15

frontend/src/css/_content.scss

@@ -160,3 +160,23 @@
         max-height: 200px;
     }
 }
+
+img.aligncenter {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+img.alignright {
+    float: right;
+    margin: 5px 0 20px 20px;
+}
+
+img.alignleft {
+    float: left;
+    margin: 5px 20px 20px 0;
+}
+
+.wysiwyg {
+    white-space: pre-line;
+}

wordpress/gloggi-plugin/gloggi.php

@@ -688,10 +688,6 @@ function gloggi_custom_post_type_specialevent( $wpptd ) {
                   'type' => 'wysiwyg',
                   'required' => true,
                 ),
-                'kontaktbild' => array(
-                  'title' => __( 'Bild', 'gloggi' ),
-                  'type' => 'media',
-                ),
               ),
             ),
           ),

wordpress/gloggi-theme/agenda.php

@@ -255,6 +255,30 @@ function gloggi_aggregate_subchildren($subchildren, $root, $visited=array()) {
         </div>
       </a>
     </li>
+    <div class="lightbox" id="special-event-<?php echo sanitize_title( get_the_title() ); ?>">
+      <a href="#_">
+        <div class="lightbox__background">
+        </div>
+      </a>
+      <div class="lightbox__content-wrapper">
+        <div class="lightbox__content agenda__detail">
+          <div class="lightbox__banner agenda__header">
+            <div class="agenda__header-text">
+              <h3><?php echo get_the_title(); ?></h3>
+            </div>
+            <img src="<?php echo wp_get_attachment_url(wpod_get_option( 'gloggi_einstellungen', 'abteilungslogo' )); ?>" height="50" alt="">
+          </div>
+          <div class="lightbox__body agenda__body">
+            <div class="lightbox__section wysiwyg">
+              <p><?php echo wpptd_get_post_meta_value( $post->ID, 'description' ); ?></p>
+            </div>
+            <div class="lightbox__section">
+              <p>Hast du noch Fragen? Dann melde dich bei <a href="<?php echo encode_all_to_htmlentities( 'mailto:' . $standard_anlassverantwortlicher );?>"><?php echo encode_all_to_htmlentities( $standard_anlassverantwortlicher );?></a>.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
 <?php endwhile; wp_reset_postdata(); ?>
   </ul>
 </div>

wordpress/gloggi-theme/files/css/main.css

@@ -555,6 +555,22 @@ ul {
     .content__big_image_container {
       max-height: 200px; } }
 
+img.aligncenter {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+img.alignright {
+  float: right;
+  margin: 5px 0 20px 20px; }
+
+img.alignleft {
+  float: left;
+  margin: 5px 20px 20px 0; }
+
+.wysiwyg {
+  white-space: pre-line; }
+
 .footer {
   min-height: 250px;
   font-size: 18px;