From 23ac69f964ae56e923886615d799337706d9a76c Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Wed, 19 May 2021 17:29:13 +0300
Subject: [PATCH] [Embedded] Change settings menu

---
 .../embed/js/ApplicationController.js         | 62 ++++++++++++++++---
 .../embed/js/ApplicationView.js               |  8 ++-
 .../embed/js/ApplicationController.js         |  2 +-
 .../embed/js/ApplicationController.js         |  4 +-
 4 files changed, 62 insertions(+), 14 deletions(-)

diff --git a/apps/documenteditor/embed/js/ApplicationController.js b/apps/documenteditor/embed/js/ApplicationController.js
index bb8db4582..eabeb7404 100644
--- a/apps/documenteditor/embed/js/ApplicationController.js
+++ b/apps/documenteditor/embed/js/ApplicationController.js
@@ -229,28 +229,56 @@ DE.ApplicationController = new(function(){
         var zf = (config.customization && config.customization.zoom ? parseInt(config.customization.zoom) : -2);
         (zf == -1) ? api.zoomFitToPage() : ((zf == -2) ? api.zoomFitToWidth() : api.zoom(zf>0 ? zf : 100));
 
-        if ( !embedConfig.saveUrl && permissions.print === false)
-            $('#idt-download').hide();
+        var dividers = $('#box-tools .divider');
+        var itemsCount = $('#box-tools a').length;
 
-        if ( permissions.print === false)
+        if ( permissions.print === false) {
             $('#idt-print').hide();
+            $(dividers[0]).hide();
+            itemsCount--;
+        }
 
-        if ( !embedConfig.shareUrl || appOptions.canFillForms)
+        if ( !embedConfig.saveUrl && permissions.print === false || appOptions.canFillForms) {
+            $('#idt-download').hide();
+            itemsCount--;
+        }
+
+        if ( !appOptions.canFillForms || permissions.download === false) {
+            $('#idt-download-docx').hide();
+            $('#idt-download-pdf').hide();
+            $(dividers[0]).hide();
+            $(dividers[1]).hide();
+            itemsCount -= 2;
+        }
+
+        if ( !embedConfig.shareUrl || appOptions.canFillForms) {
             $('#idt-share').hide();
+            itemsCount--;
+        }
 
-        if (!config.canBackToFolder)
-            $('#id-close').hide();
+        if (!config.canBackToFolder) {
+            $('#idt-close').hide();
+            itemsCount--;
+        }
 
-        if ( !embedConfig.embedUrl || appOptions.canFillForms)
+        if (itemsCount<3)
+            $(dividers[2]).hide();
+
+        if ( !embedConfig.embedUrl || appOptions.canFillForms) {
             $('#idt-embed').hide();
+            itemsCount--;
+        }
 
-        if ( !embedConfig.fullscreenUrl )
+        if ( !embedConfig.fullscreenUrl ) {
             $('#idt-fullscreen').hide();
+            itemsCount--;
+        }
 
-        if ( !embedConfig.saveUrl && permissions.print === false && (!embedConfig.shareUrl || appOptions.canFillForms) && (!embedConfig.embedUrl || appOptions.canFillForms) && !embedConfig.fullscreenUrl && !config.canBackToFolder)
+        // if ( !embedConfig.saveUrl && permissions.print === false && (!embedConfig.shareUrl || appOptions.canFillForms) && (!embedConfig.embedUrl || appOptions.canFillForms) && !embedConfig.fullscreenUrl && !config.canBackToFolder)
+        if (itemsCount<1)
             $('#box-tools').addClass('hidden');
         else if ((!embedConfig.embedUrl || appOptions.canFillForms) && !embedConfig.fullscreenUrl)
-            $('#box-tools .divider').hide();
+            $(dividers[2]).hide();
 
         common.controller.modals.attach({
             share: '#idt-share',
@@ -304,6 +332,20 @@ DE.ApplicationController = new(function(){
             }
         });
 
+        var downloadAs =  function(format){
+            api.asc_DownloadAs(new Asc.asc_CDownloadOptions(format));
+            Common.Analytics.trackEvent('Save');
+        };
+
+        DE.ApplicationView.tools.get('#idt-download-docx')
+            .on('click', function(){
+                downloadAs(Asc.c_oAscFileType.DOCX);
+            });
+        DE.ApplicationView.tools.get('#idt-download-pdf')
+            .on('click', function(){
+                downloadAs(Asc.c_oAscFileType.PDF);
+            });
+
         $('#id-btn-zoom-in').on('click', api.zoomIn.bind(this));
         $('#id-btn-zoom-out').on('click', api.zoomOut.bind(this));
 
diff --git a/apps/documenteditor/embed/js/ApplicationView.js b/apps/documenteditor/embed/js/ApplicationView.js
index 5bd7d684d..75a8adb04 100644
--- a/apps/documenteditor/embed/js/ApplicationView.js
+++ b/apps/documenteditor/embed/js/ApplicationView.js
@@ -46,7 +46,11 @@ DE.ApplicationView = new(function(){
         $btnTools.parent().append(
             '<ul class="dropdown-menu pull-right">' +
                 '<li><a id="idt-print"><span class="mi-icon svg-icon print"></span>' + this.txtPrint + '</a></li>' +
+                '<li class="divider"></li>' +
                 '<li><a id="idt-download"><span class="mi-icon svg-icon download"></span>' + this.txtDownload + '</a></li>' +
+                '<li><a id="idt-download-docx"><span class="mi-icon svg-icon download"></span>' + this.txtDownloadDocx + '</a></li>' +
+                '<li><a id="idt-download-pdf"><span class="mi-icon"></span>' + this.txtDownloadPdf + '</a></li>' +
+                '<li class="divider"></li>' +
                 '<li><a id="idt-share" data-toggle="modal"><span class="mi-icon svg-icon share"></span>' + this.txtShare + '</a></li>' +
                 '<li><a id="idt-close" data-toggle="modal"><span class="mi-icon svg-icon go-to-location"></span>' + this.txtFileLocation + '</a></li>' +
                 '<li class="divider"></li>' +
@@ -70,6 +74,8 @@ DE.ApplicationView = new(function(){
         txtShare: 'Share',
         txtEmbed: 'Embed',
         txtFullScreen: 'Full Screen',
-        txtFileLocation: 'Open file location'
+        txtFileLocation: 'Open file location',
+        txtDownloadDocx: 'Download as docx',
+        txtDownloadPdf: 'Download as pdf'
     }
 })();
diff --git a/apps/presentationeditor/embed/js/ApplicationController.js b/apps/presentationeditor/embed/js/ApplicationController.js
index 95b23d420..8982ccd8b 100644
--- a/apps/presentationeditor/embed/js/ApplicationController.js
+++ b/apps/presentationeditor/embed/js/ApplicationController.js
@@ -242,7 +242,7 @@ PE.ApplicationController = new(function(){
             $('#idt-share').hide();
 
         if (!config.canBackToFolder)
-            $('#id-close').hide();
+            $('#idt-close').hide();
 
         if ( !embedConfig.embedUrl )
             $('#idt-embed').hide();
diff --git a/apps/spreadsheeteditor/embed/js/ApplicationController.js b/apps/spreadsheeteditor/embed/js/ApplicationController.js
index 7c8f3b24b..8ad14a075 100644
--- a/apps/spreadsheeteditor/embed/js/ApplicationController.js
+++ b/apps/spreadsheeteditor/embed/js/ApplicationController.js
@@ -192,7 +192,7 @@ SSE.ApplicationController = new(function(){
             $('#idt-share').hide();
 
         if (!config.canBackToFolder)
-            $('#id-close').hide();
+            $('#idt-close').hide();
 
         if ( !embedConfig.embedUrl )
             $('#idt-embed').hide();
@@ -355,7 +355,7 @@ SSE.ApplicationController = new(function(){
             $parent.css('padding-left', _right_width - _left_width);
         else
             $parent.css('padding-right', _left_width - _right_width);
-        
+
         api.asc_setViewMode(true);
         api.asc_LoadDocument();
     }