yetangitu/canvas-based-HTML5-Comic-Book-Reader
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

moved loading status out of toolbar

Browse source
This commit is contained in:
Bala Clark 2011-09-04 11:37:23 +02:00
parent f080bf88e5
commit 8511b122f3
2 changed files with 18 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

14
css/styles.css
View file

@ -66,15 +66,21 @@
box-shadow: none;
}
#cb-status {
font-size: 12px;
right: 0;
bottom: 0;
margin: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#cb-toolbar {
top: 0;
border-bottom: 2px solid #444;
}
#cb-toolbar #cb-status {
float: right;
}
#cb-toolbar button {
height: 32px;
width: 32px;

12
lib/ComicBook.js
View file

@ -183,6 +183,10 @@ function ComicBook(id, srcs, opts) {
*/
ComicBook.prototype.control = {
status: $(document.createElement("p"))
.attr("id", "cb-status")
.addClass("cb-control"),
toolbar: $(document.createElement("div"))
.hide()
.attr("id", "cb-toolbar")
@ -235,8 +239,7 @@ function ComicBook(id, srcs, opts) {
options.zoomMode = "fitWidth"
ComicBook.prototype.drawPage();
})
)
.append("<p id='cb-status'></p>"),
),
/**
* Image enhancements
@ -316,7 +319,8 @@ function ComicBook(id, srcs, opts) {
ComicBook.prototype.renderControls = function() {
$(canvas)
.before(this.getControl("loadingIndicator").hide())
.before(this.getControl("loadingIndicator"))
.before(this.getControl("status"))
.after(this.getControl("toolbar"))
.after(this.getControl("navigation").left)
.after(this.getControl("navigation").right)
@ -497,7 +501,7 @@ function ComicBook(id, srcs, opts) {
ComicBook.prototype.drawPage();
ComicBook.prototype.hideControl("loadingIndicator");
}
if (loaded.length === no_pages) { $("#cb-status").remove(); }
if (loaded.length === no_pages) { ComicBook.prototype.hideControl("status") }
};
}