|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/laciasmara.com/public_html/shop/application/modules/blog/views/3/ |
Upload File : |
<div class="blog_page">
<div class="wrapp2">
<div class="wrapp3">
<h2 class="blog_top_heading">Blog</h2>
<div class="product_browse blog">
<div class="blog_item row">
<?php $count = 0; ?>
<?php foreach ($blogs as $blog) : ?>
<?php $count++; ?>
<div class="col-md-4">
<div class="blog_img">
<?php if (!empty($blog->video_link)) : ?>
<img title="<?= $blog->alias; ?>" alt="<?= $blog->alias; ?>" style="cursor:pointer" data-toggle="modal" data-target="#myModal<?= $count; ?>" src="<?= base_url() . 'uploads/blog/' . $blog->image1; ?>">
<!-- Modal -->
<div class="modal fade bs-modal-lg" id="myModal<?= $count; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto;">
<div class="scroller" style="overflow: hidden; width: auto;" data-always-visible="1" data-rail-visible1="1" data-initialized="1">
<div class="row">
<div class="youtube col-md-12" style="height: 600px;">
<iframe id="yutub<?= $count; ?>" class="blog_img" src="<?= $blog->video_link; ?>?enablejsapi=1&version=3&playerapiid=ytplayer" allowscriptaccess="always" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" scrolling="no" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal" onclick="stop()" style="background-color:<?= $primary_colortheme; ?>; color: white;">Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="blog_desc">
<h3 class="judul" style=" padding-top: -10px;">
<a style="color:<?= $primary_colortheme; ?>; font-size: 18px; " href="" data-toggle="modal" data-target="#myModal<?= $count; ?>">
<?= $blog->blog; ?></a>
</h3>
<p class="description"><?= $blog->short_description; ?></p>
</div>
</div>
<?php else : ?>
<?php if ($this->session->userdata('site_lang') == 'english') : ?>
<a style="color:<?= $primary_colortheme; ?>; font-size: 18px; " href="<?= base_url() . 'blog/' . strtolower($blog->alias_en); ?>">
<?php else : ?>
<a style="color:<?= $primary_colortheme; ?>; font-size: 18px; " href="<?= base_url() . 'blog/' . strtolower($blog->alias); ?>">
<?php endif; ?>
<img title="<?= $blog->alias; ?>" alt="<?= $blog->alias; ?>" src="<?= base_url() . 'uploads/blog/' . $blog->image1; ?>"></a>
</div>
<div class="blog_desc">
<h3 class="judul" style=" padding-top: -10px;">
<a style="color:<?= $primary_colortheme; ?>; font-size: 18px; " href="<?= base_url() . 'blog/' . strtolower($blog->alias); ?>">
<?= $blog->blog; ?></a>
</h3>
<p class="description"><?= $blog->short_description; ?></p>
</div>
</div>
<?php endif; ?>
<script type="text/javascript">
function stop() {
$('#yutub<?= $count; ?>')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
}
$(".modal").on('hidden.bs.modal', function(e) {
$('#yutub<?= $count; ?>')[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
});
</script>
<?php endforeach; ?>
</div>
</div>
<!-- <div class="pagination">
<ul>
<li class="active"><a href="#">1</a></li>
<li class=""><a href="#">2</a></li>
<li class=""><a href="#">3</a></li>
<li class=""><a href="#">4</a></li>
<li class=""><a href="#">5</a></li>
<li class=""><a href="#">6</a></li>
</ul>
</div> -->
</div>
<!-- <div class="blog_filter">
<ul class="product_filter">
<div class="filter_wrapp">
<div id="accordion">
<h2 class="accordion-toggle"> 04/18<span class="arrow arrowUp"></span></h2>
<div class="accordion-content default">
<ul class="blog_archive_right">
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
</ul>
</div>
<h2 class="accordion-toggle">05/18 <span class="arrow arrowDown"></span></h2>
<div class="accordion-content">
<ul class="blog_archive_right">
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
</ul>
</div>
<h2 class="accordion-toggle">06/18 <span class="arrow arrowDown"></span></h2>
<div class="accordion-content">
<ul class="blog_archive_right">
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
<li><a href="#">Connecting Leaders Indonesia 2018</a></li>
</ul>
</div>
</div>
</div>
</ul>
</div> -->
</div>
</div>