diff options
Diffstat (limited to 'js/offline.js')
| -rw-r--r-- | js/offline.js | 27 |
1 files changed, 23 insertions, 4 deletions
diff --git a/js/offline.js b/js/offline.js index d1c49d6..7815b83 100644 --- a/js/offline.js +++ b/js/offline.js @@ -1,3 +1,7 @@ +function offline_remove2(elem) { + return offline_remove(elem, populate_list); +} + function populate_list() { var books = $("#books_container"); @@ -8,7 +12,8 @@ function populate_list() { Promise.all([ localforage.getItem(key), - localforage.getItem(key + ".cover") + localforage.getItem(key + ".cover"), + localforage.getItem(key + ".lastread") ]).then(function(results) { var info = results[0]; @@ -20,13 +25,27 @@ function populate_list() { cover = URL.createObjectURL(results[1]); } + var in_progress = false; + var is_read = false; + + var lastread = results[2]; + if (lastread) { + + in_progress = lastread.page > 0; + is_read = lastread.total - lastread.page < 5; + } + var cell = "<div class='col-xs-6 col-sm-3 col-md-2 index_cell'>"; - cell += "<div class=\"thumb\">"; + var cover_read = is_read ? "read" : ""; + var title_class = in_progress ? "in_progress" : ""; + + cell += "<div class=\"thumb "+cover_read+"\">"; cell += "<a href=\"read.html?id="+info.epub_id+"&b="+info.id+"\"><img data-src=\"holder.js/120x180\"></a>"; cell += "<div class=\"caption\">"; - cell += "<div><a href=\"read.html?id="+info.epub_id+"&b="+info.id+"\">" + info.title + "</a></div>"; + cell += "<div><a class=\""+title_class+"\" href=\"read.html?id="+info.epub_id+"&b="+info.id+"\">" + + info.title + "</a></div>"; cell += "<div>" + info.author_sort + "</div>"; if (info.series_name) { @@ -40,7 +59,7 @@ function populate_list() { "More..." + "<span class=\"caret\"></span></a>"; cell += "<ul class=\"dropdown-menu\">"; - cell += "<li><a href=\"#\" data-book-id=\""+info.id+"\" onclick=\"offline_remove(this)\">Remove download</a></li>"; + cell += "<li><a href=\"#\" data-book-id=\""+info.id+"\" onclick=\"offline_remove2(this)\">Remove download</a></li>"; cell += "</ul>"; cell += "</div>"; |