Skip to content

N
NAP-wordpress
Commit a699e6f3 authored by imac's avatar imac
Browse files
Options

[Bugfix/Update]JIRA && Add Loading

parent 5a729d76
Show whitespace changes
Inline Side-by-side
Showing with 147 additions and 101 deletions
wp-content/themes/nap/assets/css/main.css
View file @ a699e6f3
......@@ -1434,6 +1434,7 @@ label.chevron.bottom::first-letter {
font-size: 9px;
line-height: 12px;
margin-top: 4px;
padding: 0 2px;
}
.product-info{
width: 56.5%;
......@@ -2588,6 +2589,7 @@ div.wpcf7-mail-sent-ok{
/* --------------*/ /* ---------->>> Loading <<<-----------*/ /* --------------*/
#loading-container-subpage,
#loading-container{
background-color: #fff;
width: 100%;
......@@ -2599,12 +2601,14 @@ div.wpcf7-mail-sent-ok{
transition: all .2s ease;
z-index: 9999999999999999;
}
#loading-container-subpage{
display: none;
}
#loading-center-absolute {
/* background: url(../img/logo-loader.png) no-repeat center center;*/
position: absolute;
width: 100%;
height: 200px;
height: 38px;
/*opacity: 0.3;*/
background-size: contain;
max-width: 200px;
......@@ -2617,5 +2621,22 @@ div.wpcf7-mail-sent-ok{
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}
.load-4 p {
padding-top: 10px;
}
.ring-1 {
width: 10px;
height: 10px;
margin: 0 auto;
padding: 10px;
border: 7px dashed #182566;
border-radius: 100%;
}
@keyframes loadingD {
0 {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
}
\ No newline at end of file
wp-content/themes/nap/assets/css/responsive.css
View file @ a699e6f3
......@@ -782,7 +782,7 @@
margin-top: 0px;
}
.pa_format ul li {
max-width: 60px;
/*max-width: 60px;*/
margin: 0 10px;
}
/* Page CMS */
......@@ -955,6 +955,9 @@
.panel .product-list article{
width: 145px;
}
.phototheque-content .panel .product-list{
padding: 0px;
}
.panel .product-list article figure{
height: 145px;
width: 145px;
......
wp-content/themes/nap/assets/js/main.js
View file @ a699e6f3
......@@ -47,8 +47,8 @@ $(function(){
},330)
nav.stop().slideToggle();
});
}
$.fn.loadPageContent = function(){
}
$.fn.loadPageContent = function(){
if ($('body').find('header').length > 1){
$('body').find('header').last().parent().remove();
......@@ -96,17 +96,23 @@ $(function(){
$('.gallery-wrapper').removeClass('hidden-elem').addClass('animated visible-elem fadeInUp');
},0)
}
function appendLoading() {
$('.load-page').append($('#loading-container-subpage').clone());
$('#loading-container-subpage').show();
}
//load content page on left Panel
$(document).find('.to-slide').on('click','a',function(e){
$('html').css('overflow','hidden');
appendLoading();
e.preventDefault();
var link = $(this).attr("href"),
windowWidth = $(window).width();
$('.load-page').parent().addClass('active');
history.pushState(null, null, link);
$('.load-page').load(link,function(){
console.log('load page');
$.fn.loadPageContent();
$('#loading-container-subpage').hide();
});
if (windowWidth < 860){
$( ".c-hamburger" ).trigger( "click" );
......@@ -135,14 +141,13 @@ $(function(){
}).on('click','.scrolled',function(){
$(this).removeClass('scrolled');
$("html, body").animate({ scrollTop: 0 }, "slow");
setTimeout(function(){
$('.footer-home-content').find('.nav-content').remove();
//$('.home-footer-nav .nav-wrapper').css('top','initial');
$('.home-down-wrapper').css('top','initial');
$('.footer-home-content').removeClass('fixed');
$('.main').height($(window).innerHeight());
},600)
return false;
});
//Get file name of uploaded file
$('#file-p').on('change',function(e){
......@@ -371,11 +376,11 @@ $(function(){
}
},
});
$(document).on('click', '.moveDown', function(){
$(document).on('click', '.moveDown', function(){
$.fn.fullpage.moveSectionDown();
});
}
$.fn.getMenuBg = function(){
});
}
$.fn.getMenuBg = function(){
var imgSrc = $('header .nav-content > ul').find(' > li.current').data('img'),
windowWidth = $(window).width(),
navwWidth = $('.nav-wrapper').width(),
......@@ -390,8 +395,8 @@ $(function(){
if (windowWidth > 860){
tlBg.to('.container-bg',1.2,{width:navwWidth},0.4);
}
}
$.fn.appendMap = function(){
}
$.fn.appendMap = function(){
var $this = $(this);
if (!(this.find('.map').length)){
this.append($('.map'));
......@@ -399,8 +404,8 @@ $(function(){
setTimeout(function(){
initMap();
},330)
}
$.fn.appendMobileMenu = function(){
}
$.fn.appendMobileMenu = function(){
var $this = $(this);
setTimeout(function(){
if (!($this.find('li.current').length)){
......@@ -411,7 +416,7 @@ $(function(){
$('.right-container').css('padding-top',$this.parent().outerHeight());
},2000)
}
}
//Responsive function
$.fn.responsive = function(){
var footerHeight = $('footer').height(),
......
wp-content/themes/nap/footer.php
View file @ a699e6f3
</div>
<div class="right-panel-wrapper abs-full fixed transition">
<div id="load-page" class="load-page transition"></div>
</div>
<footer class="blue-bg">
<?php wp_footer(); ?>
<div class="footer font-small animated fadeInUp">
......@@ -66,6 +65,19 @@
</div>
</div>
</div>
<div id="loading-container-subpage">
<div class="loading-wrapper">
<div class="loading">
<div id="loading-center-absolute">
<div class="load-4">
<div class="ring-1"></div>
<p class= "center">Loading . . .</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="<?php echo home_url('wp-content/themes/nap/assets/js/jQuery-v1-11.min.js') ?>"></script>
<script src="<?php echo home_url('wp-content/themes/nap/assets/js/jquery-ui.min.js') ?>"></script>
<script src="<?php echo home_url('wp-content/themes/nap/assets/js/vendors/TweenMax.min.js') ?>"></script>
......
wp-content/themes/nap/header.php
View file @ a699e6f3
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js no-svg">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/normalize.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/fonts/stylesheet.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/slick-theme.css') ?>?v=432" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/slick.css') ?>?v=432" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/normalize.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/fonts/stylesheet.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/slick-theme.css') ?>?v=432" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/slick.css') ?>?v=432" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/animate.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/animsition.min.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/main.css') ?>?v=454" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/responsive.css') ?>?v=432" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="images/favicon.png" />
<head>
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/animate.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/animsition.min.css') ?>" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/main.css') ?>?v=454" rel="stylesheet" type="text/css">
<link href="<?php echo home_url('wp-content/themes/nap/assets/css/responsive.css') ?>?v=432" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="images/favicon.png" />
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable = no">
<?php wp_head(); ?>
</head>
</head>
<div id="loading-container">
<div id="loading-container">
<div class="loading-wrapper">
<div class="loading">
<div id="loading-center-absolute"></div>
<div id="loading-center-absolute">
<div class="load-4">
<div class="ring-1"></div>
<p class= "center">Loading . . .</p>
</div>
</div>
</div>
<div class="main">
</div>
</div>
<div class="main">
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment