From 28142781bad812d8ccf95d453b24d92badd380d2 Mon Sep 17 00:00:00 2001
From: JuliaSvinareva <Julia.Svinaryova@onlyoffice.com>
Date: Fri, 27 Aug 2021 14:50:02 +0300
Subject: [PATCH] [DE] Fix thumbnails page

---
 apps/documenteditor/main/app/controller/LeftMenu.js     | 7 ++++++-
 apps/documenteditor/main/app/controller/Main.js         | 1 +
 apps/documenteditor/main/app/template/LeftMenu.template | 2 +-
 apps/documenteditor/main/app/view/LeftMenu.js           | 1 +
 apps/documenteditor/main/resources/less/thumbnails.less | 1 +
 5 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/documenteditor/main/app/controller/LeftMenu.js b/apps/documenteditor/main/app/controller/LeftMenu.js
index 63ad93456..7c9dcd308 100644
--- a/apps/documenteditor/main/app/controller/LeftMenu.js
+++ b/apps/documenteditor/main/app/controller/LeftMenu.js
@@ -208,7 +208,12 @@ define([
 
             this.leftMenu.setOptionsPanel('navigation', this.getApplication().getController('Navigation').getView('Navigation'));
 
-            this.leftMenu.setOptionsPanel('thumbnails', this.getApplication().getController('PageThumbnails').getView('PageThumbnails'));
+            if (this.mode.canUseThumbnails) {
+                this.leftMenu.btnThumbnails.show();
+                this.leftMenu.setOptionsPanel('thumbnails', this.getApplication().getController('PageThumbnails').getView('PageThumbnails'));
+            } else {
+                this.leftMenu.btnThumbnails.hide();
+            }
 
             (this.mode.trialMode || this.mode.isBeta) && this.leftMenu.setDeveloperMode(this.mode.trialMode, this.mode.isBeta, this.mode.buildVersion);
 
diff --git a/apps/documenteditor/main/app/controller/Main.js b/apps/documenteditor/main/app/controller/Main.js
index 0105baa1f..a508cb55f 100644
--- a/apps/documenteditor/main/app/controller/Main.js
+++ b/apps/documenteditor/main/app/controller/Main.js
@@ -1434,6 +1434,7 @@ define([
                 var type = /^(?:(pdf|djvu|xps))$/.exec(this.document.fileType);
                 this.appOptions.canDownloadOrigin = this.permissions.download !== false && (type && typeof type[1] === 'string');
                 this.appOptions.canDownload       = this.permissions.download !== false && (!type || typeof type[1] !== 'string');
+                this.appOptions.canUseThumbnails  = /^pdf$/.test(this.document.fileType);
 
                 this.appOptions.fileKey = this.document.key;
 
diff --git a/apps/documenteditor/main/app/template/LeftMenu.template b/apps/documenteditor/main/app/template/LeftMenu.template
index 0412049d8..0bf7a8d12 100644
--- a/apps/documenteditor/main/app/template/LeftMenu.template
+++ b/apps/documenteditor/main/app/template/LeftMenu.template
@@ -7,9 +7,9 @@
         <!-- /** coauthoring end **/ -->
         <button id="left-btn-plugins" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-plugin">&nbsp;</i></button>
         <button id="left-btn-navigation" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-navigation">&nbsp;</i></button>
+        <button id="left-btn-thumbnails" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-thumbs">&nbsp;</i></button>
         <button id="left-btn-support" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-support">&nbsp;</i></button>
         <button id="left-btn-about" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-about">&nbsp;</i></button>
-        <button id="left-btn-thumbnails" class="btn btn-category" data-hint="0" data-hint-direction="right" data-hint-offset="big" content-target=""><i class="icon toolbar__icon btn-menu-thumbs">&nbsp;</i></button>
     </div>
     <div class="left-panel" style="">
         <!-- /** coauthoring begin **/ -->
diff --git a/apps/documenteditor/main/app/view/LeftMenu.js b/apps/documenteditor/main/app/view/LeftMenu.js
index 8aae2a3c2..f222b4403 100644
--- a/apps/documenteditor/main/app/view/LeftMenu.js
+++ b/apps/documenteditor/main/app/view/LeftMenu.js
@@ -174,6 +174,7 @@ define([
                 disabled: true,
                 toggleGroup: 'leftMenuGroup'
             });
+            this.btnThumbnails.hide();
 
             this.btnThumbnails.on('click', this.onBtnMenuClick.bind(this));
 
diff --git a/apps/documenteditor/main/resources/less/thumbnails.less b/apps/documenteditor/main/resources/less/thumbnails.less
index 5098c7576..7104f9727 100644
--- a/apps/documenteditor/main/resources/less/thumbnails.less
+++ b/apps/documenteditor/main/resources/less/thumbnails.less
@@ -6,6 +6,7 @@
     #thumbnails-list {
         height: 100%;
         overflow: hidden;
+        padding-top: 45px;
     }
 
     #thumbnails-header {