Add search and dropdown menu with book categories

client-web/bower.json

@@ -12,7 +12,12 @@
  "iron-icons": "PolymerElements/iron-icons#^2.1.1",
  "iron-image": "PolymerElements/iron-image#^2.2.0",
  "iron-scroll-threshold": "PolymerElements/iron-scroll-threshold#^2.0.0",
- "iron-list": "PolymerElements/iron-list#^2.0.13"
+ "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^2.1.0",
+ "paper-listbox": "PolymerElements/paper-listbox#^2.1.0",
+ "web-animations-js": "web-animations/web-animations-js#2.2.2",
+ "paper-item": "PolymerElements/paper-item#^2.1.0",
+ "iron-list": "PolymerElements/iron-list#^2.0.13",
+ "paper-button": "PolymerElements/paper-button#^2.1.0"
  },
  "devDependencies": {
  "web-component-tester": "Polymer/web-component-tester#^6.0.0",

client-web/src/exlibris-app/actions/exlibris-actions.html

@@ -21,5 +21,12 @@
 <script>
  ExlibrisApp.ExlibrisActions = {
  FETCH_BOOKS: "FETCH_BOOKS",
+ FIND_BOOK_BY_ID: "FIND_BOOK_BY_ID",
+ CANCEL_BOOK_RESERVATION: "CANCEL_BOOK_RESERVATION",
+ RESERVE_BOOK: "RESERVE_BOOK",
+ EXTEND_LOAN_PERIOD: "EXTEND_LOAN_PERIOD",
+ FILTER_BY_CATEGORY: "FILTER_BY_CATEGORY",
+ SEARCH_BY_QUERY: "SEARCH_BY_QUERY",
+ RESET_FILTERS: "RESET_FILTERS"
  }
 </script>

client-web/src/exlibris-app/book-values.html → client-web/src/exlibris-app/book/book-values.html

@@ -19,6 +19,7 @@
  -->
 
 <script>
+ /* exported BookStatus EmptyArrayMessage BookCodePatterns ExternalLinkTemplates*/
 
  ExlibrisApp.BookStatus = {
  OVERDUE: "OVERDUE",
@@ -31,4 +32,23 @@
  READY_TO_PICK_UP: "READY_TO_PICK_UP",
  };
 
+ ExlibrisApp.EmptyArrayMessage = {
+ OVERDUE: "You don't have any overdue books yet.",
+ BORROWED: "You haven't borrowed any books yet.",
+ SHOULD_RETURN_SOON: "You don't have books that you should return soon",
+ RESERVED: "You haven't reserved any books yet",
+ EXPECTED_SOON: "In the near future, the supply of new books to the library is not expected.",
+ ALL: "There are no books in the library."
+ };
+
+ ExlibrisApp.BookCodePatterns = {
+ ISBN_10: /^\d{10}$/g,
+ ISBN_13: /^\d{13}$/g,
+ ASIN: /^[\d, A-Z]{10}$/g
+ };
+
+ ExlibrisApp.ExternalLinkTemplates = {
+ AMAZON: 'https://www.amazon.com/%s/dp/%s/',
+ PLAY_BOOKS: 'https://play.google.com/store/search?q=%s&c=books'
+ };
 </script>

client-web/src/exlibris-app/book/exlibris-book-details-redirect-link.html

@@ -0,0 +1,164 @@
+<!--
+ ~ Copyright 2018, TeamDev Ltd. All rights reserved.
+ ~
+ ~ Redistribution and use in source and/or binary forms, with or without
+ ~ modification, must retain the above copyright notice and the following
+ ~ disclaimer.
+ ~
+ ~ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+ ~ "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+ ~ LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+ ~ A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+ ~ OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+ ~ SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+ ~ LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+ ~ DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+ ~ THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ ~ (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+ ~ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ -->
+
+<link rel="import" href="../../../bower_components/polymer/polymer-element.html">
+
+<dom-module id="exlibris-book-details-redirect-link">
+ <template>
+ <style>
+ :host {
+ display: flex;
+ margin: 5px 0 5px 0;
+ }
+
+ #link {
+ @apply --paper-font-body1;
+ display: flex;
+ text-decoration: none;
+ color: var(--paper-blue-600);
+ }
+
+ #link:hover {
+ text-decoration: underline;
+ }
+ </style>
+
+ <a id="link" target="_blank" href="[[reference.value]]">
+ [[reference.title]]
+ </a>
+ </template>
+
+ <script>
+ {
+ String.prototype.format = function () {
+ return [...arguments].reduce((p, c) => p.replace(/%s/, c), this);
+ };
+
+ const BookCodePattern = {
+ ISBN_10: /^\d{10}$/g,
+ ISBN_13: /^\d{13}$/g,
+ ASIN: /^[\d, A-Z]{10}$/g
+ };
+
+ const ExternalLinkTemplate = {
+ AMAZON: 'https://www.amazon.com/%s/dp/%s/',
+ PLAY_BOOKS: 'https://play.google.com/store/search?q=%s&c=books'
+ };
+
+ /**
+ * The book external link component.
+ *
+ * Generates the link to the one of the global book services to
+ * open it in the new tab. The external service choice depends
+ * on the book code format.
+ *
+ * @customElement
+ * @polymer
+ */
+ class ExlibrisBookDetailsRedirectLink extends Polymer.Element {
+ static get is() {
+ return 'exlibris-book-details-redirect-link';
+ }
+
+ static get properties() {
+ return {
+ /**
+ * The book unique code.
+ * Can be presented in the form of ISBN10, ISBN13 or ASIN.
+ */
+ bookCode: String,
+
+ /**
+ * The book title.
+ */
+ bookTitle: String,
+
+ /**
+ * The enum of book code patterns for ISBN10, ISBN13 and ASIN.
+ */
+ bookCodePattern: {
+ type: Object,
+ value: BookCodePattern
+ },
+
+ /**
+ * The enum of external links patterns. Each value is used to
+ * generate redirect link depending on book code format.
+ */
+ externalLinkTemplate: {
+ type: Object,
+ value: ExternalLinkTemplate
+ },
+
+ /**
+ * The book external link reference and its title.
+ *
+ * @property {string} title the reference title.
+ * @property {string} value the link to open in the new tab.
+ */
+ reference: {
+ type: Object,
+ computed: "_calculateReference(bookCode, bookTitle)"
+ }
+ };
+ }
+
+ /**
+ * Checks for the passed book code format.
+ *
+ * If the `bookCode` matches the `ISBN10` or `ASIN` pattern, generates
+ * the Amazon book search link.
+ *
+ * If the `bookCode` matches the `ISBN13` pattern, generates the Google Play Books
+ * search link.
+ *
+ * @param {string} bookCode the book unique code (ISBN, ASIN).
+ * @param {string} bookTitle the book title.
+ * @returns {Object} the title and the value of link.
+ * @private
+ */
+ _calculateReference(bookCode, bookTitle) {
+ if (bookCode && bookTitle) {
+ if (bookCode.match(this.bookCodePattern.ISBN_10)) {
+ return {
+ title: 'ISBN: ' + bookCode,
+ value: this.externalLinkTemplate.AMAZON.format(bookTitle, bookCode)
+ }
+ }
+ if (bookCode.match(this.bookCodePattern.ISBN_13)) {
+ return {
+ title: 'ISBN: ' + bookCode,
+ value: this.externalLinkTemplate.PLAY_BOOKS.format(bookCode)
+ }
+ }
+ if (bookCode.match(this.bookCodePattern.ASIN)) {
+ return {
+ title: 'ASIN: ' + bookCode,
+ value: this.externalLinkTemplate.AMAZON.format(bookTitle, bookCode)
+ }
+ }
+ }
+ }
+ }
+
+ window.customElements.define(ExlibrisBookDetailsRedirectLink.is, ExlibrisBookDetailsRedirectLink);
+ }
+ </script>
+</dom-module>