UNPKG

opds-web-client

Version:
140 lines (139 loc) 7.89 kB
"use strict"; var __extends = (this && this.__extends) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; var React = require("react"); require("../stylesheets/book_details.scss"); var moment = require("moment"); var CatalogLink_1 = require("./CatalogLink"); var BorrowButton_1 = require("./BorrowButton"); var DownloadButton_1 = require("./DownloadButton"); var BookCover_1 = require("./BookCover"); var download = require("downloadjs"); var BookDetails = (function (_super) { __extends(BookDetails, _super); function BookDetails(props) { _super.call(this, props); this.borrow = this.borrow.bind(this); } BookDetails.prototype.render = function () { var fields = this.fields(); return (React.createElement("div", {className: "book-details"}, React.createElement("div", {className: "top"}, React.createElement("div", {className: "cover"}, React.createElement(BookCover_1.default, {book: this.props.book})), React.createElement("div", {className: "header"}, React.createElement("h1", {className: "title"}, this.props.book.title), this.props.book.series && this.props.book.series.name ? React.createElement("h3", {className: "series"}, this.props.book.series.name) : "", this.props.book.authors && this.props.book.authors.length ? React.createElement("h2", {className: "authors"}, this.props.book.authors.join(", ")) : "", this.props.book.contributors && this.props.book.contributors.length ? React.createElement("h2", {className: "contributors"}, "Contributors: ", this.props.book.contributors.join(", ")) : "", React.createElement("div", {className: "fields"}, this.fields().map(function (field) { return field.value ? React.createElement("div", {className: field.name.toLowerCase().replace(" ", "-"), key: field.name}, field.name, ": ", field.value) : null; })))), React.createElement("div", {className: "divider"}), React.createElement("div", {className: "main"}, React.createElement("div", {className: "row"}, React.createElement("div", {className: "col-sm-3"}, this.props.book.url && React.createElement(CatalogLink_1.default, {className: "btn btn-link", target: "_blank", bookUrl: this.props.book.url}, "Permalink")), React.createElement("div", {className: "top col-sm-6"}, React.createElement("div", {className: "circulation-links"}, this.circulationLinks()), React.createElement("div", {className: "circulation-info"}, this.circulationInfo())), React.createElement("div", {className: "right-column-links col-sm-3"}, this.rightColumnLinks())), React.createElement("div", {className: "summary", dangerouslySetInnerHTML: { __html: this.props.book.summary }})))); }; BookDetails.prototype.componentDidMount = function () { this.setBodyOverflow("hidden"); }; BookDetails.prototype.componentWillUnmount = function () { this.setBodyOverflow("visible"); }; BookDetails.prototype.setBodyOverflow = function (value) { var elem = document.getElementsByTagName("body")[0]; if (elem) { elem.style.overflow = value; } }; BookDetails.prototype.fields = function () { return this.props.book ? [ { name: "Publisher", value: this.props.book.publisher }, { name: "Published", "value": this.props.book.published }, { name: "Categories", value: this.props.book.categories ? this.props.book.categories.join(", ") : null } ] : []; }; BookDetails.prototype.circulationLinks = function () { var _this = this; var links = []; if (this.isOpenAccess()) { links.push(this.props.book.openAccessLinks.map(function (link) { return (React.createElement(DownloadButton_1.default, {key: link.url, url: link.url, mimeType: link.type, isPlainLink: true})); })); } else if (this.isBorrowed()) { links.push(this.props.book.fulfillmentLinks.map(function (link) { var isStreaming = link.type === "text/html;profile=http://librarysimplified.org/terms/profiles/streaming-media"; return (React.createElement(DownloadButton_1.default, {key: link.url, fulfill: _this.props.fulfillBook, indirectFulfill: _this.props.indirectFulfillBook, url: link.url, mimeType: link.type, title: _this.props.book.title, isPlainLink: isStreaming || !_this.props.isSignedIn, indirectType: link.indirectType})); })); } if (this.isReserved()) { links.push(React.createElement("button", {key: "onhold", className: "btn btn-default disabled"}, "On Hold")); } else if (this.props.book.borrowUrl) { var label = this.props.book.copies && this.props.book.copies.available === 0 ? "Hold" : "Borrow"; links.push(React.createElement(BorrowButton_1.default, {key: this.props.book.borrowUrl, borrow: this.borrow}, label)); } return links; }; BookDetails.prototype.circulationInfo = function () { if (this.isOpenAccess()) { return [(React.createElement("div", {key: "oa"}, "This open-access book is available to keep."))]; } if (this.isBorrowed()) { var availableUntil = this.props.book.availability && this.props.book.availability.until; if (availableUntil) { var timeLeft = moment(availableUntil).fromNow(true); return [(React.createElement("div", {key: "loan"}, "You have this book on loan for ", timeLeft, "."))]; } return []; } var info = []; var availableCopies = (this.props.book.copies && this.props.book.copies.available); var totalCopies = (this.props.book.copies && this.props.book.copies.total); var totalHolds = (this.props.book.holds && this.props.book.holds.total); var holdsPosition = (this.props.book.holds && this.props.book.holds.position); if (availableCopies !== undefined && availableCopies !== null && totalCopies !== undefined && totalCopies !== null) { info.push(React.createElement("div", {key: "copies"}, availableCopies, " of ", totalCopies, " copies available")); } if (totalHolds && availableCopies === 0) { info.push(React.createElement("div", {key: "holds"}, totalHolds, " patrons in hold queue")); if (this.isReserved() && holdsPosition !== undefined && holdsPosition !== null) { info.push(React.createElement("div", {key: "holds-position"}, "Your holds position: ", holdsPosition)); } } return info; }; BookDetails.prototype.borrow = function () { return this.props.updateBook(this.props.book.borrowUrl); }; BookDetails.prototype.isReserved = function () { return this.props.book.availability && this.props.book.availability.status === "reserved"; }; BookDetails.prototype.isBorrowed = function () { return this.props.book.fulfillmentLinks && this.props.book.fulfillmentLinks.length > 0; }; BookDetails.prototype.isOpenAccess = function () { return this.props.book.openAccessLinks && this.props.book.openAccessLinks.length > 0; }; BookDetails.prototype.rightColumnLinks = function () { }; return BookDetails; }(React.Component)); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = BookDetails;