jToolbar.find('.one_page_mode').hide();
}
- // $$$ Don't hardcode ids
- jToolbar.find('.share').colorbox({inline: true, opacity: "0.5", href: "#shareThis"});
- jToolbar.find('.info').colorbox({inline: true, opacity: "0.5", href: "#aboutThis"});
-
- $("body").append(
- [
- '<div style="display: none;">',
- this.makeShareDiv(),
- this.makeAboutDiv(),
- '</div>'
- ].join('\n')
- );
-
+ // $$$ Don't hardcode ids
+ var self = this;
+ jToolbar.find('.share').colorbox({inline: true, opacity: "0.5", href: "#BRshare", onLoad: function() { self.ttsStop(); } });
+ jToolbar.find('.info').colorbox({inline: true, opacity: "0.5", href: "#BRinfo", onLoad: function() { self.ttsStop(); } });
+ $("body").append(['<div style="display: none;">',
+ '<div class="BRfloat" id="BRshare">',
+ '<div class="BRfloatHead">',
+ 'Share',
+ '<a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>',
+ '</div>',
+ '</div>',
+ '<div class="BRfloat" id="BRinfo">',
+ '<div class="BRfloatHead">About this book',
+ '<a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>',
+ '</div>',
+ '<div class="BRfloatBody">',
+ '<div class="BRfloatCover">',
+ '</div>',
+ '<div class="BRfloatMeta">',
+ '<div class="BRfloatTitle">',
+ '<h2><a/></h2>',
+ '</div>',
+
+ '</div>',
+ '</div>',
+ '</div>',
+ '<div class="BRfloatFoot">',
+ '<a href="http://openlibrary.org/dev/docs/bookreader">About the BookReader</a>',
+ '</div>',
+ '</div>'].join('\n'));
+
+ $('#BRinfo .BRfloatTitle a').attr( {'href': this.bookUrl} ).text(this.bookTitle).addClass('title').appendTo
+
+ // These functions can be overridden
+ this.buildInfoDiv($('#BRinfo'));
+ this.buildShareDiv($('#BRshare'));
// Switch to requested mode -- binds other click handlers
//this.switchToolbarMode(mode);
},500);
}
-BookReader.prototype.makeShareDiv = function()
+BookReader.prototype.buildShareDiv = function(jShareDiv)
{
var pageView = document.location + '';
var bookView = (pageView + '').replace(/#.*/,'');
- var embedLink = this.getEmbedURL({ 'mode': this.constMode1up } );
+ var self = this;
- var html = [
- '<div class="BRfloat" id="shareThis">',
- '<div class="BRfloatHead">',
- 'Share',
- '<a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>',
- '</div>',
- '<p>Copy and paste one of these options to share this book elsewhere.</p>',
- '<form method="post" action="">',
- '<fieldset>',
- '<label for="pageview">Link to this page view:</label>',
- '<input type="text" name="pageview" id="pageview" value="' + pageView + '"/>',
+ var jForm = $([
+ '<p>Copy and paste one of these options to share this book elsewhere.</p>',
+ '<form method="post" action="">',
+ '<fieldset>',
+ '<label for="pageview">Link to this page view:</label>',
+ '<input type="text" name="pageview" id="pageview" value="' + pageView + '"/>',
+ '</fieldset>',
+ '<fieldset>',
+ '<label for="booklink">Link to the book:</label>',
+ '<input type="text" name="booklink" id="booklink" value="' + bookView + '"/>',
+ '</fieldset>',
+ '<fieldset>',
+ '<label for="iframe">Embed a mini Book Reader:</label>',
+ '<fieldset class="sub">',
+ '<label class="sub">',
+ '<input type="radio" name="pages" value="' + this.constMode1up + '" checked="checked"/>',
+ '1 page',
+ '</label>',
+ '<label class="sub">',
+ '<input type="radio" name="pages" value="' + this.constMode2up + '"/>',
+ '2 pages',
+ '</label>',
+ '<label class="sub">',
+ '<input type="checkbox" name="thispage" value="thispage"/>',
+ 'Open to this page?',
+ '</label>',
'</fieldset>',
- '<fieldset>',
- '<label for="booklink">Link to the book:</label>',
- '<input type="text" name="booklink" id="booklink" value="' + bookView + '"/>',
- '</fieldset>',
- '<fieldset>',
- '<label for="iframe">Embed a mini Book Reader:</label>',
- '<fieldset class="sub">',
- '<label class="sub">',
- '<input type="radio" name="pages" id="1page" checked="checked"/>',
- '1 page',
- '</label>',
- '<label class="sub">',
- '<input type="radio" name="pages" id="2page"/>',
- '2 pages',
- '</label>',
- '<label class="sub">',
- '<input type="checkbox" name="thispage" id="thispage"/>',
- 'Open to this page?',
- '</label>',
- '</fieldset>',
- '<textarea cols="30" rows="4" name="iframe" id="iframe"><iframe src="' + embedLink + '" width="480" height="480"></iframe></textarea>',
- '<p class="meta"><strong>NOTE:</strong> We\'ve tested EMBED on blogspot.com blogs as well as self-hosted Wordpress blogs. This feature will NOT work on wordpress.com blogs.</p>',
- '</fieldset>',
- '<fieldset class="center">',
- '<button type="button" onclick="$.fn.colorbox.close();">Finished</button>',
- '</fieldset>',
- '</form>',
- '</div>'
- ].join('\n');
+ '<textarea cols="30" rows="4" name="iframe" class="BRframeEmbed"></textarea>',
+ '<p class="meta"><strong>NOTE:</strong> We\'ve tested EMBED on blogspot.com blogs as well as self-hosted Wordpress blogs. This feature will NOT work on wordpress.com blogs.</p>',
+ '</fieldset>',
+ '<fieldset class="center">',
+ '<button type="button" onclick="$.fn.colorbox.close();">Finished</button>',
+ '</fieldset>',
+ '</form>'].join('\n'));
+
+ jForm.appendTo(jShareDiv);
+
+ jForm.find('input').bind('change', function() {
+ var form = $(this).parents('form:first');
+ var params = {};
+ params.mode = $(form.find('input[name=pages]:checked')).val();
+ if (form.find('input[name=thispage]').attr('checked')) {
+ params.page = self.getPageNum(self.currentIndex());
+ }
+
+ console.log(params);
+ var embedLink = self.getEmbedURL( params );
+ form.find('.BRframeEmbed').val('<iframe src="' + embedLink + '" width="480" height="480"></iframe>');
+ })
+ jForm.find('input[name=thispage]').trigger('change');
+ jForm.find('input, textarea').bind('focus', function() {
+ this.select();
+ });
- return html;
+ jForm.appendTo(jShareDiv);
+ jForm = ''; // closure
+
}
-BookReader.prototype.makeAboutDiv = function()
+// Should be overridden
+BookReader.prototype._buildInfoDiv = function(jInfoDiv)
{
- var html = [
- '<div class="BRfloat" id="aboutThis">',
- '<div class="BRfloatHead">About this book',
- '<a class="floatShut" href="javascript:;" onclick="$.fn.colorbox.close();"><span class="shift">Close</span></a>',
- '</div>',
- '<div class="BRfloatBody">'
- ];
-
- // Use 3rd-party provided function if available
- if (this.getInfoDiv) {
- html.push(this.getInfoDiv());
- } else {
- html = html.concat([
- '<div class="BRfloatMeta">',
- '<div class="BRfloatTitle">',
- '<h2><a href="', br.bookUrl, '" class="title">', BookReader.util.escapeHTML(br.bookTitle), '</a></h2>',
- '</div>',
- '</div>',
- ]);
- }
-
- html = html.concat([
- '</div>', // BRfloatBody
- '<div class="BRfloatFoot">'
- ]);
-
- if (this.getInfoFooter) {
- html.push(this.getInfoFooter());
- } else {
- html.push(
- '<a href="http://openlibrary.org/dev/docs/bookreader">About the BookReader</a>'
- );
- }
-
- html = html.concat([
- '</div>', // BRfloatfoot
- '</div>' // BRfloat
- ]);
-
- return html.join('\n');
}
});
}
-// getInfoDiv
-br.getInfoDiv = function() {
+br.buildInfoDiv = function(jInfoDiv) {
// $$$ it might make more sense to have a URL on openlibrary.org that returns this info
var escapedTitle = BookReader.util.escapeHTML(this.bookTitle);
var domainRe = /(\w+\.(com|org))/;
var domain = domainRe.exec(this.bookUrl)[1];
+
// XXX use different icon for archive.org
- var html = [
- '<div class="BRfloatCover">',
- '<a href="', this.bookUrl, '"><img src="http://www.archive.org/download/', this.bookId, '/page/cover_t.jpg" alt="', escapedTitle, '" height="140"/></a>',
- '</div>',
- '<div class="BRfloatMeta">',
- '<div class="BRfloatTitle">',
- '<h2><a href="', this.bookUrl, '" class="title">', escapedTitle, '</a></h2>',
- // $$$ lookup on OL
- // 'by',
- // '<a href="Open Library Author Page">Book Author</a>',
- '</div>',
- '<p>Published ', this.bookPublished,
+ // XXX cover looks weird before it loads
+ jInfoDiv.find('.BRfloatCover').append([
+ '<a href="', this.bookUrl, '"><img src="http://www.archive.org/download/', this.bookId, '/page/cover_t.jpg" alt="', escapedTitle, '" height="140" /></a>'].join('')
+ );
+
+ jInfoDiv.find('.BRfloatMeta').append([
+ // $$$ description
+ //'<p>Published ', this.bookPublished,
//, <a href="Open Library Publisher Page">Publisher name</a>',
- '</p>',
+ //'</p>',
//'<p>Written in <a href="Open Library Language page">Language</a></p>',
'<h3>Other Formats</h3>',
'<ul class="links">',
'<li><a href="https://www.amazon.com/gp/digital/fiona/web-to-kindle?clientid=IA&itemid=', this.bookId, '&docid=', this.subPrefix, '">Send to Kindle</a><span>|</span></li>',
'<li><a href="', this.bookUrl, '">More...</a></li>',
'</ul>',
- '<p class="moreInfo"><span></span>More information on <a href="'+ this.bookUrl + '">' + domain + '</a>.</p>',
- '</div>',
- '</div>',
- '<div class="BRfloatFoot">',
+ '<p class="moreInfo"><span></span>More information on <a href="'+ this.bookUrl + '">' + domain + '</a>.</p>'].join('\n'));
+
+ jInfoDiv.find('.BRfloatFoot').append([
// XXX add link to bug tracker
'<a href="http://openlibrary.org/contact" class="problem">Report a problem</a>',
'<span>|</span>',
- '<a href="http://openlibrary.org/dev/docs/bookreader">About the Bookreader</a>',
- '</div>'
- ];
-
- return html.join('\n');
+ '<a href="http://openlibrary.org/dev/docs/bookreader">About the Bookreader</a>'].join('\n'));
}
br.pageW = [
projects / bookreader.git / commitdiff