diff options
Diffstat (limited to 'js')
-rw-r--r-- | js/index.js | 18 | ||||
-rw-r--r-- | js/offline.js | 34 |
2 files changed, 35 insertions, 17 deletions
diff --git a/js/index.js b/js/index.js index a16dd44..5bafdca 100644 --- a/js/index.js +++ b/js/index.js @@ -91,6 +91,22 @@ function mark_offline_books() { }); } +/* exported show_covers */ +function show_covers() { + $("img[data-cover-link]").each((i,e) => { + e = $(e); + + const img = $("<img>") + .on("load", function() { + e.css("background-image", "url(" + e.attr('data-cover-link') + ")") + e.fadeIn(); + + img.attr("src", null); + }) + .attr("src", e.attr('data-cover-link')); + }); +} + function offline_cache(bookId, callback) { console.log("offline cache: " + bookId); @@ -187,7 +203,7 @@ function offline_get_all() { if (confirm("Download all books on this page?")) { - $(".index_cell").each(function (i, row) { + $(".row > div").each(function (i, row) { const bookId = $(row).attr("id").replace("cell-", ""); const dropitem = $(row).find(".offline_dropitem")[0]; diff --git a/js/offline.js b/js/offline.js index c47c7b6..afde6b5 100644 --- a/js/offline.js +++ b/js/offline.js @@ -98,29 +98,31 @@ function populate_list() { const series_link = info.series_name ? `<div><a class="series_link" href="#">${info.series_name + " [" + info.series_index + "]"}</a></div>` : ""; - const cell = $(`<div class="col-xs-6 col-sm-3 col-md-2 index_cell" id="cell-${info.id}"> - <div class="thumb ${thumb_class}"> + const cell = $(`<div class="col-xs-6 col-sm-3 col-md-2" id="cell-${info.id}"> + <div class="thumbnail ${thumb_class}"> <a href="read.html?id=${info.epub_id}&b=${info.id}"> - <img data-src="holder.js/120x180"> + <img style="display : none"> </a> - <div class="caption"> - <div><a class="${title_class}" href="read.html?id=${info.epub_id}&b=${info.id}">${info.title}</a></div> - <div><a class="author_link" href="#">${info.author_sort}</a></div> - ${series_link} - </div> - <div class="dropdown" style="white-space : nowrap"> - <a href="#" data-toggle="dropdown" role="button">More...<span class="caret"></span></a> - <ul class="dropdown-menu"> - <li><a href="#" data-book-id="${info.id}" onclick="return show_summary(this)">Summary</a></li> - <li><a href="#" data-book-id="${info.id}" onclick="offline_remove2(this)">Remove offline data</a></li> - </ul> - </div> + </div> + <div class="caption"> + <div><a class="${title_class}" href="read.html?id=${info.epub_id}&b=${info.id}">${info.title}</a></div> + <div><a class="author_link" href="#">${info.author_sort}</a></div> + ${series_link} + </div> + <div class="dropdown" style="white-space : nowrap"> + <a href="#" data-toggle="dropdown" role="button">More...<span class="caret"></span></a> + <ul class="dropdown-menu"> + <li><a href="#" data-book-id="${info.id}" onclick="return show_summary(this)">Summary</a></li> + <li><a href="#" data-book-id="${info.id}" onclick="offline_remove2(this)">Remove offline data</a></li> + </ul> </div> </div>`); if (cover) { - cell.find("img").attr("src", cover); + cell.find("img") + .css("background-image", "url(" + cover + ")") + .fadeIn(); cell.find(".series_link") .attr("title", info.series_name + " [" + info.series_index + "]") |