From 99db65332a403dc9bd4cf4a822a9da8399c124b2 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Tue, 18 Jul 2017 16:33:10 +0300
Subject: [PATCH] refactoring

---
 apps/documenteditor/main/app/view/FileMenu.js | 172 ++++++++++--------
 .../main/app/view/FileMenu.js                 | 150 ++++++++-------
 .../presentationeditor/main/index.html.deploy |  73 --------
 .../main/app/view/FileMenu.js                 | 168 +++++++++--------
 4 files changed, 274 insertions(+), 289 deletions(-)

diff --git a/apps/documenteditor/main/app/view/FileMenu.js b/apps/documenteditor/main/app/view/FileMenu.js
index d784ffb86..1e4afffbf 100644
--- a/apps/documenteditor/main/app/view/FileMenu.js
+++ b/apps/documenteditor/main/app/view/FileMenu.js
@@ -84,6 +84,76 @@ define([
             this.$el = $(this.el);
             this.$el.html(this.template());
 
+            this.miSave = new Common.UI.MenuItem({
+                el      : $('#fm-btn-save',this.el),
+                action  : 'save',
+                caption : this.btnSaveCaption,
+                canFocused: false
+            });
+
+            this.miEdit = new Common.UI.MenuItem({
+                el      : $('#fm-btn-edit',this.el),
+                action  : 'edit',
+                caption : this.btnToEditCaption,
+                canFocused: false
+            });
+
+            this.miDownload = new Common.UI.MenuItem({
+                el      : $('#fm-btn-download',this.el),
+                action  : 'saveas',
+                caption : this.btnDownloadCaption,
+                canFocused: false
+            });
+
+            this.miSaveAs = new Common.UI.MenuItem({
+                el      : $('#fm-btn-save-desktop',this.el),
+                action  : 'save-desktop',
+                caption : this.btnSaveAsCaption,
+                canFocused: false
+            });
+
+            this.miPrint = new Common.UI.MenuItem({
+                el      : $('#fm-btn-print',this.el),
+                action  : 'print',
+                caption : this.btnPrintCaption,
+                canFocused: false
+            });
+
+            this.miRename = new Common.UI.MenuItem({
+                el      : $('#fm-btn-rename',this.el),
+                action  : 'rename',
+                caption : this.btnRenameCaption,
+                canFocused: false
+            });
+
+            this.miRecent = new Common.UI.MenuItem({
+                el      : $('#fm-btn-recent',this.el),
+                action  : 'recent',
+                caption : this.btnRecentFilesCaption,
+                canFocused: false
+            });
+
+            this.miNew = new Common.UI.MenuItem({
+                el      : $('#fm-btn-create',this.el),
+                action  : 'new',
+                caption : this.btnCreateNewCaption,
+                canFocused: false
+            });
+
+            this.miAccess = new Common.UI.MenuItem({
+                el      : $('#fm-btn-rights',this.el),
+                action  : 'rights',
+                caption : this.btnRightsCaption,
+                canFocused: false
+            });
+
+            this.miHistory = new Common.UI.MenuItem({
+                el      : $('#fm-btn-history',this.el),
+                action  : 'history',
+                caption : this.btnHistoryCaption,
+                canFocused: false
+            });
+
             this.items = [];
             this.items.push(
                 new Common.UI.MenuItem({
@@ -92,72 +162,22 @@ define([
                     caption : this.btnCloseMenuCaption,
                     canFocused: false
                 }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-save',this.el),
-                    action  : 'save',
-                    caption : this.btnSaveCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-edit',this.el),
-                    action  : 'edit',
-                    caption : this.btnToEditCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-download',this.el),
-                    action  : 'saveas',
-                    caption : this.btnDownloadCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-save-desktop',this.el),
-                    action  : 'save-desktop',
-                    caption : this.btnSaveAsCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-print',this.el),
-                    action  : 'print',
-                    caption : this.btnPrintCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-rename',this.el),
-                    action  : 'rename',
-                    caption : this.btnRenameCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-recent',this.el),
-                    action  : 'recent',
-                    caption : this.btnRecentFilesCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-create',this.el),
-                    action  : 'new',
-                    caption : this.btnCreateNewCaption,
-                    canFocused: false
-                }),
+                this.miSave,
+                this.miEdit,
+                this.miDownload,
+                this.miSaveAs,
+                this.miPrint,
+                this.miRename,
+                this.miRecent,
+                this.miNew,
                 new Common.UI.MenuItem({
                     el      : $('#fm-btn-info',this.el),
                     action  : 'info',
                     caption : this.btnInfoCaption,
                     canFocused: false
                 }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-rights',this.el),
-                    action  : 'rights',
-                    caption : this.btnRightsCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-history',this.el),
-                    action  : 'history',
-                    caption : this.btnHistoryCaption,
-                    canFocused: false
-                }),
+                this.miAccess,
+                this.miHistory,
                 new Common.UI.MenuItem({
                     el      : $('#fm-btn-settings',this.el),
                     action  : 'opts',
@@ -212,21 +232,21 @@ define([
         },
 
         applyMode: function() {
-            this.items[5][this.mode.canPrint?'show':'hide']();
-            this.items[6][(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide']();
-            this.items[6].$el.find('+.devider')[!this.mode.isDisconnected?'show':'hide']();
-            this.items[7][this.mode.canOpenRecent?'show':'hide']();
-            this.items[8][this.mode.canCreateNew?'show':'hide']();
-            this.items[8].$el.find('+.devider')[this.mode.canCreateNew?'show':'hide']();
+            this.miPrint[this.mode.canPrint?'show':'hide']();
+            this.miRename[(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide']();
+            this.miRename.$el.find('+.devider')[!this.mode.isDisconnected?'show':'hide']();
+            this.miRecent[this.mode.canOpenRecent?'show':'hide']();
+            this.miNew[this.mode.canCreateNew?'show':'hide']();
+            this.miNew.$el.find('+.devider')[this.mode.canCreateNew?'show':'hide']();
 
-            this.items[3][((this.mode.canDownload || this.mode.canDownloadOrigin) && (!this.mode.isDesktopApp || !this.mode.isOffline))?'show':'hide']();
-            this.items[4][((this.mode.canDownload || this.mode.canDownloadOrigin) && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide']();
+            this.miDownload[((this.mode.canDownload || this.mode.canDownloadOrigin) && (!this.mode.isDesktopApp || !this.mode.isOffline))?'show':'hide']();
+            this.miSaveAs[((this.mode.canDownload || this.mode.canDownloadOrigin) && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide']();
 //            this.hkSaveAs[this.mode.canDownload?'enable':'disable']();
 
-            this.items[1][this.mode.isEdit?'show':'hide']();
-            this.items[2][!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide']();
+            this.miSave[this.mode.isEdit?'show':'hide']();
+            this.miEdit[!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide']();
 
-            this.items[10][(!this.mode.isOffline && !this.mode.isReviewOnly && this.document&&this.document.info &&
+            this.miAccess[(!this.mode.isOffline && !this.mode.isReviewOnly && this.document&&this.document.info &&
                           (this.document.info.sharingSettings&&this.document.info.sharingSettings.length>0 ||
                           this.mode.sharingSettingsUrl&&this.mode.sharingSettingsUrl.length))?'show':'hide']();
 
@@ -239,7 +259,7 @@ define([
 
             if ( this.mode.canCreateNew ) {
                 if (this.mode.templates && this.mode.templates.length) {
-                    $('a',this.items[8].$el).text(this.btnCreateNewCaption + '...');
+                    $('a',this.miNew.$el).text(this.btnCreateNewCaption + '...');
                     this.panels['new'] = ((new DE.Views.FileMenuPanels.CreateNew({menu: this, docs: this.mode.templates})).render());
                 }
             }
@@ -257,11 +277,11 @@ define([
             if (this.mode.canDownload) {
                 this.panels['saveas'] = ((new DE.Views.FileMenuPanels.ViewSaveAs({menu: this})).render());
             } else if (this.mode.canDownloadOrigin)
-                $('a',this.items[3].$el).text(this.textDownload);
+                $('a',this.miDownload.$el).text(this.textDownload);
 
             this.panels['help'].setLangConfig(this.mode.lang);
 
-            this.items[11][this.mode.canUseHistory&&!this.mode.isDisconnected?'show':'hide']();
+            this.miHistory[this.mode.canUseHistory&&!this.mode.isDisconnected?'show':'hide']();
         },
 
         setMode: function(mode, delay) {
@@ -311,8 +331,8 @@ define([
         },
 
         SetDisabled: function(disable) {
-            this.items[1][(disable || !this.mode.isEdit)?'hide':'show']();
-            this.items[6][(disable || !this.mode.canRename || this.mode.isDesktopApp) ?'hide':'show']();
+            this.miSave[(disable || !this.mode.isEdit)?'hide':'show']();
+            this.miRename[(disable || !this.mode.canRename || this.mode.isDesktopApp) ?'hide':'show']();
         },
 
         isVisible: function () {
diff --git a/apps/presentationeditor/main/app/view/FileMenu.js b/apps/presentationeditor/main/app/view/FileMenu.js
index 744a07a92..c7ce6573d 100644
--- a/apps/presentationeditor/main/app/view/FileMenu.js
+++ b/apps/presentationeditor/main/app/view/FileMenu.js
@@ -87,6 +87,69 @@ define([
             this.$el = $(this.el);
             this.$el.html(this.template());
 
+            this.miSave = new Common.UI.MenuItem({
+                el      : $('#fm-btn-save',this.el),
+                action  : 'save',
+                caption : this.btnSaveCaption,
+                canFocused: false
+            });
+
+            this.miEdit = new Common.UI.MenuItem({
+                el      : $('#fm-btn-edit',this.el),
+                action  : 'edit',
+                caption : this.btnToEditCaption,
+                canFocused: false
+            });
+
+            this.miDownload = new Common.UI.MenuItem({
+                el      : $('#fm-btn-download',this.el),
+                action  : 'saveas',
+                caption : this.btnDownloadCaption,
+                canFocused: false
+            });
+
+            this.miSaveAs = new Common.UI.MenuItem({
+                el      : $('#fm-btn-save-desktop',this.el),
+                action  : 'save-desktop',
+                caption : this.btnSaveAsCaption,
+                canFocused: false
+            });
+
+            this.miPrint = new Common.UI.MenuItem({
+                el      : $('#fm-btn-print',this.el),
+                action  : 'print',
+                caption : this.btnPrintCaption,
+                canFocused: false
+            });
+
+            this.miRename = new Common.UI.MenuItem({
+                el      : $('#fm-btn-rename',this.el),
+                action  : 'rename',
+                caption : this.btnRenameCaption,
+                canFocused: false
+            });
+
+            this.miRecent = new Common.UI.MenuItem({
+                el      : $('#fm-btn-recent',this.el),
+                action  : 'recent',
+                caption : this.btnRecentFilesCaption,
+                canFocused: false
+            });
+
+            this.miNew = new Common.UI.MenuItem({
+                el      : $('#fm-btn-create',this.el),
+                action  : 'new',
+                caption : this.btnCreateNewCaption,
+                canFocused: false
+            });
+
+            this.miAccess = new Common.UI.MenuItem({
+                el      : $('#fm-btn-rights',this.el),
+                action  : 'rights',
+                caption : this.btnRightsCaption,
+                canFocused: false
+            });
+
             this.items = [];
             this.items.push(
                 new Common.UI.MenuItem({
@@ -95,66 +158,21 @@ define([
                     caption : this.btnCloseMenuCaption,
                     canFocused: false
                 }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-save',this.el),
-                    action  : 'save',
-                    caption : this.btnSaveCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-edit',this.el),
-                    action  : 'edit',
-                    caption : this.btnToEditCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-download',this.el),
-                    action  : 'saveas',
-                    caption : this.btnDownloadCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-save-desktop',this.el),
-                    action  : 'save-desktop',
-                    caption : this.btnSaveAsCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-print',this.el),
-                    action  : 'print',
-                    caption : this.btnPrintCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-rename',this.el),
-                    action  : 'rename',
-                    caption : this.btnRenameCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-recent',this.el),
-                    action  : 'recent',
-                    caption : this.btnRecentFilesCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-create',this.el),
-                    action  : 'new',
-                    caption : this.btnCreateNewCaption,
-                    canFocused: false
-                }),
+                this.miSave,
+                this.miEdit,
+                this.miDownload,
+                this.miSaveAs,
+                this.miPrint,
+                this.miRename,
+                this.miRecent,
+                this.miNew,
                 new Common.UI.MenuItem({
                     el      : $('#fm-btn-info',this.el),
                     action  : 'info',
                     caption : this.btnInfoCaption,
                     canFocused: false
                 }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-rights',this.el),
-                    action  : 'rights',
-                    caption : this.btnRightsCaption,
-                    canFocused: false
-                }),
+                this.miAccess,
                 new Common.UI.MenuItem({
                     el      : $('#fm-btn-settings',this.el),
                     action  : 'opts',
@@ -208,22 +226,22 @@ define([
         },
 
         applyMode: function() {
-            this.items[5][this.mode.canPrint?'show':'hide']();
-            this.items[6][(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide']();
-            this.items[6].$el.find('+.devider')[!this.mode.isDisconnected?'show':'hide']();
-            this.items[7][this.mode.canOpenRecent?'show':'hide']();
-            this.items[8][this.mode.canCreateNew?'show':'hide']();
-            this.items[8].$el.find('+.devider')[this.mode.canCreateNew?'show':'hide']();
+            this.miPrint[this.mode.canPrint?'show':'hide']();
+            this.miRename[(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide']();
+            this.miRename.$el.find('+.devider')[!this.mode.isDisconnected?'show':'hide']();
+            this.miRecent[this.mode.canOpenRecent?'show':'hide']();
+            this.miNew[this.mode.canCreateNew?'show':'hide']();
+            this.miNew.$el.find('+.devider')[this.mode.canCreateNew?'show':'hide']();
 
-            this.items[3][(this.mode.canDownload && (!this.mode.isDesktopApp || !this.mode.isOffline))?'show':'hide']();
-            this.items[4][(this.mode.canDownload && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide']();
+            this.miDownload[(this.mode.canDownload && (!this.mode.isDesktopApp || !this.mode.isOffline))?'show':'hide']();
+            this.miSaveAs[(this.mode.canDownload && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide']();
 
 //            this.hkSaveAs[this.mode.canDownload?'enable':'disable']();
 
-            this.items[1][this.mode.isEdit?'show':'hide']();
-            this.items[2][!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide']();
+            this.miSave[this.mode.isEdit?'show':'hide']();
+            this.miEdit[!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide']();
 
-            this.items[10][(!this.mode.isOffline && this.document&&this.document.info&&(this.document.info.sharingSettings&&this.document.info.sharingSettings.length>0 ||
+            this.miAccess[(!this.mode.isOffline && this.document&&this.document.info&&(this.document.info.sharingSettings&&this.document.info.sharingSettings.length>0 ||
                                                                                        this.mode.sharingSettingsUrl&&this.mode.sharingSettingsUrl.length))?'show':'hide']();
 
             this.mode.canBack ? this.$el.find('#fm-btn-back').show().prev().show() :
@@ -235,7 +253,7 @@ define([
 
             if ( this.mode.canCreateNew ) {
                 if (this.mode.templates && this.mode.templates.length) {
-                    $('a',this.items[8].$el).text(this.btnCreateNewCaption + '...');
+                    $('a',this.miNew.$el).text(this.btnCreateNewCaption + '...');
                     this.panels['new'] = ((new PE.Views.FileMenuPanels.CreateNew({menu: this, docs: this.mode.templates})).render());
                 }
             }
diff --git a/apps/presentationeditor/main/index.html.deploy b/apps/presentationeditor/main/index.html.deploy
index 827f55a14..8ddfe9f80 100644
--- a/apps/presentationeditor/main/index.html.deploy
+++ b/apps/presentationeditor/main/index.html.deploy
@@ -257,79 +257,6 @@
 <body>
 
     <script>
-        var userAgent = navigator.userAgent.toLowerCase(),
-            check = function(regex){ return regex.test(userAgent); },
-            stopLoading = false;
-        if (!check(/opera/) && (check(/msie/) || check(/trident/))) {
-            var m = /msie (\d+\.\d+)/.exec(userAgent);
-            if (m && parseFloat(m[1]) < 9.0) {
-                document.write('<div class="app-error-panel">' +
-                                '<div class="message-block">' +
-                                    '<div class="message-inner">' +
-                                        '<div class="title">Your browser is not supported.</div>' +
-                                        '<div class="text">Sorry, Presentation Editor is currently only supported in the latest versions of the Chrome, Firefox, Safari or Internet Explorer web browsers.</div>' +
-                                    '</div>' +
-                                '</div></div>');
-                stopLoading = true;
-            }
-        }
-
-        function getUrlParams() {
-            var e,
-                a = /\+/g,  // Regex for replacing addition symbol with a space
-                r = /([^&=]+)=?([^&]*)/g,
-                d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
-                q = window.location.search.substring(1),
-                urlParams = {};
-
-            while (e = r.exec(q))
-                urlParams[d(e[1])] = d(e[2]);
-
-            return urlParams;
-        }
-
-        function encodeUrlParam(str) {
-            return str.replace(/&/g, '&amp;')
-                    .replace(/"/g, '&quot;')
-                    .replace(/'/g, '&#39;')
-                    .replace(/</g, '&lt;')
-                    .replace(/>/g, '&gt;');
-        }
-
-        var params = getUrlParams(),
-            lang = (params["lang"] || 'en').split("-")[0],
-            customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
-            margin = (customer !== '') ? 50 : 20,
-            loading = 'Loading...',
-            logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
-
-        window.frameEditorId = params["frameEditorId"];
-
-        if ( lang == 'de')      loading = 'Ladevorgang...';
-        else if ( lang == 'es') loading = 'Cargando...';
-        else if ( lang == 'fr') loading = 'Chargement en cours...';
-        else if ( lang == 'it') loading = 'Caricamento in corso...';
-        else if ( lang == 'pt') loading = 'Carregando...';
-        else if ( lang == 'ru') loading = 'Загрузка...';
-        else if ( lang == 'sl') loading = 'Nalaganje...';
-        else if ( lang == 'tr') loading = 'Yükleniyor...';
-
-        if (!stopLoading)
-        document.write(
-            '<div id="loading-mask" class="loadmask">' +
-                    '<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!==null) ? 'height: auto;' : '') + '">' +
-                        ((logo!==null) ? logo :
-                        '<div class="loader-page-romb">' +
-                            '<div class="romb" id="blue"></div>' +
-                            '<div class="romb" id="green"></div>' +
-                            '<div class="romb" id="red"></div>' +
-                        '</div>') +
-                    '</div>' +
-                    '<div class="loader-page-text">' +  customer +
-                    '<div class="loader-page-text-loading">' + loading + '</div>' +
-                '</div>' +
-            '</div>');
-
         window.requireTimeourError = function(){
             var reqerr;
 
diff --git a/apps/spreadsheeteditor/main/app/view/FileMenu.js b/apps/spreadsheeteditor/main/app/view/FileMenu.js
index 24ae8d826..770fea8bd 100644
--- a/apps/spreadsheeteditor/main/app/view/FileMenu.js
+++ b/apps/spreadsheeteditor/main/app/view/FileMenu.js
@@ -74,6 +74,76 @@ define([
             this.$el = $(this.el);
             this.$el.html(this.template());
 
+            this.miSave = new Common.UI.MenuItem({
+                el      : $('#fm-btn-save',this.el),
+                action  : 'save',
+                caption : this.btnSaveCaption,
+                canFocused: false
+            });
+
+            this.miEdit = new Common.UI.MenuItem({
+                el      : $('#fm-btn-edit',this.el),
+                action  : 'edit',
+                caption : this.btnToEditCaption,
+                canFocused: false
+            });
+
+            this.miDownload = new Common.UI.MenuItem({
+                el      : $('#fm-btn-download',this.el),
+                action  : 'saveas',
+                caption : this.btnDownloadCaption,
+                canFocused: false
+            });
+
+            this.miSaveAs = new Common.UI.MenuItem({
+                el      : $('#fm-btn-save-desktop',this.el),
+                action  : 'save-desktop',
+                caption : this.btnSaveAsCaption,
+                canFocused: false
+            });
+
+            this.miPrint = new Common.UI.MenuItem({
+                el      : $('#fm-btn-print',this.el),
+                action  : 'print',
+                caption : this.btnPrintCaption,
+                canFocused: false
+            });
+
+            this.miRename = new Common.UI.MenuItem({
+                el      : $('#fm-btn-rename',this.el),
+                action  : 'rename',
+                caption : this.btnRenameCaption,
+                canFocused: false
+            });
+
+            this.miRecent = new Common.UI.MenuItem({
+                el      : $('#fm-btn-recent',this.el),
+                action  : 'recent',
+                caption : this.btnRecentFilesCaption,
+                canFocused: false
+            });
+
+            this.miNew = new Common.UI.MenuItem({
+                el      : $('#fm-btn-create',this.el),
+                action  : 'new',
+                caption : this.btnCreateNewCaption,
+                canFocused: false
+            });
+
+            this.miAccess = new Common.UI.MenuItem({
+                el      : $('#fm-btn-rights',this.el),
+                action  : 'rights',
+                caption : this.btnRightsCaption,
+                canFocused: false
+            });
+
+            this.miSettings = new Common.UI.MenuItem({
+                el      : $('#fm-btn-settings',this.el),
+                action  : 'opts',
+                caption : this.btnSettingsCaption,
+                canFocused: false
+            })
+
             this.items = [];
             this.items.push(
                 new Common.UI.MenuItem({
@@ -82,72 +152,22 @@ define([
                     caption : this.btnCloseMenuCaption,
                     canFocused: false
                 }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-save',this.el),
-                    action  : 'save',
-                    caption : this.btnSaveCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-edit',this.el),
-                    action  : 'edit',
-                    caption : this.btnToEditCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-download',this.el),
-                    action  : 'saveas',
-                    caption : this.btnDownloadCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-save-desktop',this.el),
-                    action  : 'save-desktop',
-                    caption : this.btnSaveAsCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-print',this.el),
-                    action  : 'print',
-                    caption : this.btnPrintCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-rename',this.el),
-                    action  : 'rename',
-                    caption : this.btnRenameCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-recent',this.el),
-                    action  : 'recent',
-                    caption : this.btnRecentFilesCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-create',this.el),
-                    action  : 'new',
-                    caption : this.btnCreateNewCaption,
-                    canFocused: false
-                }),
+                this.miSave,
+                this.miEdit,
+                this.miDownload,
+                this.miSaveAs,
+                this.miPrint,
+                this.miRename,
+                this.miRecent,
+                this.miNew,
                 new Common.UI.MenuItem({
                     el      : $('#fm-btn-info',this.el),
                     action  : 'info',
                     caption : this.btnInfoCaption,
                     canFocused: false
                 }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-rights',this.el),
-                    action  : 'rights',
-                    caption : this.btnRightsCaption,
-                    canFocused: false
-                }),
-                new Common.UI.MenuItem({
-                    el      : $('#fm-btn-settings',this.el),
-                    action  : 'opts',
-                    caption : this.btnSettingsCaption,
-                    canFocused: false
-                }),
+                this.miAccess,
+                this.miSettings,
                 new Common.UI.MenuItem({
                     el      : $('#fm-btn-help',this.el),
                     action  : 'help',
@@ -195,25 +215,25 @@ define([
         },
 
         applyMode: function() {
-            this.items[5][this.mode.canPrint?'show':'hide']();
-            this.items[6][(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide']();
-            this.items[6].$el.find('+.devider')[!this.mode.isDisconnected?'show':'hide']();
-            this.items[7][this.mode.canOpenRecent?'show':'hide']();
-            this.items[8][this.mode.canCreateNew?'show':'hide']();
-            this.items[8].$el.find('+.devider')[this.mode.canCreateNew?'show':'hide']();
+            this.miPrint[this.mode.canPrint?'show':'hide']();
+            this.miRename[(this.mode.canRename && !this.mode.isDesktopApp) ?'show':'hide']();
+            this.miRename.$el.find('+.devider')[!this.mode.isDisconnected?'show':'hide']();
+            this.miRecent[this.mode.canOpenRecent?'show':'hide']();
+            this.miNew[this.mode.canCreateNew?'show':'hide']();
+            this.miNew.$el.find('+.devider')[this.mode.canCreateNew?'show':'hide']();
 
-            this.items[3][(this.mode.canDownload && (!this.mode.isDesktopApp || !this.mode.isOffline))?'show':'hide']();
-            this.items[4][(this.mode.canDownload && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide']();
+            this.miDownload[(this.mode.canDownload && (!this.mode.isDesktopApp || !this.mode.isOffline))?'show':'hide']();
+            this.miSaveAs[(this.mode.canDownload && this.mode.isDesktopApp && this.mode.isOffline)?'show':'hide']();
 //            this.hkSaveAs[this.mode.canDownload?'enable':'disable']();
 
-            this.items[1][this.mode.isEdit?'show':'hide']();
-            this.items[2][!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide']();
+            this.miSave[this.mode.isEdit?'show':'hide']();
+            this.miEdit[!this.mode.isEdit && this.mode.canEdit && this.mode.canRequestEditRights ?'show':'hide']();
 
-            this.items[10][(!this.mode.isOffline && this.document&&this.document.info&&(this.document.info.sharingSettings&&this.document.info.sharingSettings.length>0 ||
+            this.miAccess[(!this.mode.isOffline && this.document&&this.document.info&&(this.document.info.sharingSettings&&this.document.info.sharingSettings.length>0 ||
                                                                                        this.mode.sharingSettingsUrl&&this.mode.sharingSettingsUrl.length))?'show':'hide']();
 
-            this.items[11][(this.mode.isEdit || this.mode.canComments)?'show':'hide']();
-            this.items[11].$el.find('+.devider')[(this.mode.isEdit || this.mode.canComments)?'show':'hide']();
+            this.miSettings[(this.mode.isEdit || this.mode.canComments)?'show':'hide']();
+            this.miSettings.$el.find('+.devider')[(this.mode.isEdit || this.mode.canComments)?'show':'hide']();
 
             this.mode.canBack ? this.$el.find('#fm-btn-back').show().prev().show() :
                                     this.$el.find('#fm-btn-back').hide().prev().hide();
@@ -224,7 +244,7 @@ define([
 
             if ( this.mode.canCreateNew ) {
                 if (this.mode.templates && this.mode.templates.length) {
-                    $('a',this.items[8].$el).text(this.btnCreateNewCaption + '...');
+                    $('a',this.miNew.$el).text(this.btnCreateNewCaption + '...');
                     this.panels['new'] = ((new SSE.Views.FileMenuPanels.CreateNew({menu: this, docs: this.mode.templates})).render());
                 }
             }