let userAgent;
let isSafari = false;
let browserName;
let num_per_page = 9;
let n = 0;
let totalPages = {
intro: 0,
video: 0,
columns: 0,
vr360: 0,
company: 0,
};
let filter;
$('.likeSee__views').click(function() {
window.location.href = './index_designerList_mb.html'
})
$('.likeSee__sort').click(function() {
window.location.href = './index_designerList_mb.html?q=dateSort'
})
function getpathId(){
let query = window.location.search.split('?').pop();
return query.split('=')[1];
}
function getQuery() {
let query = getpathId();
console.log(query);
if(query == 'dateSort'){
filter = 'dateSort';
} else {
filter = 'views';
}
}
window.onload = function(){
//window.scrollBy(0, 1);
if(screen.width >= 901){
window.location.href = "../index_designerList.html";
}
userAgent = navigator.userAgent;
detectBrowser(userAgent);
detectDirection ();
let result;
let designer;
let id = 0;
$.ajax({
method: "GET",
url: "./json/designers.json",
dataType: "json",
}).done(function (msg) {
getQuery();
designer = [...msg][id];
console.log(designer['Content']);
designer['Content'][0]['Carddata'].sort(function (a, b){
return a[filter] > b[filter]? -1:1;
})
renderinfoCard(designer);
renderTab(designer['Content']);
renderTabContent(designer['Content']);
console.log(filter);
console.log(designer['Content'][0]['Carddata']);
});
}
let over = document.querySelector('.infoContent__navBlock').offsetTop+ 60;
function detectBrowser(agent){
if(userAgent.match(/chrome|chromium|crios/i)){
browserName = "chrome";
}else if(userAgent.match(/firefox|fxios/i)){
browserName = "firefox";
} else if(userAgent.match(/safari/i)){
browserName = "safari";
}else if(userAgent.match(/opr\//i)){
browserName = "opera";
} else if(userAgent.match(/edg/i)){
browserName = "edge";
}else{
browserName="No browser detection";
}
if(browserName === 'safari'){
isSafari = true;
}
console.log(isSafari);
}
function detectDirection () {
let height = (window.screen.width * 2) / 3;
$('.sec-02 .slide-item').css('height', `${height}px`);
let topHeight = (window.screen.width * 30) / 131;
$('.sec-00 .slide-item').css('height', `${topHeight}px`);
$('.sec-00 .container-fluid').css('height', `${topHeight}px`);
}
function renderinfoCard(designer) {
$('.mb__hero__bgImg').attr('backgroundImage', `url(${designer['BannerImg']})`);
$('.mb__infoCard__avatar').css('backgroundImage', `url(${designer['Designerimg']})`)
$('.mb__infoCard__name').text(designer['DesignerName']);
$('.mb__infoCard__seo').text(designer['Description']);
$('.mb__infoCard__cmy').text(designer['CompanyName']);
if(designer['Approve'] !== '') {
$('.mb__infoCard__approve').text(designer['Approve']);
}
// Basics
let str = '';
for(let i = 0;i < designer['Basics'].length; i ++) {
str += ``
}
$('.mb__infoCard__basics').html(str);
// Branches
let otherStr = '';
for(let i = 0;i < designer['Branches'].length; i ++) {
otherStr += ``
}
$('.mb__infoCard__branches').html(otherStr);
// scMedia
let mediaStr = '';
for(let i = 0;i < designer['scMedia'].length; i ++) {
if(i === 4) {
mediaStr += `
`;
} else {
mediaStr += `
`;
}
}
$('.scMedia').html(mediaStr);
document.querySelector('.dislike').addEventListener('click', function() {
$('.dislike').css('display', 'none');
$('.like').css('display', 'block');
})
document.querySelector('.like').addEventListener('click', function() {
$('.dislike').css('display', 'block');
$('.like').css('display', 'none');
})
// term condition
let termStr = '';
for(let i = 0;i < designer['Terms'].length; i ++) {
termStr += ``
}
$('.mb__infoCard__terms').html(termStr);
}
function renderTab(content) {
let tabTitleStr = '';
for(let i = 0;i < content.length; i ++) {
if(i == 0) {
tabTitleStr += `