| Current File : /home/kelaby89/listingslad.com/wp-content/themes/listivo/templates/widgets/blog/blog_archive.php |
<?php
/* @var \Tangibledesign\Listivo\Widgets\BlogArchive\BlogArchiveWidget $lstCurrentWidget */
global $lstCurrentWidget;
$lstPosts = $lstCurrentWidget->getPosts();
$lstPagination = $lstCurrentWidget->getPaginator();
if ($lstPosts->isNotEmpty()) : ?>
<div class="listivo-posts listivo-posts--archive">
<?php
global $post;
foreach ($lstPosts as $lstPost):
$post = $lstPost->getPost();
setup_postdata($post);
?>
<div class="listivo-blog-card-wrapper">
<article <?php post_class('listivo-blog-card'); ?>>
<?php if (has_post_thumbnail()) : ?>
<a
class="listivo-blog-card__image-static"
href="<?php echo esc_url(get_the_permalink()); ?>"
title="<?php the_title_attribute(); ?>"
>
<img
src="<?php the_post_thumbnail_url('large'); ?>"
alt="<?php the_title_attribute(); ?>"
>
</a>
<?php endif; ?>
<div class="listivo-blog-card__content">
<?php if (!empty(get_the_title())) : ?>
<h3 class="listivo-blog-card__title">
<a
href="<?php echo esc_url(get_the_permalink()); ?>"
title="<?php the_title_attribute() ?>"
>
<?php the_title(); ?>
</a>
</h3>
<?php endif; ?>
<div class="listivo-blog-card__meta listivo-blog-card__meta--top">
<?php if ($lstCurrentWidget->showUser()) : ?>
<div class="listivo-blog-card__author">
<a
href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>"
title="<?php echo esc_attr(get_the_author()); ?>"
class="listivo-blog-card__author-avatar-link"
>
<img
src="<?php echo esc_url(get_avatar_url(get_the_ID())); ?>"
alt="<?php echo esc_attr(get_the_author()); ?>"
>
</a>
<?php the_author_posts_link(); ?>
</div>
<?php endif; ?>
<?php if ($lstCurrentWidget->showPublishDate()) : ?>
<div class="listivo-blog-card__date">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 72">
<path class="cls-1"
d="M326.5,907v-7.312A1.491,1.491,0,0,0,324.812,898h-1.124A1.491,1.491,0,0,0,322,899.688V907H295v-7.312A1.491,1.491,0,0,0,293.312,898h-1.124a1.491,1.491,0,0,0-1.688,1.688V907h-6.75a6.723,6.723,0,0,0-6.75,6.75v49.5a6.723,6.723,0,0,0,6.75,6.75h49.5a6.723,6.723,0,0,0,6.75-6.75v-49.5a6.723,6.723,0,0,0-6.75-6.75H326.5Zm6.75,4.5a2.167,2.167,0,0,1,2.25,2.25v6.75h-54v-6.75a2.167,2.167,0,0,1,2.25-2.25h49.5Zm-49.5,54a2.167,2.167,0,0,1-2.25-2.25V925h54v38.25a2.167,2.167,0,0,1-2.25,2.25h-49.5Zm15.75-24.188v-5.624A1.491,1.491,0,0,0,297.812,934h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624A1.491,1.491,0,0,0,292.188,943h5.624a1.491,1.491,0,0,0,1.688-1.688h0Zm13.5,0v-5.624A1.491,1.491,0,0,0,311.312,934h-5.624A1.491,1.491,0,0,0,304,935.688v5.624A1.491,1.491,0,0,0,305.688,943h5.624A1.491,1.491,0,0,0,313,941.312h0Zm13.5,0v-5.624A1.491,1.491,0,0,0,324.812,934h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624A1.491,1.491,0,0,0,319.188,943h5.624a1.491,1.491,0,0,0,1.688-1.688h0Zm-13.5,13.5v-5.624a1.491,1.491,0,0,0-1.688-1.688h-5.624A1.491,1.491,0,0,0,304,949.188v5.624a1.491,1.491,0,0,0,1.688,1.688h5.624A1.491,1.491,0,0,0,313,954.812h0Zm-13.5,0v-5.624a1.491,1.491,0,0,0-1.688-1.688h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624a1.491,1.491,0,0,0,1.688,1.688h5.624a1.491,1.491,0,0,0,1.688-1.688h0Zm27,0v-5.624a1.491,1.491,0,0,0-1.688-1.688h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624a1.491,1.491,0,0,0,1.688,1.688h5.624a1.491,1.491,0,0,0,1.688-1.688h0Z"
transform="translate(-277 -898)"/>
</svg>
<span>
<?php echo esc_html(get_the_date()); ?>
</span>
</div>
<?php endif; ?>
</div>
<?php if ($lstCurrentWidget->showExcerpt() && !empty(get_the_excerpt())) : ?>
<div class="listivo-blog-card__excerpt">
<?php the_excerpt(); ?>
</div>
<?php endif; ?>
<?php if ($lstCurrentWidget->showUser() || $lstCurrentWidget->showPublishDate() || $lstCurrentWidget->showReadMore()) : ?>
<div class="listivo-blog-card__bottom">
<div class="listivo-blog-card__meta listivo-blog-card__meta--bottom">
<?php if ($lstCurrentWidget->showUser()) : ?>
<div class="listivo-blog-card__author">
<a
class="listivo-post-author-image"
href="<?php echo esc_url(get_author_posts_url(get_the_author_meta('ID'))); ?>"
title="<?php echo esc_attr(get_the_author()); ?>"
>
<?php
$lstUser = $lstPost->getUser();
if ($lstUser && $lstUser->hasImageUrl()) : ?>
<img
src="<?php echo esc_url($lstUser->getImageUrl('listivo_100_100')); ?>"
alt="<?php echo esc_attr(get_the_author()); ?>"
>
<?php else : ?>
<img
src="<?php echo esc_url(get_avatar_url(get_the_ID())); ?>"
alt="<?php echo esc_attr(get_the_author()); ?>"
>
<?php endif; ?>
</a>
<?php the_author_posts_link(); ?>
</div>
<?php endif; ?>
<?php if ($lstCurrentWidget->showUser() && $lstCurrentWidget->showPublishDate()) : ?>
<span class="listivo-blog-card__dot"></span>
<?php endif; ?>
<?php if ($lstCurrentWidget->showPublishDate()) : ?>
<div class="listivo-blog-card__date">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63 72">
<path class="cls-1"
d="M326.5,907v-7.312A1.491,1.491,0,0,0,324.812,898h-1.124A1.491,1.491,0,0,0,322,899.688V907H295v-7.312A1.491,1.491,0,0,0,293.312,898h-1.124a1.491,1.491,0,0,0-1.688,1.688V907h-6.75a6.723,6.723,0,0,0-6.75,6.75v49.5a6.723,6.723,0,0,0,6.75,6.75h49.5a6.723,6.723,0,0,0,6.75-6.75v-49.5a6.723,6.723,0,0,0-6.75-6.75H326.5Zm6.75,4.5a2.167,2.167,0,0,1,2.25,2.25v6.75h-54v-6.75a2.167,2.167,0,0,1,2.25-2.25h49.5Zm-49.5,54a2.167,2.167,0,0,1-2.25-2.25V925h54v38.25a2.167,2.167,0,0,1-2.25,2.25h-49.5Zm15.75-24.188v-5.624A1.491,1.491,0,0,0,297.812,934h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624A1.491,1.491,0,0,0,292.188,943h5.624a1.491,1.491,0,0,0,1.688-1.688h0Zm13.5,0v-5.624A1.491,1.491,0,0,0,311.312,934h-5.624A1.491,1.491,0,0,0,304,935.688v5.624A1.491,1.491,0,0,0,305.688,943h5.624A1.491,1.491,0,0,0,313,941.312h0Zm13.5,0v-5.624A1.491,1.491,0,0,0,324.812,934h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624A1.491,1.491,0,0,0,319.188,943h5.624a1.491,1.491,0,0,0,1.688-1.688h0Zm-13.5,13.5v-5.624a1.491,1.491,0,0,0-1.688-1.688h-5.624A1.491,1.491,0,0,0,304,949.188v5.624a1.491,1.491,0,0,0,1.688,1.688h5.624A1.491,1.491,0,0,0,313,954.812h0Zm-13.5,0v-5.624a1.491,1.491,0,0,0-1.688-1.688h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624a1.491,1.491,0,0,0,1.688,1.688h5.624a1.491,1.491,0,0,0,1.688-1.688h0Zm27,0v-5.624a1.491,1.491,0,0,0-1.688-1.688h-5.624a1.491,1.491,0,0,0-1.688,1.688v5.624a1.491,1.491,0,0,0,1.688,1.688h5.624a1.491,1.491,0,0,0,1.688-1.688h0Z"
transform="translate(-277 -898)"/>
</svg>
<span>
<?php echo esc_html(get_the_date()); ?>
</span>
</div>
<?php endif; ?>
</div>
<div class="listivo-blog-card__bottom-button">
<?php if ($lstCurrentWidget->showReadMore()) : ?>
<a
class="listivo-button-outline listivo-button-outline--v3"
href="<?php echo esc_url(get_the_permalink()); ?>"
title="<?php the_title_attribute(); ?>"
>
<?php echo esc_html(tdf_string('read_more')); ?>
<span class="listivo-button-outline__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="7" height="11"
viewBox="0 0 9 14">
<g>
<g>
<path d="M8.32 6.57L2.023.245c-.284-.327-.587-.327-.907 0L.742.627c-.284.29-.284.6 0 .927l5.443 5.452-5.443 5.452c-.32.327-.32.637 0 .927l.374.381c.32.328.623.328.907 0L8.32 7.442c.285-.29.285-.58 0-.872z"/>
</g>
</g>
</svg>
</span>
</a>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
</div>
</article>
</div>
<?php endforeach; ?>
</div>
<?php
endif;
wp_reset_postdata();
if (!$lstPagination) {
return;
}
$lstPaginationPages = $lstPagination->getPages();
if (count($lstPaginationPages) < 2) {
return;
}
$lstCurrentPage = $lstPagination->getCurrentPage();
?>
<div class="listivo-pagination listivo-pagination--blog">
<div class="listivo-pagination-mobile">
<a
<?php if ($lstCurrentPage === 1) : ?>
class="listivo-pagination-mobile__arrow listivo-pagination-mobile__arrow--disabled listivo-pagination-mobile__arrow--left"
href="#"
<?php else : ?>
class="listivo-pagination-mobile__arrow listivo-pagination-mobile__arrow--left"
href="<?php echo esc_url($lstPagination->getPrevUrl()); ?>"
<?php endif; ?>
>
<i class="fa fa-chevron-left"></i>
</a>
<span class="listivo-pagination-mobile__start">
<?php echo esc_html($lstPagination->getCurrentPage()); ?>
</span>
<span class="listivo-pagination-mobile__middle">/</span>
<span class="listivo-pagination-mobile__end">
<?php echo esc_html($lstPagination->getNumPages()); ?>
</span>
<a
<?php if ($lstCurrentPage === $lstPagination->getNumPages()) : ?>
class="listivo-pagination-mobile__arrow listivo-pagination-mobile__arrow--disabled listivo-pagination-mobile__arrow--left"
href="#"
<?php else : ?>
class="listivo-pagination-mobile__arrow listivo-pagination-mobile__arrow--left"
href="<?php echo esc_url($lstPagination->getNextUrl()); ?>"
<?php endif; ?>
>
<i class="fa fa-chevron-right"></i>
</a>
</div>
<div class="listivo-pagination-desktop">
<div class="listivo-pagination-desktop__inner">
<?php if ($lstCurrentPage > 1) : ?>
<a href="<?php echo esc_url($lstPagination->getPrevUrl()); ?>">
<span class="listivo-pagination-desktop__arrow listivo-pagination-desktop__arrow--left">
<i class="fa fa-chevron-left"></i>
</span>
</a>
<?php endif; ?>
<?php foreach ($lstPaginationPages as $lstPage) : ?>
<?php if (!empty($lstPage['url'])) : ?>
<a
href="<?php echo esc_url($lstPage['url']); ?>"
<?php if ($lstPage['isCurrent']) : ?>
class="listivo-pagination-desktop__page listivo-pagination-desktop__page--active"
<?php else : ?>
class="listivo-pagination-desktop__page"
<?php endif; ?>
>
<?php echo esc_html($lstPage['num']); ?>
</a>
<?php else : ?>
<div class="listivo-pagination-desktop__page">
...
</div>
<?php endif; ?>
<?php endforeach; ?>
<?php if ($lstCurrentPage < $lstPagination->getNumPages()) : ?>
<a href="<?php echo esc_url($lstPagination->getNextUrl()); ?>">
<span class="listivo-pagination-desktop__arrow listivo-pagination-desktop__arrow--right">
<i class="fa fa-chevron-right"></i>
</span>
</a>
<?php endif; ?>
</div>
</div>
</div>