Skip to content

Commit

Permalink
progress plus minus menu sidebar mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
dickysudaryatmo committed Aug 28, 2022
1 parent 4106ff9 commit 5a2199f
Show file tree
Hide file tree
Showing 114 changed files with 48 additions and 32 deletions.
2 changes: 1 addition & 1 deletion application/views/nicepage/partials/header.php
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,7 @@ function build_nav_menu($menu_parent_id = 0 ,$state_menu_id, $class_menu ='menu-
$base_url = $menu_item['link'];
}
// create link
$a_link_menu = '<a '. $ahref_ttr .' href="'. $base_url .'">';
$a_link_menu = '<a style="width: 100%;" class="parent-menu-'.$menu_item['id_menu'].'" '. $ahref_ttr .' href="'. $base_url .'">';
$a_link_menu .= $menu_item['nama_menu'];
$a_link_menu .= '</a>';
// end
Expand Down
2 changes: 1 addition & 1 deletion application/views/nicepage/sections/section_about.php
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
<div class="body-container shadow" style="border-radius: 15px;">
<div class="row">
<div class="col-lg-6 valign">
<img style="border-top-left-radius: 15px;border-bottom-left-radius: 15px;" src="<?php echo base_url();?>asset/foto_statis/<?php echo $hal['gambar'];?>" alt="<?php echo $hal['judul'];?>">
<img class="border-radius-img" src="<?php echo base_url();?>asset/foto_statis/<?php echo $hal['gambar'];?>" alt="<?php echo $hal['judul'];?>">
</div>
<!-- -->
<div class="col-lg-6 valign">
Expand Down
8 changes: 4 additions & 4 deletions application/views/nicepage/sections/section_feature.php
Original file line number Diff line number Diff line change
Expand Up @@ -124,9 +124,9 @@
<?php $class_is_grid_variant = ($grid_variant == true) ? 'd-block d-md-none' : '';?>
<center>
<div class="row">
<div class="col-md-3"></div>
<div class="mb-4 col-md-6 col-12">
<div class="body-container animate shadow" style="border-radius: 15px;">
<div class="col-md-3 col-1"></div>
<div class="mb-4 col-md-6 col-10">
<div class="body-container animate shadow-team-card" style="border-radius: 15px;">
<img style="border-top-left-radius: 15px;border-top-right-radius: 15px;" src="<?php echo base_url();?>asset/foto_statis/<?php echo $hal['gambar'];?>" alt="<?php echo $hal['judul'];?>">
<a href="<?php echo base_url('halaman/detail/'.$hal['judul_seo']);?>" >
<h4 class="body-title center">
Expand All @@ -139,7 +139,7 @@
</div>
</div>
</div>
<div class="col-md-3"></div>
<div class="col-md-3 col-1"></div>
</div>
</center>
</div>
Expand Down
3 changes: 2 additions & 1 deletion application/views/nicepage/sections/section_testimonial.php
Original file line number Diff line number Diff line change
Expand Up @@ -17,8 +17,9 @@
t.photo as photo
FROM
tbl_nicepage_testimoni t
ORDER BY nama ASC LIMIT 0,".$section_testimonial['jumlah']
ORDER BY nama ASC"
)->result_array();

}
?>

Expand Down
Binary file removed captcha/1661608800.1446.jpg
Binary file not shown.
Binary file removed captcha/1661608944.0673.jpg
Binary file not shown.
Binary file removed captcha/1661608987.9686.jpg
Binary file not shown.
Binary file removed captcha/1661609095.3848.jpg
Binary file not shown.
Binary file removed captcha/1661609421.7232.jpg
Binary file not shown.
Binary file removed captcha/1661609578.4849.jpg
Binary file not shown.
Binary file removed captcha/1661609628.0588.jpg
Binary file not shown.
Binary file removed captcha/1661610026.3858.jpg
Binary file not shown.
Binary file removed captcha/1661610400.5818.jpg
Binary file not shown.
Binary file removed captcha/1661610559.1929.jpg
Binary file not shown.
Binary file removed captcha/1661610643.4905.jpg
Binary file not shown.
Binary file removed captcha/1661610781.2303.jpg
Binary file not shown.
Binary file removed captcha/1661610826.0412.jpg
Binary file not shown.
Binary file removed captcha/1661610906.8337.jpg
Binary file not shown.
Binary file removed captcha/1661610940.8823.jpg
Binary file not shown.
Binary file removed captcha/1661611022.756.jpg
Binary file not shown.
Binary file removed captcha/1661611027.2341.jpg
Binary file not shown.
Binary file removed captcha/1661611173.3539.jpg
Binary file not shown.
Binary file removed captcha/1661611300.5135.jpg
Binary file not shown.
Binary file removed captcha/1661611552.9351.jpg
Binary file not shown.
Binary file removed captcha/1661611943.485.jpg
Binary file not shown.
Binary file removed captcha/1661612104.5656.jpg
Binary file not shown.
Binary file removed captcha/1661612258.8061.jpg
Binary file not shown.
Binary file removed captcha/1661612473.9553.jpg
Binary file not shown.
Binary file removed captcha/1661612528.3495.jpg
Binary file not shown.
Binary file removed captcha/1661612543.9543.jpg
Diff not rendered.
Binary file removed captcha/1661612558.599.jpg
Diff not rendered.
Binary file removed captcha/1661612620.5089.jpg
Diff not rendered.
Binary file removed captcha/1661612665.2128.jpg
Diff not rendered.
Binary file removed captcha/1661613387.9973.jpg
Diff not rendered.
Binary file removed captcha/1661614216.0539.jpg
Diff not rendered.
Binary file removed captcha/1661614528.859.jpg
Diff not rendered.
Binary file removed captcha/1661614557.9944.jpg
Diff not rendered.
Binary file removed captcha/1661614614.8867.jpg
Diff not rendered.
Binary file removed captcha/1661614740.0965.jpg
Diff not rendered.
Binary file removed captcha/1661614858.6205.jpg
Diff not rendered.
Binary file removed captcha/1661614891.3566.jpg
Diff not rendered.
Binary file removed captcha/1661614925.2122.jpg
Diff not rendered.
Binary file removed captcha/1661614982.4654.jpg
Diff not rendered.
Binary file removed captcha/1661614999.4228.jpg
Diff not rendered.
Binary file removed captcha/1661615006.4958.jpg
Diff not rendered.
Binary file removed captcha/1661615036.3629.jpg
Diff not rendered.
Binary file removed captcha/1661615504.9377.jpg
Diff not rendered.
Binary file removed captcha/1661615758.6876.jpg
Diff not rendered.
Binary file removed captcha/1661615835.9966.jpg
Diff not rendered.
Binary file added captcha/1661655100.8008.jpg
Binary file added captcha/1661655190.0989.jpg
Binary file added captcha/1661655643.9978.jpg
Binary file added captcha/1661655674.2285.jpg
Binary file added captcha/1661656517.6931.jpg
Binary file added captcha/1661656634.6071.jpg
Binary file added captcha/1661656650.2222.jpg
Binary file added captcha/1661657343.7295.jpg
Binary file added captcha/1661657607.0378.jpg
Binary file added captcha/1661657619.4356.jpg
Binary file added captcha/1661657773.1293.jpg
Binary file added captcha/1661657782.445.jpg
Binary file added captcha/1661657822.079.jpg
Binary file added captcha/1661657880.0791.jpg
Binary file added captcha/1661657895.9502.jpg
Binary file added captcha/1661657899.1987.jpg
Binary file added captcha/1661657927.2515.jpg
Binary file added captcha/1661657973.5486.jpg
Binary file added captcha/1661658308.4899.jpg
Binary file added captcha/1661658372.1278.jpg
Binary file added captcha/1661658401.3911.jpg
Binary file added captcha/1661658477.5095.jpg
Binary file added captcha/1661658830.2798.jpg
Binary file added captcha/1661658871.6144.jpg
Binary file added captcha/1661659635.588.jpg
Binary file added captcha/1661659714.8466.jpg
Binary file added captcha/1661659805.8777.jpg
Binary file added captcha/1661659871.8627.jpg
Binary file added captcha/1661659891.2137.jpg
Binary file added captcha/1661660244.8761.jpg
Binary file added captcha/1661660276.8036.jpg
Binary file added captcha/1661660380.4792.jpg
Binary file added captcha/1661660522.3951.jpg
Binary file added captcha/1661660535.6553.jpg
39 changes: 21 additions & 18 deletions template/nicepage/css/nav-responsive.css
Original file line number Diff line number Diff line change
Expand Up @@ -80,27 +80,11 @@ body.responsive-menu-hide > .responsive-menu {
.responsive-menu .menu-content ul.sidemenu ul.sub-menu li a,
.responsive-menu .menu-content ul.sidemenu li a {
color: #f7f7f7;
display: block;
display: inline-block;
padding: 10px;
}

.responsive-menu .menu-content ul.sidemenu li.menu-item-has-children ul.sub-menu-mobile-194 {
display: none;
}

.responsive-menu .menu-content ul.sidemenu li.menu-item-has-children ul.sub-menu-mobile-189 {
display: none;
}

.responsive-menu .menu-content ul.sidemenu li.menu-item-has-children ul.sub-menu-mobile-201 {
display: none;
}

.responsive-menu .menu-content ul.sidemenu li.menu-item-has-children ul.sub-menu-mobile-202 {
display: none;
}

.responsive-menu .menu-content ul.sidemenu li.menu-item-has-children ul.sub-menu-mobile-203 {
.responsive-menu .menu-content ul.sidemenu li.menu-item-has-children ul.sub-menu {
display: none;
}

Expand All @@ -116,6 +100,10 @@ body.responsive-menu-hide > .responsive-menu {
display: none!important;
}

.show-element-inline {
display: inline-block!important;
}

/* responsive devices start */
/* For Desktop View */
@media screen and (min-width: 1024px) {
Expand All @@ -125,6 +113,10 @@ body.responsive-menu-hide > .responsive-menu {
background-repeat:no-repeat!important;
height:100vh!important;
}
.border-radius-img {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
}

/* For Tablet View */
Expand All @@ -136,6 +128,10 @@ body.responsive-menu-hide > .responsive-menu {
background-repeat:no-repeat!important;
height:50vh;
}
.border-radius-img {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
}

/* For iPhone 4 Portrait or Landscape View */
Expand All @@ -147,6 +143,13 @@ body.responsive-menu-hide > .responsive-menu {
height:50vh;

}
.border-radius-img {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.section #carouselTestimonial ol.carousel-indicators li {
height: 6px;
}
}

/* For iPhone 5 Portrait or Landscape View */
Expand Down
26 changes: 19 additions & 7 deletions template/nicepage/js/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -183,16 +183,19 @@ $(function(){

});

$('#responsive-menu').on('click', '#menu-item-194', function(e){
$('#responsive-menu').on('click', '.parent-menu-194', function(e){
e.preventDefault()
$('.sub-menu-mobile-194').addClass('show-element')
$('.sub-menu-mobile-189').removeClass('show-element')
console.log('testing');
$('.sub-menu-mobile-194').toggleClass('show-element')
$('.menu-194-plus').toggleClass('show-element-inline')
$('.menu-194-minus').toggleClass('hide-element')
})

$('#responsive-menu').on('click', '#menu-item-189', function(e){
$('#responsive-menu').on('click', '.parent-menu-189', function(e){
e.preventDefault()
$('.sub-menu-mobile-189').addClass('show-element')
$('.sub-menu-mobile-194').removeClass('show-element')
$('.sub-menu-mobile-189').toggleClass('show-element')
$('.menu-189-plus').toggleClass('show-element-inline')
$('.menu-189-minus').toggleClass('hide-element')
})

$('#responsive-menu').on('click', '#menu-item-201', function(e){
Expand All @@ -211,4 +214,13 @@ $('#responsive-menu').on('click', '#menu-item-203', function(e){
e.preventDefault()
$('.sub-menu-mobile-202').toggleClass('show-element')
console.log('lv 2')
})
})

if ($("#responsive-menu").length) {
$('.parent-menu-194').append('<i style="float: right;margin-top: 3%;display:none;" class="fa fa-plus menu-194-plus show-element-inline" aria-hidden="true"></i><i style="float: right;margin-top: 3%;display:inline-block;" class="fa fa-minus menu-194-minus hide-element" aria-hidden="true"></i>')

$('.parent-menu-189').append('<i style="float: right;margin-top: 3%;display:none;" class="fa fa-plus menu-189-plus show-element-inline" aria-hidden="true"></i><i style="float: right;margin-top: 3%;display:inline-block;" class="fa fa-minus menu-189-minus hide-element" aria-hidden="true"></i>')

}


0 comments on commit 5a2199f

Please sign in to comment.