View file blog/templates/blog/index.html

<div class="page-margin">
	<div class="valign pg_page_title">
        <h4><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 22H5a3 3 0 0 1-3-3V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12h4v4a3 3 0 0 1-3 3zm-1-5v2a1 1 0 0 0 2 0v-2h-2zM6 7v2h8V7H6zm0 4v2h8v-2H6zm0 4v2h5v-2H6z"></path></svg></span><?php echo $context['category_name'];?></h4>
		<!--<span><?php echo $context['category_desc'];?></span>-->
		<?php if ($config['allow_user_create_blog'] == 'on') { ?>
			<a href="<?php echo link('blog/new');?>" data-ajax="ajax_loading.php?app=blog&apph=blog&new=true" class="btn btn-main btn-mat"><?php echo lang('create_blog_bost');?></a>
		<?php } ?>
    </div>
	<div class="row">
		<div class="col-md-8">
			<?php if ($config['ad1']) { ?>
				<div class="row">
					<div class="col-md-12">
						<?php echo $config['ad1'] ; ?>
					</div>
				</div><br>
			<?php } ?>
			<div class="home-posts-container">
				<?php
					if ($context['blogs']) {
						foreach ($context['blogs'] as $key => $post_data) {
						include 'includes/list.html';
						}
					} else{
						include 'includes/no-articles-found.html';
					}
				?>
			</div>
			<div class="posts__loader hidden">
				<div id="pp_loader"><div class="speeding_wheel"></div></div>
			</div>
		</div>
		<div class="col-md-4">
			<?php include 'includes/sidebar.html'; ?>
		</div>
	</div>
</div>

<script>
    function ad_click(id) {
        $.post(link('profile/ad_click'), {id: id}, function(data, textStatus, xhr) {});
    }

    function show_m_reprted(post_id) {
        $('.show_m_reprted-'+post_id).hide('slow');
        $('.text_m_reprted-'+post_id).hide('slow');
    }
    jQuery(document).ready(function() {jQuery('.custom-fixed-element').theiaStickySidebar({additionalMarginTop: 65});});
    var pxScrolled = 180;
    $(window).scroll(function() {
        if ($(this).scrollTop() > pxScrolled) {
            $('.add-post-bf--controls').css({'bottom': '32px', 'transition': '.3s'});
        } else {
            $('.add-post-bf--controls').css({'bottom': '-60px'});
        }
    });
    jQuery(document).ready(function($) {
        var scrolled = 0;
        var last_id  = 0;
        var posts_cn = $('.home-posts-container');

        $(window).scroll(function() {
            if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
                if (scrolled == 0 && $('.home-posts-container').length > 0 && $('.home-posts-container').attr('data-there-posts') != 'no_posts') {
                    scrolled = 1;
                    posts_cn.siblings('.posts__loader').removeClass('hidden');
                    if ($('[data-article-id]').length > 0) {
                        last_id  = $('[data-article-id]').last().data('article-id');
                    }

                    $.ajax({
                        url: link('blogs/load-tl-articles'),
                        type: 'GET',
                        dataType: 'json',
                        data: {offset:last_id},
                    }).done(function(data) {
                        if (data.status == 200) {
                            posts_cn.append($(data.html));
                            scrolled = 0;
                            if (data.html == '') {
                                $('.home-posts-container').attr('data-there-posts','no_posts');
                            }
                        }
                        else{
                            $(window).unbind('scroll');
                        }
                        posts_cn.siblings('.posts__loader').addClass('hidden');
                    });
                }
            }
        });
    });
</script>

<?php include $context['dirname_theme'].'/main/templates/modals/delete-article.html';?>