|
|
@@ -31,54 +31,60 @@ function collection(collectuserid='') {
|
|
|
dataType: "json",
|
|
|
})
|
|
|
.done(function (msg) {
|
|
|
- for (var i in msg) {
|
|
|
- for(var j in msg[i]) {
|
|
|
- collectcontent += '\
|
|
|
- <div class="collectcontent col">\
|
|
|
+ console.log('msg.length = ' + msg.length); // test
|
|
|
+
|
|
|
+ if (msg.length > 0) {
|
|
|
+ for (var i in msg) {
|
|
|
+ for(var j in msg[i]) {
|
|
|
+ collectcontent += '\
|
|
|
+ <div class="collectcontent col">\
|
|
|
+ <input style="display: none;" type="checkbox" value="'+ msg[i][j].id + '" name="nftid" id="' + msg[i][j].id + '">\
|
|
|
+ <label for="'+ msg[i][j].id + '">\
|
|
|
+ <div class="collectcard card h-100">\
|
|
|
+ <a target="_blank">\
|
|
|
+ <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
|
|
|
+ </a>\
|
|
|
+ <div class="card-body p-2">\
|
|
|
+ <a target="_blank">\
|
|
|
+ <h5 class="card-title pt-3">'+ msg[i][j].title + '</h5>\
|
|
|
+ </a>\
|
|
|
+ </div>\
|
|
|
+ </div>\
|
|
|
+ </label>\
|
|
|
+ </div>';
|
|
|
+ /*
|
|
|
+ collectcontent += '\
|
|
|
+ <div class="collectcontent col">\
|
|
|
<input style="display: none;" type="checkbox" value="'+ msg[i][j].id + '" name="nftid" id="' + msg[i][j].id + '">\
|
|
|
<label for="'+ msg[i][j].id + '">\
|
|
|
- <div class="collectcard card h-100">\
|
|
|
+ <div class="collectcard card h-100">\
|
|
|
<a target="_blank">\
|
|
|
- <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
|
|
|
+ <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
|
|
|
</a>\
|
|
|
<div class="card-body p-2">\
|
|
|
<a target="_blank">\
|
|
|
<h5 class="card-title pt-3">'+ msg[i][j].title + '</h5>\
|
|
|
</a>\
|
|
|
- </div>\
|
|
|
+ <p class="card-text">\
|
|
|
+ '+ msg[i][j].context + ' \
|
|
|
+ </p>\
|
|
|
+ <p class="card-text row">\
|
|
|
+ <small class="text-muted col-6 px-1">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
|
|
|
+ src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+ msg[i][j].cost + '</span>\
|
|
|
+ </small>\
|
|
|
+ <small class="price col-6 px-0 text-center">\
|
|
|
+ <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><sp an>'+ msg[i][j].likes + '</span></small>\
|
|
|
+ </p>\
|
|
|
+ </div>\
|
|
|
</div>\
|
|
|
- </label>\
|
|
|
- </div>';
|
|
|
- /*
|
|
|
- collectcontent += '\
|
|
|
- <div class="collectcontent col">\
|
|
|
- <input style="display: none;" type="checkbox" value="'+ msg[i][j].id + '" name="nftid" id="' + msg[i][j].id + '">\
|
|
|
- <label for="'+ msg[i][j].id + '">\
|
|
|
- <div class="collectcard card h-100">\
|
|
|
- <a target="_blank">\
|
|
|
- <img src="'+ msg[i][j].imgurl + '"class="card-img-top" alt="...">\
|
|
|
- </a>\
|
|
|
- <div class="card-body p-2">\
|
|
|
- <a target="_blank">\
|
|
|
- <h5 class="card-title pt-3">'+ msg[i][j].title + '</h5>\
|
|
|
- </a>\
|
|
|
- <p class="card-text">\
|
|
|
- '+ msg[i][j].context + ' \
|
|
|
- </p>\
|
|
|
- <p class="card-text row">\
|
|
|
- <small class="text-muted col-6 px-1">\
|
|
|
- <img class="mb-1 mx-1 d-inline" style="width: 10px; object-fit: cover; "\
|
|
|
- src="./img/sec05/Icon awesome-ethereum.png" alt=""><span>'+ msg[i][j].cost + '</span>\
|
|
|
- </small>\
|
|
|
- <small class="price col-6 px-0 text-center">\
|
|
|
- <img class="mb-1 mx-1 d-inline" style="width: 12px; object-fit: cover; " src="./img/sec05/like.png" alt=""><sp an>'+ msg[i][j].likes + '</span></small>\
|
|
|
- </p>\
|
|
|
- </div>\
|
|
|
- </div>\
|
|
|
- </label>\
|
|
|
- </div>';
|
|
|
- */
|
|
|
+ </label>\
|
|
|
+ </div>';
|
|
|
+ */
|
|
|
+ }
|
|
|
}
|
|
|
+ } else { // 沒資料
|
|
|
+ collectcontent += '<p>您可以到我們的「NFT商店」頁面，去購買您喜愛的NFT收藏品哦！</p>';
|
|
|
}
|
|
|
|
|
|
$('.sec05-moblie-container').html(collectcontent);
|
