|
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/blue-sky.co.id/public_html/application/views/themes/1/ |
Upload File : |
<div class="div_order_sample_pack" style="">
<a style="" class="browserButton" href="<?= base_url('form/sample_kain'); ?>">
<?= str_replace(' ', '<br>', strtoupper(lang('pesan_katalok_kain'))); ?>
</a>
</div>
<style>
#mt-main {
cursor: pointer;
}
.pagi_pagination{
/*font-size: 23px;*/
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
.pagi_firstlink,
.pagi_lastlink,
.pagi_nextlink,
.pagi_prevlink,
.pagi_curlink,
.pagi_numlink{
display: inline-block;
vertical-align: top;
font-size: 2.3rem;
font-weight: bold;
margin: 0 2.5px;
}
.pagi_firstlink a:hover,
.pagi_lastlink a:hover,
.pagi_nextlink a:hover,
.pagi_prevlink a:hover,
.pagi_curlink a:hover,
.pagi_numlink a:hover{
border-left-color: #02b0af;
background-color: #02b0af;
border-color: #02b0af;
border-left-color: rgb(255, 183, 77);
color: #fff;
text-decoration: none;
}
.pagi_curlink{
border-radius: 4px;
text-align: center;
width: 3rem;
height: 3rem;
line-height: 3rem;
margin-left: -1px;
color: #2f3640;
text-decoration: none;
transition: 0.3s;
border-left-color: #02b0af;
background-color: #02b0af;
border-color: #02b0af;
border-left-color: rgb(255, 183, 77);
color: #fff;
text-decoration: none;
}
.pagi_firstlink a,
.pagi_lastlink a,
.pagi_nextlink a,
.pagi_prevlink a,
.pagi_curlink a,
.pagi_numlink a{
position: relative;
border-radius: 4px;
display: block;
text-align: center;
width: 3rem;
height: 3rem;
line-height: 3rem;
margin-left: -1px;
color: #2f3640;
text-decoration: none;
transition: 0.3s;
}
</style>
<style>
div.title_page_mobile{
display: none;
color: #494949;
}
div.title_page_mobile div.col-xs-12{
text-align: center;
}
div.title_page_mobile h1{
text-transform: capitalize;
border-bottom: 3px solid #ecb55b;
display: inline-block;
font-size: 27px;
}
@media only screen and (max-width: 991px) {
.mt-about-sec {
padding: 30px 0 0px;
}
.mt-contact-banner.style4{
padding-top: 10px !important;
margin-top: 10px !important;
height: 180px;
background-size: cover;
background-repeat: no-repeat;
}
div.title_page_desktop{
display: none;
}
div.title_page_mobile{
display: block;
padding-top: 80px;
}
}
</style>
<?php
$q_config_page = $this->db->select("
page_val1,
page_val2,
page_val3,
page_val4,
page_val5
")->get_where("configuration",array(
"id_configuration"=>1
))->row();
$t_page_name = $this->session->userdata('site_lang') == 'english' ? explode('||', $q_config_page->page_val1)[1] : explode('||', $q_config_page->page_val1)[0];
?>
<main id="mt-main">
<div class="container title_page_mobile">
<div class="row">
<div class="col-xs-12">
<h1><?= $t_page_name; ?></h1>
</div>
</div>
</div>
<!-- Mt Contact Banner of the Page -->
<?php $banner = $this->db->select('jenis_kain_banner')->from('configuration')->where('id_configuration',1)->get()->row(); ?>
<section class="mt-contact-banner style4" style="background-image: url(<?=base_url('uploads/blog/'.$banner->jenis_kain_banner)?>); padding-top: 60px;">
<div class="container title_page_desktop">
<div class="row">
<div class="col-xs-12 text-center" style="padding-top: 40px;">
<h1><?= strtoupper($t_page_name); ?></h1>
</div>
</div>
</div>
</section><!-- Mt Contact Banner of the Page end -->
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 wow fadeInRight" data-wow-delay="0.4s">
<!-- mt shoplist header start here -->
<!-- mt shoplist header end here -->
<div id="parent_tbl_all_list_kainkami">
</div>
<div style="width: 95%;z-index: 3;padding-right: 17px;">
<header class="mt-shoplist-header" style="padding-bottom: 0px;z-index: 3;">
<div class="div_order_sample_pack_mobile btn-box" style="">
<ul class="list-inline">
<li>
<a onclick="window.location.href='<?= base_url('form/sample_kain'); ?>'" style="background: #02b0af;color: white; border-color: #02b0af;" href="<?= base_url('form/sample_kain'); ?>" class="drop-link">
<?= ucwords(lang('pesan_katalok_kain')); ?>
</a>
<!-- <div class="drop">
<ul class="list-unstyled">
<li><a href="#">ASC</a></li>
<li><a href="#">DSC</a></li>
</ul>
</div> -->
</li>
</ul>
</div>
<!-- btn-box start here -->
<div class="btn-box" style="margin-bottom: 0px;">
<ul class="list-inline parent_all_list_drop">
<li class="li_all_list_drop">
<a style="padding:0px;border:none;" id="a_all_list_kainkami" href="#" class="drop-link">
<?= ucfirst(lang('pilih')); ?><i aria-hidden="true" class="fa fa-angle-down"></i>
</a>
<div class="drop" style="height: unset;">
<ul class="list-unstyled">
<!-- <li>
<a href="#">Bawa Bahan Sendiri</a>
</li>
<li>
<a href="#" class="new_item">
Blacu <button disabled="disabled" class="text_new btn btn-sm">New</button>
</a>
</li> -->
<?php $no=0; foreach ($all_jenis_kain as $key) : $no++ ?>
<li>
<!-- <a href="#this-product<?=$no?>"><?= $this->session->userdata('site_lang') == 'english' ? $key->title_en : $key->title?></a> -->
<!-- onclick="modal(<?= $key->id_home_slideshow; ?>)" -->
<a data-idx="<?= $no; ?>" href="#id-this-product<?= $no; ?>"><?= $this->session->userdata('site_lang') == 'english' ? $key->title_en : $key->title?></a>
</li>
<?php endforeach ?>
</ul>
</div>
</li>
</ul>
</div><!-- btn-box end here -->
<!-- mt-textbox start here -->
<!-- <div class="mt-textbox">
<p>Showing <strong>10</strong> of <strong>65</strong> results</p>
</div> -->
<!-- mt-textbox end here -->
</header>
</div>
<style>
.owl-prev {
width: 15px;
height: 100px;
position: absolute;
top: 40%;
margin-left: 20px;
display: block !important;
border:0px solid black;
}
.owl-next {
width: 15px;
height: 100px;
position: absolute;
top: 40%;
right: 20px;
display: block !important;
border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(2,2); color: #fff; opacity: 0.7}
.owl-next:focus, .owl-prev:focus {
outline: 0;
}
</style>
<div>
<?php
echo $this->pagination->create_links();
?>
</div>
<?php
$product=($per_page*$cur_page)-10;
if ($cur_page == 1 || $cur_page == null) {
$product=0;
}
foreach ($jenis_kain as $item) :
$product++
?>
<div id="id-this-product<?= $product; ?>" class="product-post" style="padding-bottom: 30px;">
<!-- img holder start here -->
<div class="img-holder" style="position: relative;">
<!-- <i class="open_zoom_image"></i> -->
<!-- <img class="zoom" src="https://www.canvaswebdesign.com/shrelo3/images/kain1.jpg" alt="image description"> -->
<div class="owl-carousel owl-theme">
<?php if($item->image!='') : ?>
<div class="item zoom">
<div class="visual_parent_imgzoom"></div>
<div class="parent_imgzoom">
<img src="<?=base_url('uploads/banners/'.$item->image)?>" />
<i class="open_zoom_image fa fa-search"></i>
</div>
</div>
<?php else : ?>
<!-- <img src="<?=base_url('uploads/banners/no_image.jpg')?>" /> -->
<?php endif; ?>
<?php if($item->image_mobile!='') : ?>
<div class="item zoom">
<div class="visual_parent_imgzoom"></div>
<div class="parent_imgzoom">
<img src="<?=base_url('uploads/banners/'.$item->image_mobile)?>" />
<i class="open_zoom_image fa fa-search"></i>
</div>
</div>
<?php else : ?>
<!-- <img src="<?=base_url('uploads/banners/no_image.jpg')?>" /> -->
<?php endif; ?>
<?php if($item->image3!='') : ?>
<div class="item zoom">
<div class="visual_parent_imgzoom"></div>
<div class="parent_imgzoom">
<img src="<?=base_url('uploads/banners/'.$item->image3)?>" />
<i class="open_zoom_image fa fa-search"></i>
</div>
</div>
<?php else : ?>
<!-- <img src="<?=base_url('uploads/banners/no_image.jpg')?>" /> -->
<?php endif; ?>
<?php if($item->image4!='') : ?>
<div class="item zoom">
<div class="visual_parent_imgzoom"></div>
<div class="parent_imgzoom">
<img src="<?=base_url('uploads/banners/'.$item->image4)?>" />
<i class="open_zoom_image fa fa-search"></i>
</div>
</div>
<?php else : ?>
<!-- <img src="<?=base_url('uploads/banners/no_image.jpg')?>" /> -->
<?php endif; ?>
<?php if($item->image5!='') : ?>
<div class="item zoom">
<div class="visual_parent_imgzoom"></div>
<div class="parent_imgzoom">
<img src="<?=base_url('uploads/banners/'.$item->image5)?>" />
<i class="open_zoom_image fa fa-search"></i>
</div>
</div>
<?php else : ?>
<!-- <img src="<?=base_url('uploads/banners/no_image.jpg')?>" /> -->
<?php endif; ?>
</div>
</div>
<!-- img holder end here -->
<!-- txt holder start here -->
<div class="txt-holder">
<!-- align left start here -->
<div class="align-left">
<strong class="title"><a id="kain1" href="#" style="font-size: 20px; color:black;"><?= $this->session->userdata('site_lang') == 'english' ? strtoupper($item->title_en) : strtoupper($item->title) ?></a></strong>
<table class="table table-striped">
<tr style="background:#0094ba;">
<td style="width: 50%; font-weight: bold; color:white;"><?= strtoupper(lang('ukuran_lebar')); ?></td>
<td style="width: 50%; font-weight: bold; color:white;"><?= strtoupper(lang('harga_permeter')); ?></td>
</tr>
<?php
$details = $this->db->select('*')->from('jenis_kain_detail')->where('product_id',$item->id_home_slideshow)->where('ukuran_lebar !=','')->where('harga_permeter !=','')->get()->result();
?>
<?php foreach ($details as $detail) : ?>
<tr>
<td style="width: 50%"><?= $detail->ukuran_lebar ?></td>
<td style="width: 50%">IDR <?= number_format($detail->harga_permeter) ?></td>
</tr>
<?php endforeach ?>
</table>
<table class="table table-striped">
<tr style="background:#0094ba;">
<td style="width: 50%; font-weight: bold; color:white;">PARAMETER</td>
<td style="width: 50%; font-weight: bold; color:white;"></td>
</tr>
<?php
$parameter = explode(',',$item->banner_link);
$parameter_en = explode(',',$item->banner_link_en);
?>
<?php if($this->session->userdata('site_lang') == 'english') : ?>
<tr>
<?php foreach($parameter_en as $ii => $par_en) : ?>
<?php
if ($ii != 0 && $ii++ % 2 == 0) {
echo '</tr><tr>';
}
echo '<td>'.str_replace('*', '<i class="fa fa-star"></i>', ucwords($par_en)).'</td>';
?>
<?php endforeach ?>
</tr>
<?php else : ?>
<tr>
<?php foreach($parameter as $i => $par) : ?>
<?php
if ($i != 0 && $i++ % 2 == 0) {
echo '</tr><tr>';
}
echo '<td>'.str_replace('*', '<i class="fa fa-star"></i>', ucwords($par)).'</td>';
?>
<?php endforeach ?>
</tr>
<?php endif ?>
</table>
<p style="text-align: justify;">
<table class="table">
<tbody>
<tr style="background:#0094ba;">
<td style="width: 50%; font-weight: bold; color:white;"><?= strtoupper(lang('deskripsi')); ?></td>
</tr>
<tr>
<td style="text-align: justify;">
<?= $this->session->userdata('site_lang') == 'english' ? $item->text_content_en : $item->text_content ?>
</td>
</tr>
</tbody>
</table>
</p>
<!-- Estimasi penyusutan : 1%-3% -->
<p>
<style type="text/css">
.tbl_cocok_untuk_produk>tbody>tr>td {
border-top: 1px solid white;
}
</style>
<table class="table tbl_cocok_untuk_produk">
<tbody>
<tr style="background:#0094ba;">
<td colspan="3" style="width: 50%; font-weight: bold; color:white;"><?= strtoupper(lang('cocok_untuk_produk')); ?></td>
</tr>
<?php
$kategori_jenis_kain = $this->db->select('title, title_en,alias,alias_en')->from('category_jeniskain')->join('products','category_jeniskain.id_category=products.id_products')->where('category_jeniskain.id_product',$item->id_home_slideshow)->get()->result();
?>
<tr>
<?php foreach($kategori_jenis_kain as $x => $item2) : ?>
<?php
if ($x != 0 && $x++ % 3 == 0) {
echo '</tr><tr>';
}
echo $this->session->userdata('site_lang') == 'english' ? '<td><a href="'.base_url("product/").$item2->alias_en.'">'.$item2->title_en.'</a></td>' : '<td><a href="'.base_url("product/").$item2->alias.'">'.$item2->title.'</a></td>';
?>
<?php endforeach ?>
</tr>
</tbody>
</table>
</p>
</div><!-- align left end here -->
</div><!-- txt holder end here -->
</div><!-- product post end here -->
<?php endforeach; ?>
<?php
echo $this->pagination->create_links();
?>
<!-- mt pagination start here -->
<!--<nav class="mt-pagination">
<ul class="list-inline">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</nav> mt pagination end here -->
</div>
</div>
</div>
</main><!-- mt main end here -->
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Informasi Kain BSY</h4>
</div>
<div class="modal-body">
<div>
<img id="img" style="height: 300px; width:100%; object-fit: cover; margin-bottom: 15px;border-radius: 4px;" src="https://www.canvaswebdesign.com/shrelo3/images/kain-potong1.jpg" alt="image description">
</div>
<strong class="title"><a id="kain1" href="#" style="font-size: 20px; color:black;">BSY</a></strong>
<table class="table table-striped">
<thead>
<tr style="background:#0094ba;">
<td style="width: 50%; font-weight: bold; color:white;"><?=strtoupper((lang('ukuran_lebar')))?></td>
<td style="width: 50%; font-weight: bold; color:white;"><?=strtoupper((lang('harga_permeter')))?></td>
</tr>
</thead>
<tbody id="detail">
</tbody>
</table>
<table class="table table-striped">
<thead>
<tr style="background:#0094ba;">
<td style="width: 50%; font-weight: bold; color:white;">PARAMETER</td>
<td style="width: 50%; font-weight: bold; color:white;"></td>
</tr>
</thead>
<style>
#param tr td {
text-transform: capitalize;
}
</style>
<tbody id="param">
</tbody>
</table>
<div id="desc">
<p style="text-align: justify;">Detail : Bahan 100% polyester (polyster fabric), dengan tenunan serupa kain katun. Berbeda dengan BSY jepang yang tebal dan permukaannya lebih kasar, BSY ini halus dan dapat digunakan untuk aplikasi peralatan bayi. Sifat kainnya yang kuat dan mudah dijahit, menjadikan kain BSY sebagai kain favorit untuk banyak aplikasi.
Area bersih untuk dicetak : 148 cm (gunakan lebar ini untuk cetak kain di lebar 150 cm).</p>
Estimasi penyusutan : 1%-3%</p>
<p>Cocok untuk produk <a href="#" style="color:black;">Dompet dan Pakaian</a></p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script>
function modal(id) {
var url = '<?=base_url('ajax/ajax_daftar_harga')?>';
var lang = '<?=$this->session->userdata('site_lang')?>';
$.ajax({
url: url,
data: {'<?php echo $this->security->get_csrf_token_name(); ?>':'<?php echo $this->security->get_csrf_hash(); ?>',id:id},
type: 'post',
dataType: 'json',
success:function(result){
$('#myModal').modal();
$('#myModal .modal-title').html(lang=='english' ? result.jenis_kain.title_en+' Fabric Information' : 'Informasi Kain '+result.jenis_kain.title);
$('#myModal #kain1').html(lang=='english' ? result.jenis_kain.title_en : result.jenis_kain.title);
$('#myModal #desc').html(lang=='english' ? result.jenis_kain.text_content_en : result.jenis_kain.text_content);
$("#myModal #img").attr('src', result.jenis_kain.image!='' ? '<?=base_url()?>/uploads/banners/'+result.jenis_kain.image : '<?=base_url()?>/uploads/banners/no_image.jpg');
$('#myModal #detail').html('');
for (var i = 0; i < result.jenis_kain_detail[0].length; i++) {
$('#myModal #detail').append('<tr><td style="width: 50%">'+result.jenis_kain_detail[0][i]['ukuran_lebar']+'</td><td style="width: 50%">IDR '+result.jenis_kain_detail[0][i]['harga_permeter']+'</td></tr>');
}
var parameter = result.jenis_kain.banner_link.split (",");
var parameter_en = result.jenis_kain.banner_link_en.split (",");
$('#myModal #param').html('');
var newchar = '<i class="fa fa-star"></i>';
var html ='<tr>';
if(lang=='indonesian') {
$.each(parameter, function(x,par) {
if (x != 0 && x++ % 2 == 0) {
html+='</tr></tr>';
};
html+='<td>'+par.split('*').join(newchar)+'</td>';
});
} else {
$.each(parameter_en, function(x,par) {
if (x != 0 && x++ % 2 == 0) {
html+='</tr></tr>';
};
newchar = '<i class="fa fa-star"></i>';
html+='<td>'+par.split('*').join(newchar)+'</td>';
});
}
$('#myModal #param').html(html);
}
});
}
$(function(){
var ses_jns_kain_scrollTo = sessionStorage.getItem("ses_jns_kain_scrollTo");
if (ses_jns_kain_scrollTo != undefined && ses_jns_kain_scrollTo != null &&
ses_jns_kain_scrollTo != '') {
console.log($("div"+ses_jns_kain_scrollTo));
setTimeout(function(){
$('html,body').animate(
{
scrollTop: $("div"+ses_jns_kain_scrollTo).offset().top - 77
},
'slow');
},200);
sessionStorage.removeItem("ses_jns_kain_scrollTo");
}
$('.list-unstyled a').on('click', function(e){
// alert($('.mt-bottom-bar').height());
e.preventDefault();
var scrollTo = $(this).attr('href');
var this_idx = $(this).data('idx');
var per_page = parseInt("<?= $per_page; ?>");
var to_page = Math.ceil(this_idx/per_page);
to_page = "<?= base_url().'jenis_kain/index/'; ?>"+to_page;
sessionStorage.setItem("ses_jns_kain_scrollTo",scrollTo);
window.location.href = to_page;
});
});
$(document).click(function () {
var this_ele = $("li.li_all_list_drop a.drop-link");
if ($(window).width() <= 990) {
if (this_ele.attr("data-mobile_open") == "true") {
this_ele.attr("data-mobile_open","false");
this_ele.css({
"color":"black",
});
this_ele.parents("li.li_all_list_drop").find("div.drop").css({
"top" : "140%",
"opacity" : "0",
"visibility" : "hidden",
});
}
}
});
</script>