From 9e2db116a1939b98565618424965dc3824d7378c Mon Sep 17 00:00:00 2001
From: maxkadushkin <maxim.kadushkin@onlyoffice.com>
Date: Mon, 9 Mar 2026 13:44:21 +0300
Subject: [PATCH] [desktop] added Autosave switcher in editor header

---
 apps/common/main/lib/controller/Desktop.js | 13 ++++++++
 apps/common/main/lib/view/Header.js        | 35 ++++++++++++++++++++--
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/apps/common/main/lib/controller/Desktop.js b/apps/common/main/lib/controller/Desktop.js
index e2a0d4d852..4ca091360b 100644
--- a/apps/common/main/lib/controller/Desktop.js
+++ b/apps/common/main/lib/controller/Desktop.js
@@ -132,6 +132,7 @@ define([
                                     for (var i in titlebuttons) {
                                         opts.title.buttons.push(_serializeHeaderButton(i, titlebuttons[i]));
                                     }
+                                    opts.title.qasectionwidth = $('#box-title-qa-btns').outerWidth();
                                 }
                             }
 
@@ -567,6 +568,7 @@ define([
         }
 
         const _onChangeQuickAccess = function (props) {
+            props.qasectionwidth = $('#box-title-qa-btns').outerWidth();;
             native.execCommand("quickaccess:changed", JSON.stringify(props));
         }
 
@@ -652,6 +654,11 @@ define([
                             'recent:open': _onOpenRecent.bind(this),
                             'render:after': _extend_menu_file,
                         },
+                        'Common.Views.Header': {
+                            'autosave:on': val => {
+                                native.execCommand('autosave', JSON.stringify({active: val}));
+                            },
+                        },
                     }, {id: 'desktop'});
 
                     $(document).on('keydown', _onKeyDown.bind(this));
@@ -734,6 +741,12 @@ define([
             isHelpAvailable: function () {
                 return !!helpUrl;
             },
+            isAutosaveAvailable: function () {
+                return this.isOffline();
+            },
+            isAutosaveTurnedOn: function () {
+                return nativevars && nativevars.autosave === true;
+            },
             getDefaultPrinterName: function () {
                 return nativevars ? nativevars.defaultPrinterName : '';
             },
diff --git a/apps/common/main/lib/view/Header.js b/apps/common/main/lib/view/Header.js
index 56e4499f0e..a7bc61df99 100644
--- a/apps/common/main/lib/view/Header.js
+++ b/apps/common/main/lib/view/Header.js
@@ -144,8 +144,9 @@ define([
 
             var templateTitleBox = '<section id="box-document-title">' +
                                 '<div class="extra"></div>' +
-                                '<div class="hedset" role="menubar" aria-label="<%= scope.ariaQuickAccessToolbar %>">' +
+                                '<div class="hedset" id="box-title-qa-btns" role="menubar" aria-label="<%= scope.ariaQuickAccessToolbar %>">' +
                                     '<div class="btn-slot" id="slot-btn-dt-home"></div>' +
+                                    '<div class="btn-slot" id="slot-btn-dt-autosave"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-save" data-layout-name="header-save"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-print"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-print-quick"></div>' +
@@ -337,6 +338,10 @@ define([
         }
 
         function onChangeQuickAccess(caller, props) {
+            if (props.autosave !== undefined) {
+                this.switcherAutosave[props.autosave ? 'show' : 'hide']();
+                Common.localStorage.setBool(props.lsselector, props.autosave);
+            }
             if (props.save !== undefined) {
                 this.btnSave[props.save ? 'show' : 'hide']();
                 Common.localStorage.setBool(this.appPrefix + 'quick-access-save', props.save);
@@ -492,6 +497,13 @@ define([
             if (me.btnQuickAccess) {
                 me.btnQuickAccess.updateHint(me.tipCustomizeQuickAccessToolbar);
                 var arr = [];
+                if (me.switcherAutosave) {
+                    arr.push({
+                        caption: 'AutoSave', //me.textStartOver,
+                        value: 'autosave',
+                        checkable: true
+                    });
+                }
                 if (me.btnSave && Common.UI.LayoutManager.isElementVisible('header-save')) {
                     arr.push({
                         caption: appConfig.canSaveToFile || appConfig.isDesktopApp && appConfig.isOffline ? me.tipSave : me.textDownload,
@@ -534,6 +546,7 @@ define([
                         checkable: true
                     });
                 }
+
                 me.btnQuickAccess.setMenu(new Common.UI.Menu({
                     cls: 'ppm-toolbar',
                     style: 'min-width: 110px;',
@@ -542,7 +555,9 @@ define([
                 }));
                 me.btnQuickAccess.menu.on('show:before', function (menu) {
                     menu.items.forEach(function (item) {
-                        if (item.value === 'save') {
+                        if (item.value === 'autosave') {
+                            item.setChecked(Common.localStorage.getBool(me.appPrefix + 'quick-access-autosave', true), true);
+                        } else if (item.value === 'save') {
                             item.setChecked(Common.localStorage.getBool(me.appPrefix + 'quick-access-save', true), true);
                         } else if (item.value === 'print') {
                             item.setChecked(Common.localStorage.getBool(me.appPrefix + 'quick-access-print', true), true);
@@ -561,6 +576,10 @@ define([
                 me.btnQuickAccess.menu.on('item:click', function (menu, item) {
                     var props = {};
                     switch (item.value) {
+                        case 'autosave':
+                            props[item.value] = item.checked;
+                            props.lsselector = me.appPrefix + 'quick-access-autosave';
+                            break;
                         case 'save':
                             props.save = item.checked;
                             break;
@@ -1129,6 +1148,18 @@ define([
                     });
                     me.btnQuickAccess.render($html.find('#slot-btn-dt-quick-access'));
 
+                    if (appConfig.isDesktopApp && Common.Controllers.Desktop.isAutosaveAvailable()) {
+                        me.switcherAutosave = new Common.UI.Switcher({
+                            el: $html.find('#slot-btn-dt-autosave'),
+                            value: Common.Controllers.Desktop.isAutosaveTurnedOn(),
+                            title: 'AutoSave',
+                        });
+                        me.switcherAutosave.on('change', function (element, value) {
+                            me.fireEvent('autosave:on', [value]);
+                        });
+                        !Common.localStorage.getBool(me.appPrefix + 'quick-access-autosave', true) && me.switcherAutosave.hide();
+                    }
+
                     return $html;
                 }
             },