From 512f33a7fb30b2f36eb214cc78d2724788d9405f Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Fri, 22 May 2020 10:42:58 +0900
Subject: [PATCH] fix all indentation issues in book player

---
 src/components/bookPlayer/plugin.js | 324 ++++++++++++++--------------
 1 file changed, 161 insertions(+), 163 deletions(-)

diff --git a/src/components/bookPlayer/plugin.js b/src/components/bookPlayer/plugin.js
index 62fbd1a593..557e3aa427 100644
--- a/src/components/bookPlayer/plugin.js
+++ b/src/components/bookPlayer/plugin.js
@@ -9,194 +9,192 @@ import 'css!./style';
 import 'material-icons';
 import 'paper-icon-button-light';
 
-/* eslint-disable indent */
 export class BookPlayer {
-        constructor() {
-            this.name = 'Book Player';
-            this.type = 'mediaplayer';
-            this.id = 'bookplayer';
-            this.priority = 1;
+    constructor() {
+        this.name = 'Book Player';
+        this.type = 'mediaplayer';
+        this.id = 'bookplayer';
+        this.priority = 1;
+    }
+
+    play(options) {
+        loading.show();
+        let elem = this.createMediaElement();
+        return this.setCurrentSrc(elem, options);
+    }
+
+    stop() {
+        let elem = this._mediaElement;
+        let rendition = this._rendition;
+
+        if (elem && rendition) {
+            rendition.destroy();
+
+            elem.remove();
+            this._mediaElement = null;
         }
+    }
 
-        play(options) {
-            loading.show();
-            let elem = this.createMediaElement();
-            return this.setCurrentSrc(elem, options);
+    onWindowKeyUp(e) {
+        let key = keyboardnavigation.getKeyName(e);
+        let rendition = this._rendition;
+        let book = rendition.book;
+
+        switch (key) {
+            case 'l':
+            case 'ArrowRight':
+            case 'Right':
+                book.package.metadata.direction === 'rtl' ? rendition.prev() : rendition.next();
+                break;
+            case 'j':
+            case 'ArrowLeft':
+            case 'Left':
+                book.package.metadata.direction === 'rtl' ? rendition.next() : rendition.prev();
+                break;
+            case 'Escape':
+                dialogHelper.close(this._mediaElement);
+                if (this._tocElement) {
+                    dialogHelper.close(this._tocElement);
+                }
+                break;
         }
+    }
 
-        stop() {
-            let elem = this._mediaElement;
-            let rendition = this._rendition;
+    onDialogClosed() {
+        this.stop();
+    }
 
-            if (elem && rendition) {
-                rendition.destroy();
+    replaceLinks(contents, f) {
+        let links = contents.querySelectorAll('a[href]');
 
-                elem.remove();
-                this._mediaElement = null;
-            }
-        }
+        links.forEach((link) => {
+            let href = link.getAttribute('href');
 
-        onWindowKeyUp(e) {
-            let key = keyboardnavigation.getKeyName(e);
-            let rendition = this._rendition;
-            let book = rendition.book;
+            link.onclick = function () {
+                f(href);
+                return false;
+            };
+        });
+    }
 
-            switch (key) {
-                case 'l':
-                case 'ArrowRight':
-                case 'Right':
-                    book.package.metadata.direction === 'rtl' ? rendition.prev() : rendition.next();
-                    break;
-                case 'j':
-                case 'ArrowLeft':
-                case 'Left':
-                    book.package.metadata.direction === 'rtl' ? rendition.next() : rendition.prev();
-                    break;
-                case 'Escape':
-                    dialogHelper.close(this._mediaElement);
-                    if (this._tocElement) {
-                        dialogHelper.close(this._tocElement);
-                    }
-                    break;
-            }
-        }
-
-        onDialogClosed() {
-            this.stop();
-        }
-
-        replaceLinks(contents, f) {
-            let links = contents.querySelectorAll('a[href]');
-
-            links.forEach((link) => {
-                let href = link.getAttribute('href');
-
-                link.onclick = function () {
-                    f(href);
-                    return false;
-                };
-            });
-        }
-
-        createMediaElement() {
-            let elem = this._mediaElement;
-
-            if (elem) {
-                return elem;
-            }
-
-            elem = document.getElementById('bookPlayer');
-
-            if (!elem) {
-                elem = dialogHelper.createDialog({
-                    exitAnimationDuration: 400,
-                    size: 'fullscreen',
-                    autoFocus: false,
-                    scrollY: false,
-                    exitAnimation: 'fadeout',
-                    removeOnClose: true
-                });
-                elem.id = 'bookPlayer';
-
-                let html = '';
-                html += '<div class="topRightActionButtons">';
-                html += '<button is="paper-icon-button-light" class="autoSize bookplayerButton btnBookplayerExit hide-mouse-idle-tv" tabindex="-1"><i class="material-icons bookplayerButtonIcon close"></i></button>';
-                html += '</div>';
-                html += '<div class="topLeftActionButtons">';
-                html += '<button is="paper-icon-button-light" class="autoSize bookplayerButton btnBookplayerToc hide-mouse-idle-tv" tabindex="-1"><i class="material-icons bookplayerButtonIcon toc"></i></button>';
-                html += '</div>';
-
-                elem.innerHTML = html;
-
-                elem.querySelector('.btnBookplayerExit').addEventListener('click', function () {
-                    dialogHelper.close(elem);
-                });
-
-                elem.querySelector('.btnBookplayerToc').addEventListener('click', function () {
-                    let rendition = this._rendition;
-                    if (rendition) {
-                        let tocElement = dialogHelper.createDialog({
-                            size: 'small',
-                            autoFocus: false,
-                            removeOnClose: true
-                        });
-                        tocElement.id = 'dialogToc';
-
-                        let tocHtml = '<div class="topRightActionButtons">';
-                        tocHtml += '<button is="paper-icon-button-light" class="autoSize bookplayerButton btnBookplayerTocClose hide-mouse-idle-tv" tabindex="-1"><i class="material-icons bookplayerButtonIcon close"></i></button>';
-                        tocHtml += '</div>';
-                        tocHtml += '<ul class="toc">';
-                        rendition.book.navigation.forEach((chapter) => {
-                            tocHtml += '<li>';
-                            // Remove '../' from href
-                            let link = chapter.href.startsWith('../') ? chapter.href.substr(3) : chapter.href;
-                            tocHtml += `<a href="${rendition.book.path.directory + link}">${chapter.label}</a>`;
-                            tocHtml += '</li>';
-                        });
-                        tocHtml += '</ul>';
-                        tocElement.innerHTML = tocHtml;
-
-                        tocElement.querySelector('.btnBookplayerTocClose').addEventListener('click', function () {
-                            dialogHelper.close(tocElement);
-                        });
-
-                        this.replaceLinks(tocElement, (href) => {
-                            let relative = rendition.book.path.relative(href);
-                            rendition.display(relative);
-                            dialogHelper.close(tocElement);
-                        });
-
-                        this._tocElement = tocElement;
-
-                        dialogHelper.open(tocElement);
-                    }
-                });
-
-                dialogHelper.open(elem);
-
-                elem.addEventListener('close', this.onDialogClosed.bind(this));
-            }
-
-            this._mediaElement = elem;
+    createMediaElement() {
+        let elem = this._mediaElement;
 
+        if (elem) {
             return elem;
         }
 
-        setCurrentSrc(elem, options) {
-            let serverId = options.items[0].ServerId;
-            let apiClient = connectionManager.getApiClient(serverId);
+        elem = document.getElementById('bookPlayer');
 
-            const self = this;
-            return new Promise(function (resolve, reject) {
-                require(['epubjs'], function (epubjs) {
-                    let downloadHref = apiClient.getItemDownloadUrl(options.items[0].Id);
-                    self._currentSrc = downloadHref;
+        if (!elem) {
+            elem = dialogHelper.createDialog({
+                exitAnimationDuration: 400,
+                size: 'fullscreen',
+                autoFocus: false,
+                scrollY: false,
+                exitAnimation: 'fadeout',
+                removeOnClose: true
+            });
+            elem.id = 'bookPlayer';
 
-                    let book = epubjs.default(downloadHref, {openAs: 'epub'});
+            let html = '';
+            html += '<div class="topRightActionButtons">';
+            html += '<button is="paper-icon-button-light" class="autoSize bookplayerButton btnBookplayerExit hide-mouse-idle-tv" tabindex="-1"><i class="material-icons bookplayerButtonIcon close"></i></button>';
+            html += '</div>';
+            html += '<div class="topLeftActionButtons">';
+            html += '<button is="paper-icon-button-light" class="autoSize bookplayerButton btnBookplayerToc hide-mouse-idle-tv" tabindex="-1"><i class="material-icons bookplayerButtonIcon toc"></i></button>';
+            html += '</div>';
 
-                    let rendition = book.renderTo(elem, {width: '100%', height: '97%'});
-                    self._rendition = rendition;
+            elem.innerHTML = html;
 
-                    return rendition.display().then(function () {
-                        document.addEventListener('keyup', self.onWindowKeyUp.bind(self));
-                        // FIXME: I don't really get why document keyup event is not triggered when epub is in focus
-                        self._rendition.on('keyup', self.onWindowKeyUp.bind(self));
+            elem.querySelector('.btnBookplayerExit').addEventListener('click', function () {
+                dialogHelper.close(elem);
+            });
 
-                        loading.hide();
-
-                        return resolve();
-                    }, function () {
-                        console.error('Failed to display epub');
-                        return reject();
+            elem.querySelector('.btnBookplayerToc').addEventListener('click', function () {
+                let rendition = this._rendition;
+                if (rendition) {
+                    let tocElement = dialogHelper.createDialog({
+                        size: 'small',
+                        autoFocus: false,
+                        removeOnClose: true
                     });
+                    tocElement.id = 'dialogToc';
+
+                    let tocHtml = '<div class="topRightActionButtons">';
+                    tocHtml += '<button is="paper-icon-button-light" class="autoSize bookplayerButton btnBookplayerTocClose hide-mouse-idle-tv" tabindex="-1"><i class="material-icons bookplayerButtonIcon close"></i></button>';
+                    tocHtml += '</div>';
+                    tocHtml += '<ul class="toc">';
+                    rendition.book.navigation.forEach((chapter) => {
+                        tocHtml += '<li>';
+                        // Remove '../' from href
+                        let link = chapter.href.startsWith('../') ? chapter.href.substr(3) : chapter.href;
+                        tocHtml += `<a href="${rendition.book.path.directory + link}">${chapter.label}</a>`;
+                        tocHtml += '</li>';
+                    });
+                    tocHtml += '</ul>';
+                    tocElement.innerHTML = tocHtml;
+
+                    tocElement.querySelector('.btnBookplayerTocClose').addEventListener('click', function () {
+                        dialogHelper.close(tocElement);
+                    });
+
+                    this.replaceLinks(tocElement, (href) => {
+                        let relative = rendition.book.path.relative(href);
+                        rendition.display(relative);
+                        dialogHelper.close(tocElement);
+                    });
+
+                    this._tocElement = tocElement;
+
+                    dialogHelper.open(tocElement);
+                }
+            });
+
+            dialogHelper.open(elem);
+
+            elem.addEventListener('close', this.onDialogClosed.bind(this));
+        }
+
+        this._mediaElement = elem;
+
+        return elem;
+    }
+
+    setCurrentSrc(elem, options) {
+        let serverId = options.items[0].ServerId;
+        let apiClient = connectionManager.getApiClient(serverId);
+
+        const self = this;
+        return new Promise(function (resolve, reject) {
+            require(['epubjs'], function (epubjs) {
+                let downloadHref = apiClient.getItemDownloadUrl(options.items[0].Id);
+                self._currentSrc = downloadHref;
+
+                let book = epubjs.default(downloadHref, {openAs: 'epub'});
+
+                let rendition = book.renderTo(elem, {width: '100%', height: '97%'});
+                self._rendition = rendition;
+
+                return rendition.display().then(function () {
+                    document.addEventListener('keyup', self.onWindowKeyUp.bind(self));
+                    // FIXME: I don't really get why document keyup event is not triggered when epub is in focus
+                    self._rendition.on('keyup', self.onWindowKeyUp.bind(self));
+
+                    loading.hide();
+
+                    return resolve();
+                }, function () {
+                    console.error('Failed to display epub');
+                    return reject();
                 });
             });
-        }
+        });
+    }
 
     canPlayMediaType(mediaType) {
         return (mediaType || '').toLowerCase() === 'book';
     }
 }
 
-/* eslint-enable indent */
 export default BookPlayer;