public function form($instance)
{
$barcelona_title = isset($instance['title']) ? $instance['title'] : '';
$barcelona_name = isset($instance['name']) ? $instance['name'] : '';
$barcelona_job_title = isset($instance['job_title']) ? $instance['job_title'] : '';
$barcelona_description = isset($instance['description']) ? $instance['description'] : '';
$barcelona_image = '';
if (array_key_exists('image', $instance) && is_numeric($instance['image'])) {
$barcelona_image = barcelona_get_thumbnail_url('barcelona-sq', $instance['image'], true, true);
}
?>
<p>
<label for="<?php
echo esc_attr($this->get_field_id('title'));
?>
"><?php
esc_html_e('Title:', 'barcelona');
?>
</label>
<input class="widefat" id="<?php
echo esc_attr($this->get_field_id('title'));
?>
" name="<?php
echo esc_attr($this->get_field_name('title'));
?>
" type="text" value="<?php
echo esc_attr($barcelona_title);
?>
" />
</p>
<p>
<label for="<?php
echo esc_attr($this->get_field_id('name'));
?>
"><?php
esc_html_e('Name:', 'barcelona');
?>
</label>
<input class="widefat" id="<?php
echo esc_attr($this->get_field_id('name'));
?>
" name="<?php
echo esc_attr($this->get_field_name('name'));
?>
" type="text" value="<?php
echo esc_attr($barcelona_name);
?>
" />
</p>
<p>
<label for="<?php
echo esc_attr($this->get_field_id('job_title'));
?>
"><?php
esc_html_e('Job Title:', 'barcelona');
?>
</label>
<input class="widefat" id="<?php
echo esc_attr($this->get_field_id('job_title'));
?>
" name="<?php
echo esc_attr($this->get_field_name('job_title'));
?>
" type="text" value="<?php
echo esc_attr($barcelona_job_title);
?>
" />
</p>
<p>
<label for="<?php
echo esc_attr($this->get_field_id('image'));
?>
"><?php
esc_html_e('Profile Picture:', 'barcelona');
?>
</label>
<input type="hidden" class="barcelona-media-val" name="<?php
echo esc_attr($this->get_field_name('image'));
?>
"<?php
if (array_key_exists('image', $instance) && is_numeric($instance['image'])) {
echo ' value="' . esc_attr($instance['image']) . '"';
}
?>
/>
<span class="barcelona-media-placeholder">
<?php
echo empty($barcelona_image) ? '' : '<img src="' . esc_url($barcelona_image[0]) . '" />';
?>
</span>
<button type="button" class="barcelona-media button<?php
echo empty($barcelona_image) ? '' : ' barcelona-hide';
?>
" id="<?php
echo esc_attr($this->get_field_id('image'));
?>
" data-return="id"><?php
esc_html_e('Select Image', 'barcelona');
?>
</button>
<button type="button" class="barcelona-media-remove button<?php
echo empty($barcelona_image) ? ' barcelona-hide' : '';
?>
" id="<?php
echo esc_attr($this->get_field_id('image'));
?>
"><?php
esc_html_e('Remove Image', 'barcelona');
?>
</button>
</p>
<p>
<label for="<?php
echo esc_attr($this->get_field_id('description'));
?>
"><?php
esc_html_e('About Text:', 'barcelona');
?>
</label>
<textarea class="widefat" id="<?php
echo esc_attr($this->get_field_id('description'));
?>
" name="<?php
echo esc_attr($this->get_field_name('description'));
?>
" rows="16" cols="20"><?php
echo esc_textarea($barcelona_description);
?>
</textarea>
</p>
<?php
}
/**
* Featured Posts
*/
function barcelona_featured_posts()
{
global $barcelona_mod_header;
$barcelona_fp_type = 'category';
$barcelona_has_autoplay = false;
if (is_page_template('page-modules.php')) {
global $post;
$barcelona_fp_type = 'page';
$barcelona_q = barcelona_get_featured_posts_query($post->ID, $barcelona_fp_type);
$barcelona_has_autoplay = get_post_meta($post->ID, 'barcelona_fp_is_autoplay', true) == 'on';
} else {
if (is_category()) {
$barcelona_cat_id = get_query_var('cat');
$barcelona_q = barcelona_get_featured_posts_query($barcelona_cat_id, $barcelona_fp_type);
$barcelona_has_autoplay = barcelona_get_option('fp_is_autoplay__category_' . $barcelona_cat_id) == 'on';
}
}
if (!isset($barcelona_q) || !$barcelona_q) {
return false;
}
if ($barcelona_q->have_posts()) {
$barcelona_fp_style = $barcelona_q->fp_style;
$barcelona_owl_data = array('dots' => 'false', 'items' => 2, 'center' => 'false', 'nav' => 'true', 'rtl' => is_rtl() ? 'true' : 'false', 'breakpoint' => '0:1,992:', 'loop' => 'false', 'slideby' => 2);
if ($barcelona_has_autoplay) {
$barcelona_owl_data['loop'] = 'true';
$barcelona_owl_data['autoplay'] = 'true';
}
if ($barcelona_fp_style == 'a') {
$barcelona_owl_data['items'] = $barcelona_owl_data['slideby'] = 1;
$barcelona_owl_data['breakpoint'] .= '1';
} else {
$barcelona_owl_data['breakpoint'] .= '2';
}
?>
<div class="featured-posts fptype-<?php
echo sanitize_html_class($barcelona_fp_type);
?>
fpstyle-<?php
echo sanitize_html_class($barcelona_fp_style);
?>
">
<div class="container">
<div class="owl-carousel owl-theme"<?php
echo implode(array_map(function ($v, $k) {
return ' data-' . sanitize_key($k) . '="' . esc_attr($v) . '"';
}, $barcelona_owl_data, array_keys($barcelona_owl_data)));
?>
>
<?php
$i = 0;
while ($barcelona_q->have_posts()) {
$barcelona_q->the_post();
$barcelona_h = 2;
if ($barcelona_fp_style == 'c' && ($i + 1) % 3 != 0 || $barcelona_fp_style == 'd' && $i % 3 != 0 || $barcelona_fp_style == 'e') {
$barcelona_h = 1;
}
if (($barcelona_fp_style == 'c' && $barcelona_q->post_count % 3 == 1 || $barcelona_fp_style == 'd' && $barcelona_q->post_count % 3 == 2) && $i == $barcelona_q->post_count - 1) {
$barcelona_h = 2;
}
$barcelona_c = $barcelona_fp_style == 'a' ? 1 : 2;
$barcelona_thumbnail_url = barcelona_get_thumbnail_url('barcelona-lg');
?>
<?php
if (($barcelona_fp_style != 'c' || ($i - 1) % 3 != 0) && ($barcelona_fp_style != 'd' || ($i + 1) % 3 != 0)) {
?>
<div class="item fp-col">
<?php
}
?>
<div id="fpBox<?php
echo intval($i + 1);
?>
" class="post-summary fp-box fp-box-h<?php
echo intval($barcelona_h);
?>
fp-box-c<?php
echo intval($barcelona_c);
?>
" data-bg="<?php
echo esc_url($barcelona_thumbnail_url[0]);
?>
">
<a href="<?php
echo esc_url(get_the_permalink());
?>
" class="fp-inner">
<div class="vm-wrapper">
<div class="vm-middle">
<h2 class="post-title"><?php
echo esc_html(get_the_title());
?>
</h2>
<ul class="post-meta no-sep">
<li class="post-date"><span class="fa fa-clock-o"></span><?php
echo esc_html(get_the_time(BARCELONA_DATE_FORMAT));
?>
</li>
</ul>
</div>
</div>
</a>
</div>
<?php
if (!barcelona_is_empty($barcelona_thumbnail_url[0])) {
?>
<script>jQuery(document).ready(function($){ $('#fpBox<?php
echo intval($i + 1);
?>
').backstretch('<?php
echo esc_url($barcelona_thumbnail_url[0]);
?>
', {fade: 400}); });</script>
<?php
}
?>
<?php
if (($barcelona_fp_style != 'c' || $i % 3 != 0) && ($barcelona_fp_style != 'd' || ($i - 1) % 3 != 0) || $i == $barcelona_q->post_count - 1) {
?>
</div>
<?php
}
?>
<?php
$i++;
}
wp_reset_postdata();
?>
</div>
</div>
</div><!-- .featured-posts -->
<?php
if (isset($barcelona_mod_header)) {
echo '<div class="container">' . $barcelona_mod_header . '</div>';
}
return true;
}
}
function barcelona_thumbnail_url($size, $post_id = NULL)
{
$barcelona_thumbnail_url = barcelona_get_thumbnail_url($size, $post_id);
echo is_array($barcelona_thumbnail_url) ? esc_url($barcelona_thumbnail_url[0]) : '';
}
