`
} else {
for(let j = 0;j < (content[i].Carddata.length < num_per_page? content[i].Carddata.length: num_per_page); j ++) {
// for(let j = 0;j < content[i].Carddata.length; j ++) {
let tagStr = '';
for(let k = 0;k < content[i].Carddata[j].tags.length; k ++) {
tagStr += `
${content[i].Carddata[j].tags[k]['name']}`
}
cardData += `
`
}
tabStr += `
`
let key = content[i]['Tabtag'];
totalPages[key] = content[i].Carddata.length;
}
}
console.log(tabStr);
console.log(totalPages);
$('#pills-tabContent').html(tabStr);
$('#pills-tabContent').append('
');
$('#pills-intro').addClass('active');
$('#pills-intro').addClass('show');
$('#pills-video .card__bgImg').append('
')
$('.infoContent .nav-item-link').click(checkTab);
checkTab();
}
function renderFB(data) {
let str = '';
for(let i = 0; i < data.length; i++){
}
$('.fb__block').html(str);
}
function checkTab() {
if($('#pills-intro-tab').hasClass('active')) {
$('.likeSee').attr('hidden', false)
} else {
$('.likeSee').attr('hidden', true)
}
}
$(document).on("click","#pills-tab .nav-item-link",function() {
console.log($(this));
console.log($(this).attr('id'));
let className = $(this).attr('id');
$(`#pills-tab .nav-item-link`).removeClass('active');
$(`#${className}`).addClass('active');
$(`.pill-aside #${className}`).addClass('active');
});
let sticky = document.querySelector('.sec-00').offsetHeight;
window.addEventListener('scroll', fixedOnScroll);
const navbar = document.querySelector('.navbar-main');
function fixedOnScroll() {
if(window.pageYOffset >= 344){
navbar.classList.add('sticky');
} else {
navbar.classList.remove('sticky');
}
}
$(window).scroll(function() {
if ( $(this).scrollTop() > 800 ){
$('.fixed-btn').fadeIn(222);
} else {
$('.fixed-btn').stop().fadeOut(222);
}
}).scroll();
function loadMore(designer) {
let nowTab = document.querySelector('.infoContent .tab-pane.show');
if(nowTab === document.querySelector('#pills-intro')) {
let last = document.querySelector('#pills-intro .work__row>div:last-child');
let pageNum = Math.ceil(totalPages.intro / 9) - 1;
if ($(this).scrollTop() > last.offsetTop) {
console.log('over');
if(n >= pageNum) {
n = pageNum;
return;
} else {
n ++;
let append = '';
let d = designer['Content'][0].Carddata.slice(9*n, (9*n)+9);
for(let j = 0;j < d.length; j ++) {
append += `
`
}
$('#pills-intro .work__row').append(append);
}
}
} else if (nowTab === document.querySelector('#pills-video')) {
let pageNum = Math.ceil(totalPages.video / 9) - 1;
console.log(totalPages.video);
let last = document.querySelector('#pills-video .work__row>div:last-child');
if ($(this).scrollTop() > last.offsetTop) {
if(n_video >= pageNum) {
n_video = pageNum;
console.log('n-video:', n_video);
console.log('pageNum', pageNum);
return;
} else {
console.log('pass-video');
n_video ++;
console.log('test');
let append = '';
let d = designer['Content'][1].Carddata.slice(9*n_video, (9*n_video)+9);
for(let j = 0;j < d.length; j ++) {
append += `
`
}
$('#pills-video .work__row').append(append);
}
}
} else if (nowTab === document.querySelector('#pills-columns')) {
let last = document.querySelector('#pills-columns .work__row>div:last-child');
let pageNum = Math.ceil(totalPages.columns / 9) - 1;
if ($(this).scrollTop() > last) {
if(n_columns >= pageNum) {
n_columns = pageNum;
return;
} else {
n_columns ++;
console.log('test');
let append = '';
let d = designer['Content'][2].Carddata.slice(9*n_columns, (9*n_columns)+9);
for(let j = 0;j < d.length; j ++) {
append += `
`
}
$('#pills-columns .work__row').append(append);
}
}
}
}
$('.btn-gotop').click(function () {
$('html, body').animate({
scrollTop: 0
}, 500)
});
$('.sec-00__close').click(function(){
$(this).css('display', 'none');
$('.sec-00').addClass('bannerClose');
//$('.sec-02').css('padding-top', '53px');
sticky = 0;
});
document.addEventListener('lazybeforeunveil', function(e){
var bg = e.target.getAttribute('data-bg');
if(bg){
e.target.style.backgroundImage = 'url(' + bg + ')';
}
});
function renderModalTitle(title) {
$('#emailModal #title').val(title);
}
function putEmail() {
const emailPattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if($('#email').val() !== null && emailPattern.test($('#email').val())) {
$('#error').hide();
$('#putEmail_hidden').css('display', 'block');
$('#add_email').text($('#email').val());
$('#email').val('');
} else {
$('#error').show();
$('#error').text('email 格式有誤');
}
}
`
}
}
$(`.${sec}`).html(str);
}
function renderinfoCard(designer) {
$('.hero__img').attr('src', designer['BannerImg']);
$('.infoCard__avatar').css('backgroundImage', `url(${designer['Designerimg']})`)
$('.infoCard__name').text(designer['DesignerName']);
$('.infoCard__seo').text(designer['Description']);
$('.infoCard__company').text(designer['CompanyName']);
if(designer['Approve'] !== '') {
$('.infoCard__approve').text(designer['Approve']);
}
// Basics
let str = '';
for(let i = 0;i < designer['Basics'].length; i ++) {
str += ``
}
$('.infoCard__basics').html(str);
// Branches
let otherStr = '';
for(let i = 0;i < designer['Branches'].length; i ++) {
otherStr += ``
}
$('.infoCard__branches').html(otherStr);
// scMedia
let mediaStr = '';
for(let i = 0;i < designer['scMedia'].length; i ++) {
if(i === 4) {
mediaStr += `