pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-23 17:29:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

[desktop] added Autosave switcher in editor header

Browse Source
This commit is contained in:
maxkadushkin
2026-03-09 13:44:21 +03:00
parent 260511ad50
commit 9e2db116a1
2 changed files with 46 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/common/main/lib/controller/Desktop.js
View File

@ -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 : '';
},

35
apps/common/main/lib/view/Header.js
View File

@ -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;
}
},