atravelblog/page-pins.php

<?php get_header(); ?>

<div class="content section-inner">		

	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>				
	
		<div <?php post_class('post single'); ?>>
			
			<div class="post-container">
		
			<?php if ( has_post_thumbnail() ) : ?>
			
				<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail_size' ); $thumb_url = $thumb['0']; ?>
		
				<div class="featured-media">
		
					<?php the_post_thumbnail('post-image'); ?>
					
				</div> <!-- /featured-media -->
					
			<?php endif; ?>
			
			<div class="post-header">
												
				<h1 class="post-title"><?php the_title(); ?></h1>
			
			</div>
			
			<div class="post-inner">
				    
			    <div class="post-content">
			    
			    	<?php the_content(); ?>

                    <label for="travelers-select">Mitreisende:</label>
                    <ul id="travelers-select"></ul>

                    <div id="pin-filter-action-panel">
                        <p>
                            <label for="time-range">Zeitraum:</label>
                            <input type="text" id="time-range" readonly>
                        </p>
                        <div id="time-range-slider"></div>

                        <a class="button" id="travelers-reset-button">Reset</a>
                        <a class="button" id="travelers-extend-button">Erweitert</a>
                        <input type="checkbox" id="toggle-and-or" />
                    </div>
					
			    	<?php wp_link_pages('before=<div class="clear"></div><p class="page-links">' . __( 'Pages:', 'hitchcock' ) . ' &after=</p>&seperator= <span class="sep">/</span> '); ?>
			    
			    </div> <!-- /post-content -->
			    
			    <div class="clear"></div>
			    
			    <?php edit_post_link(__('Edit Page','hitchcock'), '<div class="post-meta"><p class="post-edit">', '</p></div>'); ?>
	
			</div> <!-- /post-inner -->

            <div class="post-meta">
                <div class='map' style='height:500px; margin-bottom: 1.6842em' id='map-stats'></div>
            </div> <!-- /post-meta -->
			
			<?php comments_template( '', true ); ?>
			
			</div> <!-- /post-container -->
		
		</div> <!-- /post -->
		
	<?php endwhile; else: ?>
	
		<p><?php _e("We couldn't find any posts that matched your query. Please try again.", "hitchcock"); ?></p>

	<?php endif; ?>

	<div class="clear"></div>
	
</div> <!-- /content -->

<?php
    query_posts( 'category_name=urlaub&posts_per_page=10000' );
    $locations = array();
    $traveler = array();
    while ( have_posts() ) : the_post();
        $places = get_field('orte');
        if($places){
            $traveler = array_unique(array_merge($traveler, get_field('mitreisende')));
            foreach ($places as $place){
	            $locations[] = array_merge(array(
	                "post" => $post->ID,
                    "title" => $post->post_title,
                    "traveler" => get_field('mitreisende'),
                    "start" => get_field('anreise'),
                    "end" => get_field('abreise')
                ), $place);
            }
        }
    endwhile;
    wp_enqueue_style('toggle_switch_style', get_stylesheet_directory_uri() . '/css/tinytools.toggleswitch.css');
    wp_enqueue_script('toggle_switch', get_stylesheet_directory_uri() . '/js/tinytools.toggleswitch.min.js', array('jquery'));
    wp_enqueue_script('page_pins_map', get_stylesheet_directory_uri() . '/js/page-pins-map.js', array('jquery', 'jquery-ui-selectable', 'jquery-ui-slider', 'toggle_switch'));
    wp_localize_script('page_pins_map', 'page_pins_map', array('places' => $locations, 'traveler' => array_values($traveler)));
    wp_enqueue_style('page_pins', get_stylesheet_directory_uri() . '/css/page-pins.css');
    wp_enqueue_style('jquery-ui-css', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css', false, null, false);
?>

								
<?php get_footer(); ?>