template-print.php

<?php
/*
Template Name: Event List (Print)
* @Part of the dsa_wordpress theme
* @Displays list of five upcoming events using the category slug, general
*/
?>

<?php get_header(); ?>

	<div id="content" class="grid grid-container grid-wide">
		<style>
			header, footer, .footer, #non-printable {
				display: none !important;
			}
			div.recurringinfo {
				display: none;
			}

			ul.meta-details {
				margin-bottom: 3pt;
			}
			h1 small {
				color: #666;
				display: inline;
				text-transform: none;
				font-size: 12pt;
			}
			h1 {
				font-size: 14pt;
			}
			a, h1 a, h2 a, h3 a, h4 a {
				color: black;
			}
			h1 img {
			    border: 1pt solid #aaa;
				border-radius: 50%;
			}

			span.icon-calendar {
				font-size: 3rem;
				color: #ec1f27;
			}

			.cutout {
				border-right: 1px dotted #ddd;
			}

			@media print {
				header, footer, #header, #footer, .header, .footer, #non-printable {
				color: #fff;
				display: none !important;
				}
				body {border-top: 0px solid transparent;}
				h1, h1 small {
					font-size: 9pt;
					font-weight: bold;
				}
				h2, h3, h4 {
				font-size: 8pt;
				}
				.card p, .card ul.meta-details li {
					font-size: 8pt;
					margin-bottom: 0;
					box-shadow: none;
					border: 1px solid #fdfdfd;
				}
				.card {
					padding: 1rem;
				}
				a[href]:after { content: none !important; color: black;}
  				img[src]:after { content: none !important; }
  				.card-gray {border: 0px solid transparent; border-bottom: 1px solid #ccc;}
  				#nextevents1, #nextevents2, img {filter: grayscale(100%);}

			}
		</style><!-- Hide Header/Footer -->
		
		<div id="nextevents1" class="large-6 cutout">
			<div class="grid">
				<div class="large-12 dsa-nextevents-title">
					<h1><span class="icon-calendar"></span> <?php bloginfo('name'); ?> <small>Upcoming Events</small></h1>
				</div>
				<?php // Retrieve the next 5 upcoming events
					if(in_array('the-events-calendar/the-events-calendar.php', apply_filters('active_plugins', get_option('active_plugins')))){ 
	    				//plugin is activated


						$events = tribe_get_events( array(
						    'posts_per_page' => 5,
						    'start_date' => date( 'Y-m-d H:i:s', strtotime("-6 hours")),
						    'tax_query'=> array(
			                	array(
				                    'taxonomy' => 'tribe_events_cat',
				                    'field' => 'slug',
				                    'terms' => 'new-member'
			               		)
			                )
						) );
						
						function empty_content($str) {
							    return trim(str_replace('&nbsp;','',strip_tags($str))) == '';
						}

						// Loop through the events, displaying the title
						// and content for each
						foreach ( $events as $event ) {
							$dsa_event_description = $event->post_content;

						    echo "<div class=\"card large-10\"><h4><b>";
						    echo tribe_get_event_link( $event->ID, $full_link=true);
							echo "</h4></b><ul class=\"meta-details\"><li><b>Time:</b> ";
						    echo tribe_events_event_schedule_details( $event->ID );
						    echo "</li><li><b>Venue:</b> ";
						    echo tribe_get_venue_single_line_address ( $event->ID, $link = false );
						    echo "</li></ul><p>";

						    $dsa_event_description_nohtml = wp_filter_nohtml_kses ($dsa_event_description);

						    $dsa_event_shortened = substr($dsa_event_description_nohtml, 0, 210);
						    echo $dsa_event_shortened;
						    // echo wp_filter_nohtml_kses ($dsa_event_shortened);
						    // echo $event->post_content; 
						    echo " [...]</p></div>";
						}
					}
					else {
						echo '<div class="large-12">This template uses The Events Calendar plugin. Please install.</div>';
					}
				?>
			</div>
		</div> 
		<div id="nextevents2" class="large-6">
			<div class="grid">
				<div class="large-12 dsa-nextevents-title">
					<h1><span class="icon-calendar"></span> <?php bloginfo('name'); ?> <small>Upcoming Events</small></h1>
				</div>
				<?php // Retrieve the next 5 upcoming events
					if(in_array('the-events-calendar/the-events-calendar.php', apply_filters('active_plugins', get_option('active_plugins')))){ 
	    				//plugin is activated


						// Loop through the events, displaying the title
						// and content for each
						foreach ( $events as $event ) {
							$dsa_event_description = $event->post_content;

						    echo "<div class=\"card large-10 large-centered medium-10 medium-centered small-12\"><h4><b>";
						    echo tribe_get_event_link( $event->ID, $full_link=true);
							echo "</h4></b><ul class=\"meta-details\"><li><b>Time:</b> ";
						    echo tribe_events_event_schedule_details( $event->ID );
						    echo "</li><li><b>Venue:</b> ";
						    echo tribe_get_venue_single_line_address ( $event->ID, $link = false );
						    echo "</li></ul><p>";

						    $dsa_event_description_nohtml = wp_filter_nohtml_kses ($dsa_event_description);

						    $dsa_event_shortened = substr($dsa_event_description_nohtml, 0, 210);
						    echo $dsa_event_shortened;
						    // echo wp_filter_nohtml_kses ($dsa_event_shortened);
						    // echo $event->post_content; 
						    echo " [...]</p></div>";
						}
					}
					else {
						echo '<div class="large-12">This template uses The Events Calendar plugin. Please install.</div>';
					}
				?>
			</div>
		</div>

	</div> <!-- end #content -->

<?php get_footer(); ?>