305 lines
11 KiB
JavaScript
305 lines
11 KiB
JavaScript
/*
|
|
* (c) Copyright Ascensio System SIA 2010-2024
|
|
*
|
|
* This program is a free software product. You can redistribute it and/or
|
|
* modify it under the terms of the GNU Affero General Public License (AGPL)
|
|
* version 3 as published by the Free Software Foundation. In accordance with
|
|
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
|
|
* that Ascensio System SIA expressly excludes the warranty of non-infringement
|
|
* of any third-party rights.
|
|
*
|
|
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
|
|
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
|
|
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
|
*
|
|
* You can contact Ascensio System SIA at 20A-6 Ernesta Birznieka-Upish
|
|
* street, Riga, Latvia, EU, LV-1050.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of the Program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU AGPL version 3.
|
|
*
|
|
* Pursuant to Section 7(b) of the License you must retain the original Product
|
|
* logo when distributing the program. Pursuant to Section 7(e) we decline to
|
|
* grant you any rights under trademark law for use of our trademarks.
|
|
*
|
|
* All the Product's GUI elements, including illustrations and icon sets, as
|
|
* well as technical writing content are licensed under the terms of the
|
|
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
|
|
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
|
*
|
|
*/
|
|
|
|
/**
|
|
* SlideMasterTab.js
|
|
*
|
|
* Created on 01.06.2025
|
|
*
|
|
*/
|
|
|
|
define([
|
|
'core',
|
|
'presentationeditor/main/app/view/SlideMasterTab',
|
|
], function () {
|
|
'use strict';
|
|
|
|
PE.Controllers.SlideMasterTab = Backbone.Controller.extend(_.extend({
|
|
models : [],
|
|
collections : [
|
|
],
|
|
views : [
|
|
'SlideMasterTab'
|
|
],
|
|
sdkViewName : '#id_main',
|
|
|
|
initialize: function () {
|
|
var me = this;
|
|
|
|
this.checkInsertAutoshape = function(e) {
|
|
var cmp = $(e.target),
|
|
cmp_sdk = cmp.closest('#editor_sdk'),
|
|
btn_id = cmp.closest('button').attr('id');
|
|
if (btn_id===undefined)
|
|
btn_id = cmp.closest('.btn-group').attr('id');
|
|
if (btn_id===undefined)
|
|
btn_id = cmp.closest('.combo-dataview').attr('id');
|
|
|
|
if (cmp.attr('id') != 'editor_sdk' && cmp_sdk.length<=0) {
|
|
if (me.view.btnInsertPlaceholder.pressed && me.view.btnInsertPlaceholder.id !== btn_id)
|
|
{
|
|
me._isAddingShape = false;
|
|
me._addAutoshape(false);
|
|
me.view.btnInsertPlaceholder.toggle(false, true);
|
|
Common.NotificationCenter.trigger('edit:complete', me.view);
|
|
}
|
|
}
|
|
};
|
|
},
|
|
onLaunch: function () {
|
|
this._state = {
|
|
slideMasterMode: false,
|
|
};
|
|
Common.NotificationCenter.on('document:ready', _.bind(this.onDocumentReady, this));
|
|
},
|
|
|
|
setApi: function (api) {
|
|
if (api) {
|
|
this.api = api;
|
|
this.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(this.onCoAuthoringDisconnect, this));
|
|
Common.NotificationCenter.on('api:disconnect', _.bind(this.onCoAuthoringDisconnect, this));
|
|
this.api.asc_registerCallback('asc_onChangeViewMode', _.bind(this.onApiChangeViewMode, this));
|
|
this.api.asc_registerCallback('asc_onLayoutTitle', _.bind(this.onApiLayoutTitle, this));
|
|
this.api.asc_registerCallback('asc_onLayoutFooter', _.bind(this.onApiLayoutFooter, this));
|
|
this.api.asc_registerCallback('asc_onFocusObject', _.bind(this.onApiFocusObject, this));
|
|
this.api.asc_registerCallback('asc_onEndAddShape', _.bind(this.onApiEndAddShape, this));
|
|
}
|
|
return this;
|
|
},
|
|
|
|
setConfig: function(config) {
|
|
var mode = config.mode;
|
|
this.toolbar = config.toolbar;
|
|
this.view = this.createView('SlideMasterTab', {
|
|
toolbar: this.toolbar.toolbar,
|
|
mode: mode,
|
|
compactToolbar: this.toolbar.toolbar.isCompactView
|
|
});
|
|
this.addListeners({
|
|
'SlideMasterTab': {
|
|
'mode:normal': _.bind(this.onChangeViewMode, this, 'normal'),
|
|
'insert:layout': _.bind(this.onInsertLayout, this),
|
|
'title:hide': _.bind(this.onTitleHide, this),
|
|
'footers:hide': _.bind(this.onFootersHide, this),
|
|
'insert:slide-master': _.bind(this.onInsertSlideMaster, this),
|
|
'insert:placeholder-btn': _.bind(this.onBtnInsertPlaceholder, this),
|
|
'insert:placeholder-menu': _.bind(this.onMenuInsertPlaceholder, this),
|
|
},
|
|
});
|
|
},
|
|
|
|
_addAutoshape: function(isstart, type) {
|
|
if (this.api) {
|
|
if (isstart) {
|
|
this.api.StartAddShape(type, true);
|
|
$(document.body).on('mouseup', this.checkInsertAutoshape);
|
|
} else {
|
|
this.api.StartAddShape('', false);
|
|
$(document.body).off('mouseup', this.checkInsertAutoshape);
|
|
}
|
|
}
|
|
},
|
|
|
|
onApiFocusObject: function(selectedObjects) {
|
|
var in_slide_master = false;
|
|
var i = -1, type, pr;
|
|
while (++i < selectedObjects.length) {
|
|
type = selectedObjects[i].get_ObjectType();
|
|
pr = selectedObjects[i].get_ObjectValue();
|
|
if (type == Asc.c_oAscTypeSelectElement.Slide) {
|
|
in_slide_master = pr.get_IsMasterSelected();
|
|
}
|
|
}
|
|
Common.Utils.lockControls(Common.enumLock.inSlideMaster, in_slide_master, {
|
|
array: [
|
|
this.view.btnInsertPlaceholder,
|
|
this.view.chTitle,
|
|
this.view.chFooters
|
|
]
|
|
});
|
|
},
|
|
|
|
onApiEndAddShape: function() {
|
|
if (this.view.btnInsertPlaceholder && this.view.btnInsertPlaceholder.pressed)
|
|
this.view.btnInsertPlaceholder.toggle(false, true);
|
|
},
|
|
|
|
SetDisabled: function(state) {
|
|
this.view && this.view.SetDisabled(state);
|
|
},
|
|
|
|
createToolbarPanel: function() {
|
|
return this.view.getPanel();
|
|
},
|
|
|
|
getView: function(name) {
|
|
return !name && this.view ?
|
|
this.view : Backbone.Controller.prototype.getView.call(this, name);
|
|
},
|
|
|
|
onCoAuthoringDisconnect: function() {
|
|
this.SetDisabled(true);
|
|
},
|
|
|
|
onDocumentReady: function() {
|
|
this.view && this.view.lockedControls
|
|
? Common.Utils.lockControls(Common.enumLock.disableOnStart, false, {array: this.view.lockedControls})
|
|
: null;
|
|
},
|
|
|
|
onInsertSlideMaster: function () {
|
|
this.api.asc_AddMasterSlide();
|
|
},
|
|
|
|
onApiLayoutTitle: function (status) {
|
|
const currentValue = this.view.chTitle.getValue();
|
|
|
|
if (currentValue !== status) {
|
|
this.view.chTitle.setValue(status, true);
|
|
}
|
|
},
|
|
|
|
onApiLayoutFooter: function (status) {
|
|
if ((this.view.chFooters.getValue() === 'checked') !== status)
|
|
this.view.chFooters.setValue(status, true);
|
|
},
|
|
|
|
onInsertLayout: function () {
|
|
this.api.asc_AddSlideLayout();
|
|
},
|
|
|
|
onTitleHide: function (view, status) {
|
|
this.api.asc_setLayoutTitle(status);
|
|
},
|
|
|
|
onFootersHide: function (view, status) {
|
|
this.api.asc_setLayoutFooter(status);
|
|
},
|
|
|
|
onBtnInsertPlaceholder: function (btn, e) {
|
|
btn.menu.getItems(true).forEach(function(item) {
|
|
if(item.value == btn.options.currentType)
|
|
item.setChecked(true);
|
|
});
|
|
if(!btn.pressed) {
|
|
btn.menu.clearAll(true);
|
|
}
|
|
this.onInsertPlaceholder(btn.options.currentType, btn, e);
|
|
},
|
|
|
|
_addPlaceHolder: function (isstart, type, isVertical) {
|
|
if (this.api) {
|
|
if (isstart) {
|
|
this.api.asc_StartAddPlaceholder(type, isVertical, true);
|
|
$(document.body).on('mouseup', this.checkInsertAutoshape);
|
|
} else {
|
|
this.api.asc_StartAddPlaceholder('', undefined, false);
|
|
$(document.body).off('mouseup', this.checkInsertAutoshape);
|
|
}
|
|
}
|
|
},
|
|
|
|
onMenuInsertPlaceholder: function (btn, e) {
|
|
var oldType = btn.options.currentType;
|
|
var newType = e.value;
|
|
|
|
if(newType != oldType){
|
|
btn.updateHint([e.options.hintForMainBtn, this.view.tipInsertPlaceholder]);
|
|
btn.changeIcon({
|
|
next: e.options.iconClsForMainBtn,
|
|
curr: btn.menu.getItems(true).filter(function(item){return item.value == oldType})[0].options.iconClsForMainBtn
|
|
});
|
|
btn.options.currentType = newType;
|
|
}
|
|
this.onInsertPlaceholder(newType, btn, e);
|
|
},
|
|
|
|
onInsertPlaceholder: function (type, btn, e) {
|
|
var value,
|
|
isVertical;
|
|
switch (type) {
|
|
case 1:
|
|
value = null;
|
|
break;
|
|
case 2:
|
|
value = null;
|
|
isVertical = true;
|
|
break;
|
|
case 3:
|
|
value = AscFormat.phType_body;
|
|
break;
|
|
case 4:
|
|
value = AscFormat.phType_body;
|
|
isVertical = true;
|
|
break;
|
|
case 5:
|
|
value = AscFormat.phType_pic;
|
|
break;
|
|
case 6:
|
|
value = AscFormat.phType_chart;
|
|
break;
|
|
case 7:
|
|
value = AscFormat.phType_tbl;
|
|
break;
|
|
case 8:
|
|
value = AscFormat.phType_dgm;
|
|
break;
|
|
}
|
|
|
|
this._addPlaceHolder(btn.pressed, value, isVertical);
|
|
|
|
Common.NotificationCenter.trigger('edit:complete', this.view);
|
|
Common.component.Analytics.trackEvent('SlideMasterTab', 'Add Placeholder');
|
|
},
|
|
|
|
changeViewMode: function (mode) {
|
|
var isMaster = mode === 'master';
|
|
|
|
if (this._state.slideMasterMode !== isMaster) {
|
|
this._state.slideMasterMode = isMaster;
|
|
this.view.fireEvent('viewmode:change', [isMaster ? 'master' : 'normal']);
|
|
this.api.asc_changePresentationViewMode(isMaster ? Asc.c_oAscPresentationViewMode.masterSlide : Asc.c_oAscPresentationViewMode.normal);
|
|
}
|
|
},
|
|
|
|
onApiChangeViewMode: function (mode) {
|
|
var isMaster = mode === Asc.c_oAscPresentationViewMode.masterSlide;
|
|
this.changeViewMode(isMaster ? 'master' : 'normal');
|
|
},
|
|
|
|
onChangeViewMode: function (mode) {
|
|
this.changeViewMode(mode);
|
|
},
|
|
|
|
}, PE.Controllers.SlideMasterTab || {}));
|
|
});
|