[DE forms] Show download button

apps/common/forms/resources/less/common.less

@@ -228,6 +228,7 @@
 }
 
 .btn-text-default {
+    width: auto;
     &.colored {
         padding: 0 16px;
         height: 28px;

apps/documenteditor/forms/app/controller/ApplicationController.js

@@ -459,6 +459,7 @@ define([
 
             var me = this;
             me.view.btnSubmit.setVisible(this.appOptions.canFillForms && this.appOptions.canSubmitForms);
+            me.view.btnDownload.setVisible(this.appOptions.canDownload && this.appOptions.canFillForms && !this.appOptions.canSubmitForms);
             if (!this.appOptions.canFillForms) {
                 me.view.btnPrev.setVisible(false);
                 me.view.btnNext.setVisible(false);
@@ -476,6 +477,9 @@ define([
                 me.view.btnSubmit.on('click', function(){
                     me.api.asc_SendForm();
                 });
+                me.view.btnDownload.on('click', function(){
+                    me.appOptions.canDownload && me.api.asc_DownloadAs(new Asc.asc_CDownloadOptions(Asc.c_oAscFileType.PDF));
+                });
 
                 this.api.asc_setRestriction(Asc.c_oAscRestrictionType.OnlyForms);
                 this.api.asc_SetFastCollaborative(true);

apps/documenteditor/forms/app/view/ApplicationView.js

@@ -68,6 +68,13 @@ define([
             });
             this.btnSubmit.render($('#id-submit-group'));
 
+            this.btnDownload = new Common.UI.Button({
+                cls: 'btn-text-default colored margin-left-small margin-right-small',
+                caption: this.txtDownload,
+                hint: this.txtDownloadPdf
+            });
+            this.btnDownload.render($('#id-download-group'));
+
             this.txtGoToPage = new Common.UI.InputField({
                 el: $('#page-number'),
                 cls: 'masked',

apps/documenteditor/forms/index.html

@@ -237,6 +237,7 @@
                   <div id="page-number" style="display: inline-block; vertical-align: middle;"></div><span class="text" id="pages" tabindex="-1">of 1</span>
               </div>
               <div id="id-submit-group" style="display: inline-block;"></div>
+              <div id="id-download-group" style="display: inline-block;"></div>
               <span id="box-tools"></span>
           </div>
       </div>

apps/documenteditor/forms/index.html.deploy

@@ -210,6 +210,7 @@
                   <div id="page-number" style="display: inline-block; vertical-align: middle;"></div><span class="text" id="pages" tabindex="-1">of 1</span>
               </div>
               <div id="id-submit-group" style="display: inline-block;"></div>
+              <div id="id-download-group" style="display: inline-block;"></div>
               <span id="box-tools"></span>
           </div>
       </div>