@internetarchive/ia-book-actions 0.0.29-alpha40 → 0.0.29-alpha41

package/demo/index.html

@@ -120,7 +120,6 @@
     // set defaultLendingStatus for unavailable (without borrowables) book
     let iaBookActions = document.querySelector('ia-book-actions');
 
-
     iaBookActions.userid = userid;
     iaBookActions.identifier = identifier;
     iaBookActions.bookTitle = 'Contemporary Black biography. Volume 39 : profiles from the interContemporary Black biography. Volume 39';
@@ -134,7 +133,7 @@
 
     let isDevBox = true;
     iaBookActions.loanRenewTimeConfig = {
-      loanTotalTime: isDevBox ? 13 : 3600, // 60 second = 1 min
+      loanTotalTime: isDevBox ? 15 : 3600, // 60 second = 1 min
       loanRenewAtLast: isDevBox ? 10 : 3540, // at last 10th minute
       pageChangedInLast: isDevBox ? 5 : 900, // within last 15 second/minute
       isDevBox: isDevBox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-book-actions",
-  "version": "0.0.29-alpha40",
+  "version": "0.0.29-alpha41",
   "description": "Bookreader actions for borrowable book",
   "author": "Internet Archive",
   "license": "AGPL-3.0-only",

package/src/components/timer-countdown.js

@@ -79,6 +79,26 @@ export default class TimerCountdown extends LitElement {
     }, timerIntervalSeconds * 1000);
   }
 
+  /**
+   * get remaining time with timeunit
+   *
+   * @memberof TimerCountdown
+   * @return string
+   */
+  get remainingTime() {
+    let unitOfTime = 'second';
+    let timeLeft = Math.round(this.secondsLeftOnLoan);
+
+    if (timeLeft > 60) {
+      unitOfTime = 'minute';
+      timeLeft = Math.floor(timeLeft / 60);
+    }
+
+    return timeLeft !== 1
+      ? `${timeLeft} ${unitOfTime}s`
+      : `${timeLeft} ${unitOfTime}`;
+  }
+
   render() {
     return html`
       <svg
@@ -89,8 +109,8 @@ export default class TimerCountdown extends LitElement {
       >
         <circle class="circle" cx="50" cy="50" r="50" />
       </svg>
-      <span class="sr-only"></span>
-      <span>${Math.round(this.secondsLeftOnLoan)}</span>
+      <span class="sr-only">${this.remainingTime}</span>
+      <span>${this.remainingTime}</span>
     `;
   }
 
@@ -131,6 +151,17 @@ export default class TimerCountdown extends LitElement {
         stroke-dasharray: 0;
         animation: ${timerSecondsLeft} circletimer linear;
       }
+
+      .sr-only {
+        position: absolute;
+        left: -9999px;
+        width: 1px;
+        height: 1px;
+        margin: 0;
+        padding: 0;
+        border: none;
+        overflow: hidden;
+      }
     `;
   }
 }

package/src/ia-book-actions.js

@@ -646,7 +646,7 @@ export default class IABookActions extends LitElement {
             .identifier}"
           >info@archive.org</a
         ><br /><br />
-        errorLog: ${errorMsg}`;
+        <code>errorLog: ${errorMsg}</code>`;
     }
 
     this.modal.showModal({