changed header layout for view mode

apps/common/main/lib/view/Header.js

@@ -72,6 +72,10 @@ define([
         var templateRightBox = '<section>' +
                             '<label id="rib-doc-name" class="status-label"></label>' +
                             '<a id="rib-save-status" class="status-label locked"><%= textSaveEnd %></a>' +
+                            '<div class="hedset">' +
+                                '<div class="btn-slot" id="slot-hbtn-print"></div>' +
+                                '<div class="btn-slot" id="slot-hbtn-download"></div>' +
+                            '</div>' +
                             '<div class="hedset">' +
                                 // '<span class="btn-slot text" id="slot-btn-users"></span>' +
                                 '<section id="tlb-box-users" class="box-cousers dropdown"">' +
@@ -170,7 +174,6 @@ define([
 
             $btnUsers.find('.caption')
                 .css({'font-size': (count > 1 ? '12px' : '14px'),
-                    'font-weight': (count > 1 ? 'bold' : 'normal'),
                     'margin-top': (count > 1 ? '0' : '-1px')})
                 .html(count > 1 ? count : '&plus;');
 
@@ -249,6 +252,22 @@ define([
                     $saveStatus.addClass('locked');
                 }
             }
+
+            if ( !mode.isEdit ) {
+                if ( me.btnDownload ) {
+                    me.btnDownload.updateHint('Download document');
+                    me.btnDownload.on('click', function (e) {
+                        me.fireEvent('downloadas', ['original']);
+                    });
+                }
+
+                if ( me.btnPrint ) {
+                    me.btnDownload.updateHint('Print');
+                    me.btnPrint.on('click', function (e) {
+                        me.fireEvent('print', me);
+                    });
+                }
+            }
         }
 
         return {
@@ -293,7 +312,6 @@ define([
                     reset   : onResetUsers
                 });
 
-
                 Common.NotificationCenter.on('app:ready', function(mode) {
                     Common.Utils.asyncCall(onAppReady, me, mode);
                 });
@@ -337,6 +355,28 @@ define([
                         }
                     }
 
+                    if ( !config.isEdit ) {
+                        if ( (config.canDownload || config.canDownloadOrigin) && !config.isOffline  ) {
+                            this.btnDownload = new Common.UI.Button({
+                                id: 'btn-download',
+                                cls: 'btn-header',
+                                iconCls: 'svgicon svg-btn-download'
+                            });
+
+                            this.btnDownload.render($html.find('#slot-hbtn-download'));
+                        }
+
+                        if ( config.canPrint ) {
+                            this.btnPrint = new Common.UI.Button({
+                                id: 'btn-goback',
+                                cls: 'btn-header',
+                                iconCls: 'svgicon svg-btn-print'
+                            });
+
+                            this.btnPrint.render($html.find('#slot-hbtn-print'));
+                        }
+                    }
+
                     if ( this.documentCaption ) {
                         $html.find('#rib-doc-name').text(
                             Common.Utils.String.htmlEncode(this.documentCaption) );

apps/documenteditor/main/app/controller/Toolbar.js

@@ -112,6 +112,12 @@ define([
                 'FileMenu': {
                     'menu:hide': this.onFileMenu.bind(this, 'hide'),
                     'menu:show': this.onFileMenu.bind(this, 'show')
+                },
+                'Common.Views.Header': {
+                    'print': this.onPrint.bind(this),
+                    'downloadas': function (opts) {
+                        this.api.asc_DownloadOrigin();
+                    }.bind(this)
                 }
             });
 

apps/documenteditor/main/app/view/Toolbar.js

@@ -80,7 +80,7 @@ define([
                 Common.UI.Mixtbar.prototype.initialize.call(this, {
                         template: _.template(template),
                         tabs: [
-                            { caption: me.textTabFile, action: 'file'},
+                            { caption: me.textTabFile, action: 'file', extcls: 'canedit'},
                             { caption: me.textTabHome, action: 'home', extcls: 'canedit'},
                             { caption: me.textTabInsert, action: 'ins', extcls: 'canedit'},
                             { caption: me.textTabLayout, action: 'layout', extcls: 'canedit'}

apps/presentationeditor/main/app/view/Toolbar.js

@@ -138,7 +138,7 @@ define([
                 Common.UI.Mixtbar.prototype.initialize.call(this, {
                     template: _.template(template),
                     tabs: [
-                        { caption: 'File', action: 'file'},
+                        { caption: 'File', action: 'file', extcls: 'canedit'},
                         { caption: 'Home', action: 'home', extcls: 'canedit'},
                         { caption: 'Insert', action: 'ins', extcls: 'canedit'}
                     ]}

apps/spreadsheeteditor/main/app/view/Toolbar.js

@@ -318,7 +318,7 @@ define([
                 Common.UI.Mixtbar.prototype.initialize.call(this, {
                     template: _.template(template),
                     tabs: [
-                        { caption: 'File'/*me.textTabFile*/, action: 'file'},
+                        { caption: 'File'/*me.textTabFile*/, action: 'file', extcls: 'canedit'},
                         { caption: 'Home'/*me.textTabHome*/, action: 'home', extcls: 'canedit'},
                         { caption: 'Insert'/*me.textTabInsert*/, action: 'ins', extcls: 'canedit'}
                     ]}