|
|
@@ -2,6 +2,32 @@ let userAgent;
|
|
|
let isSafari = false;
|
|
|
let browserName;
|
|
|
|
|
|
+let filter;
|
|
|
+
|
|
|
+$('.likeSee__views').click(function() {
|
|
|
+ window.location.href = './index_designerList.html'
|
|
|
+})
|
|
|
+
|
|
|
+$('.likeSee__sort').click(function() {
|
|
|
+ window.location.href = './index_designerList.html?q=dateSort'
|
|
|
+})
|
|
|
+
|
|
|
+function getpathId(){
|
|
|
+ let query = window.location.search.split('?').pop();
|
|
|
+ return query.split('=')[1];
|
|
|
+}
|
|
|
+
|
|
|
+function getQuery() {
|
|
|
+ let query = getpathId();
|
|
|
+ if(query == 'dateSort'){
|
|
|
+ filter = 'dateSort';
|
|
|
+ } else {
|
|
|
+ filter = 'views';
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+getQuery();
|
|
|
+
|
|
|
// pagination variables
|
|
|
let num_per_page = 9;
|
|
|
let n = 0;
|
|
|
@@ -38,6 +64,10 @@ window.onload = function(){
|
|
|
}).done(function (msg) {
|
|
|
designer = [...msg][id];
|
|
|
console.log(designer)
|
|
|
+ designer['Content'][0]['Carddata'].sort(function (a, b){
|
|
|
+ return a[filter] > b[filter]? -1:1;
|
|
|
+ })
|
|
|
+ console.log(designer['Content'][0]['Carddata']);
|
|
|
renderinfoCard(designer)
|
|
|
renderTab(designer['Content'])
|
|
|
renderTabContent(designer['Content'])
|
|
|
@@ -305,7 +335,73 @@ function loadMore(designer) {
|
|
|
let nowTab = document.querySelector('.infoContent .tab-pane.show')
|
|
|
if(nowTab === document.querySelector('#pills-intro')) {
|
|
|
let pageNum = Math.ceil(totalPages.intro / 9);
|
|
|
- if ($(this).scrollTop() > 2300) {
|
|
|
+ if ($(this).scrollTop() > 1800) {
|
|
|
+ if(n >= pageNum) {
|
|
|
+ n = pageNum;
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ n ++;
|
|
|
+ console.log('test');
|
|
|
+ let append = '';
|
|
|
+ let d = designer['Content'][0].Carddata.slice(9*n, (9*n)+9);
|
|
|
+ for(let j = 0;j < d.length; j ++) {
|
|
|
+ append += `<div class="col-md-4">
|
|
|
+ <a href="" target="_blank">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card__bgImg" style="background-image: url(${d[j]['imgURL']});">
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title card__title mt-0">${d[j]['title']}</h5>
|
|
|
+ <p class="card-text mb-0">
|
|
|
+ <a href="" class="card__tag" target="_blank">混搭風</a>
|
|
|
+ <a href="" class="card__tag" target="_blank">混搭風</a>
|
|
|
+ <a href="" class="card__tag" target="_blank">混搭風</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>`
|
|
|
+ }
|
|
|
+ $('#pills-intro .work__row').append(append);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ } else if (nowTab === document.querySelector('#pills-video')) {
|
|
|
+ let pageNum = Math.ceil(totalPages.intro / 9);
|
|
|
+ if ($(this).scrollTop() > 1800) {
|
|
|
+ if(n >= pageNum) {
|
|
|
+ n = pageNum;
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ n ++;
|
|
|
+ console.log('test');
|
|
|
+ let append = '';
|
|
|
+ let d = designer['Content'][0].Carddata.slice(9*n, (9*n)+9);
|
|
|
+ for(let j = 0;j < d.length; j ++) {
|
|
|
+ append += `<div class="col-md-4">
|
|
|
+ <a href="" target="_blank">
|
|
|
+ <div class="card">
|
|
|
+ <div class="card__bgImg" style="background-image: url(${d[j]['imgURL']});">
|
|
|
+ </div>
|
|
|
+ <div class="card-body">
|
|
|
+ <h5 class="card-title card__title mt-0">${d[j]['title']}</h5>
|
|
|
+ <p class="card-text mb-0">
|
|
|
+ <a href="" class="card__tag" target="_blank">混搭風</a>
|
|
|
+ <a href="" class="card__tag" target="_blank">混搭風</a>
|
|
|
+ <a href="" class="card__tag" target="_blank">混搭風</a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </div>`
|
|
|
+ }
|
|
|
+ $('#pills-video .work__row').append(append);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ } else if (nowTab === document.querySelector('#pills-columns')) {
|
|
|
+ let pageNum = Math.ceil(totalPages.intro / 9);
|
|
|
+ if ($(this).scrollTop() > 1800) {
|
|
|
if(n >= pageNum) {
|
|
|
n = pageNum;
|
|
|
return;
|
|
|
@@ -332,7 +428,7 @@ function loadMore(designer) {
|
|
|
</a>
|
|
|
</div>`
|
|
|
}
|
|
|
- $('.work__row').append(append);
|
|
|
+ $('#pills-columns .work__row').append(append);
|
|
|
}
|
|
|
|
|
|
}
|
huai-sian