From b4fc6f7e20fa5b24a372a5f85c2226baea429853 Mon Sep 17 00:00:00 2001
From: Patrick Farwick <9168045+MinecraftPlaye@users.noreply.github.com>
Date: Tue, 18 Jan 2022 15:45:12 +0000
Subject: [PATCH] Save reading progress for pdfs for each page

This removes the 10s interval between saving and instead saves the
reading progress for pdf files every time.

As a side effect, the pdf will appear in the "Continue Watching" section
of Jellyfin. Before this commit, there was no indication that someone
started reading the pdf book.

Update the resume button after stopping for the pdf player.
---
 src/plugins/pdfPlayer/plugin.js | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/plugins/pdfPlayer/plugin.js b/src/plugins/pdfPlayer/plugin.js
index 6d644c48cc..62f80d12e8 100644
--- a/src/plugins/pdfPlayer/plugin.js
+++ b/src/plugins/pdfPlayer/plugin.js
@@ -36,6 +36,12 @@ export class PdfPlayer {
     stop() {
         this.unbindEvents();
 
+        const stopInfo = {
+            src: this.item
+        };
+
+        Events.trigger(this, 'stopped', [stopInfo]);
+
         const elem = this.mediaElement;
         if (elem) {
             dialogHelper.close(elem);
@@ -49,6 +55,10 @@ export class PdfPlayer {
         this.cancellationToken = true;
     }
 
+    destroy() {
+        // Nothing to do here
+    }
+
     currentItem() {
         return this.item;
     }
@@ -114,8 +124,8 @@ export class PdfPlayer {
     bindMediaElementEvents() {
         const elem = this.mediaElement;
 
-        elem.addEventListener('close', this.onDialogClosed, {once: true});
-        elem.querySelector('.btnExit').addEventListener('click', this.onDialogClosed, {once: true});
+        elem.addEventListener('close', this.onDialogClosed, { once: true });
+        elem.querySelector('.btnExit').addEventListener('click', this.onDialogClosed, { once: true });
     }
 
     bindEvents() {
@@ -181,6 +191,7 @@ export class PdfPlayer {
         this.streamInfo = {
             started: true,
             ended: false,
+            item: this.item,
             mediaSource: {
                 Id: item.Id
             }
@@ -218,12 +229,16 @@ export class PdfPlayer {
         if (this.progress === this.duration() - 1) return;
         this.loadPage(this.progress + 2);
         this.progress = this.progress + 1;
+
+        Events.trigger(this, 'pause');
     }
 
     previous() {
         if (this.progress === 0) return;
         this.loadPage(this.progress);
         this.progress = this.progress - 1;
+
+        Events.trigger(this, 'pause');
     }
 
     replaceCanvas(canvas) {
@@ -265,8 +280,6 @@ export class PdfPlayer {
 
     renderPage(canvas, number) {
         this.book.getPage(number).then(page => {
-            Events.trigger(this, 'timeupdate');
-
             const original = page.getViewport({ scale: 1 });
             const context = canvas.getContext('2d');