2016-04-01 13:17:09 +00:00
/ *
*
2017-01-17 14:58:08 +00:00
* ( c ) Copyright Ascensio System Limited 2010 - 2017
2016-04-01 13:17:09 +00:00
*
* 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 Lubanas st . 125 a - 25 , Riga , Latvia ,
* EU , LV - 1021.
*
* 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
*
* /
2016-03-11 00:48:53 +00:00
/ * *
* RightMenu . js
*
* Created by Julia Radzhabova on 1 / 17 / 14
* Copyright ( c ) 2014 Ascensio System SIA . All rights reserved .
*
* /
define ( [
'core' ,
'documenteditor/main/app/view/RightMenu'
] , function ( ) {
'use strict' ;
DE . Controllers . RightMenu = Backbone . Controller . extend ( {
models : [ ] ,
collections : [ ] ,
views : [
'RightMenu'
] ,
initialize : function ( ) {
this . editMode = true ;
this . addListeners ( {
'RightMenu' : {
'rightmenuclick' : this . onRightMenuClick
}
} ) ;
} ,
onLaunch : function ( ) {
this . rightmenu = this . createView ( 'RightMenu' ) ;
this . rightmenu . on ( 'render:after' , _ . bind ( this . onRightMenuAfterRender , this ) ) ;
} ,
onRightMenuAfterRender : function ( rightMenu ) {
rightMenu . shapeSettings . application = rightMenu . textartSettings . application = this . getApplication ( ) ;
this . _settings = [ ] ;
this . _settings [ Common . Utils . documentSettingsType . Paragraph ] = { panelId : "id-paragraph-settings" , panel : rightMenu . paragraphSettings , btn : rightMenu . btnText , hidden : 1 , locked : false } ;
this . _settings [ Common . Utils . documentSettingsType . Table ] = { panelId : "id-table-settings" , panel : rightMenu . tableSettings , btn : rightMenu . btnTable , hidden : 1 , locked : false } ;
this . _settings [ Common . Utils . documentSettingsType . Image ] = { panelId : "id-image-settings" , panel : rightMenu . imageSettings , btn : rightMenu . btnImage , hidden : 1 , locked : false } ;
this . _settings [ Common . Utils . documentSettingsType . Header ] = { panelId : "id-header-settings" , panel : rightMenu . headerSettings , btn : rightMenu . btnHeaderFooter , hidden : 1 , locked : false , needShow : true } ;
this . _settings [ Common . Utils . documentSettingsType . Shape ] = { panelId : "id-shape-settings" , panel : rightMenu . shapeSettings , btn : rightMenu . btnShape , hidden : 1 , locked : false } ;
this . _settings [ Common . Utils . documentSettingsType . TextArt ] = { panelId : "id-textart-settings" , panel : rightMenu . textartSettings , btn : rightMenu . btnTextArt , hidden : 1 , locked : false } ;
this . _settings [ Common . Utils . documentSettingsType . Chart ] = { panelId : "id-chart-settings" , panel : rightMenu . chartSettings , btn : rightMenu . btnChart , hidden : 1 , locked : false } ;
2017-11-27 11:15:10 +00:00
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] = { panelId : "id-mail-merge-settings" , panel : rightMenu . mergeSettings , btn : rightMenu . btnMailMerge , hidden : 1 , props : { } , locked : false } ;
2017-11-28 12:29:14 +00:00
this . _settings [ Common . Utils . documentSettingsType . Signature ] = { panelId : "id-signature-settings" , panel : rightMenu . signatureSettings , btn : rightMenu . btnSignature , hidden : 1 , props : { } , locked : false } ;
2016-03-11 00:48:53 +00:00
} ,
setApi : function ( api ) {
this . api = api ;
this . api . asc _registerCallback ( 'asc_onCoAuthoringDisconnect' , _ . bind ( this . onCoAuthoringDisconnect , this ) ) ;
Common . NotificationCenter . on ( 'api:disconnect' , _ . bind ( this . onCoAuthoringDisconnect , this ) ) ;
} ,
setMode : function ( mode ) {
this . editMode = mode . isEdit ;
} ,
onRightMenuClick : function ( menu , type , minimized ) {
if ( ! minimized && this . editMode ) {
var panel = this . _settings [ type ] . panel ;
var props = this . _settings [ type ] . props ;
if ( props && panel )
2017-11-27 11:15:10 +00:00
panel . ChangeSettings . call ( panel , ( type == Common . Utils . documentSettingsType . MailMerge || type == Common . Utils . documentSettingsType . Signature ) ? undefined : props ) ;
2016-03-11 00:48:53 +00:00
} else if ( minimized && type == Common . Utils . documentSettingsType . MailMerge ) {
this . rightmenu . mergeSettings . disablePreviewMode ( ) ;
}
Common . NotificationCenter . trigger ( 'layout:changed' , 'rightmenu' ) ;
this . rightmenu . fireEvent ( 'editcomplete' , this . rightmenu ) ;
} ,
2016-03-30 08:51:07 +00:00
onFocusObject : function ( SelectedObjects , open ) {
2016-03-11 00:48:53 +00:00
if ( ! this . editMode )
return ;
var can _add _table = false ,
in _equation = false ,
needhide = true ;
for ( var i = 0 ; i < this . _settings . length ; i ++ ) {
2017-11-27 11:15:10 +00:00
if ( i == Common . Utils . documentSettingsType . MailMerge || i == Common . Utils . documentSettingsType . Signature ) continue ;
2016-03-11 00:48:53 +00:00
if ( this . _settings [ i ] ) {
this . _settings [ i ] . hidden = 1 ;
this . _settings [ i ] . locked = false ;
}
}
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . locked = false ;
2017-11-27 11:15:10 +00:00
this . _settings [ Common . Utils . documentSettingsType . Signature ] . locked = false ;
2016-03-11 00:48:53 +00:00
var isChart = false ;
for ( i = 0 ; i < SelectedObjects . length ; i ++ )
{
var eltype = SelectedObjects [ i ] . get _ObjectType ( ) ,
settingsType = this . getDocumentSettingsType ( eltype ) ;
2016-04-05 11:52:34 +00:00
if ( eltype === Asc . c _oAscTypeSelectElement . Math )
2016-03-11 00:48:53 +00:00
in _equation = true ;
if ( settingsType === undefined || settingsType >= this . _settings . length || this . _settings [ settingsType ] === undefined )
continue ;
var value = SelectedObjects [ i ] . get _ObjectValue ( ) ;
if ( settingsType == Common . Utils . documentSettingsType . Image ) {
if ( value . get _ChartProperties ( ) !== null ) {
isChart = true ;
settingsType = Common . Utils . documentSettingsType . Chart ;
} else if ( value . get _ShapeProperties ( ) !== null ) {
isChart = value . get _ShapeProperties ( ) . get _FromChart ( ) ;
settingsType = Common . Utils . documentSettingsType . Shape ;
if ( value . get _ShapeProperties ( ) . asc _getTextArtProperties ( ) ) {
this . _settings [ Common . Utils . documentSettingsType . TextArt ] . props = value ;
this . _settings [ Common . Utils . documentSettingsType . TextArt ] . hidden = 0 ;
this . _settings [ Common . Utils . documentSettingsType . TextArt ] . locked = value . get _Locked ( ) ;
}
}
} else if ( settingsType == Common . Utils . documentSettingsType . Paragraph ) {
this . _settings [ settingsType ] . panel . isChart = isChart ;
can _add _table = value . get _CanAddTable ( ) ;
}
this . _settings [ settingsType ] . props = value ;
this . _settings [ settingsType ] . hidden = 0 ;
this . _settings [ settingsType ] . locked = value . get _Locked ( ) ;
if ( ! this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . locked ) // lock MailMerge-InsertField, если хотя бы один объект locked
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . locked = value . get _Locked ( ) ;
2017-11-27 11:15:10 +00:00
if ( ! this . _settings [ Common . Utils . documentSettingsType . Signature ] . locked ) // lock Signature, если хотя бы один объект locked
this . _settings [ Common . Utils . documentSettingsType . Signature ] . locked = value . get _Locked ( ) ;
2016-03-11 00:48:53 +00:00
}
if ( this . _settings [ Common . Utils . documentSettingsType . Header ] . locked ) { // если находимся в locked header/footer, то считаем, что все элементы в нем тоже недоступны
for ( i = 0 ; i < this . _settings . length ; i ++ ) {
if ( this . _settings [ i ] )
this . _settings [ i ] . locked = true ;
}
}
if ( ! this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . locked ) { // disable MailMerge-InsertField when disable btnInsertTable
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . locked = ! can _add _table || in _equation ;
}
2016-10-18 08:26:16 +00:00
var lastactive = - 1 , currentactive , priorityactive = - 1 ,
activePane = this . rightmenu . GetActivePane ( ) ;
2016-03-11 00:48:53 +00:00
for ( i = 0 ; i < this . _settings . length ; i ++ ) {
var pnl = this . _settings [ i ] ;
if ( pnl === undefined || pnl . btn === undefined || pnl . panel === undefined ) continue ;
if ( pnl . hidden ) {
if ( ! pnl . btn . isDisabled ( ) ) pnl . btn . setDisabled ( true ) ;
2016-10-18 08:26:16 +00:00
if ( activePane == pnl . panelId )
2016-03-11 00:48:53 +00:00
currentactive = - 1 ;
} else {
if ( pnl . btn . isDisabled ( ) ) pnl . btn . setDisabled ( false ) ;
2017-11-27 11:15:10 +00:00
if ( i != Common . Utils . documentSettingsType . MailMerge && i != Common . Utils . documentSettingsType . Signature ) lastactive = i ;
2016-03-11 00:48:53 +00:00
if ( pnl . needShow ) {
pnl . needShow = false ;
priorityactive = i ;
2016-10-18 08:26:16 +00:00
} else if ( activePane == pnl . panelId )
2016-03-11 00:48:53 +00:00
currentactive = i ;
pnl . panel . setLocked ( pnl . locked ) ;
}
}
if ( ! this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . hidden )
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . panel . setLocked ( this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . locked ) ;
2016-03-30 08:51:07 +00:00
if ( ! this . rightmenu . minimizedMode || open ) {
2016-03-11 00:48:53 +00:00
var active ;
if ( priorityactive > - 1 ) active = priorityactive ;
else if ( lastactive >= 0 && currentactive < 0 ) active = lastactive ;
else if ( currentactive >= 0 ) active = currentactive ;
else if ( ! this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . hidden ) active = Common . Utils . documentSettingsType . MailMerge ;
2016-03-30 08:51:07 +00:00
if ( active == undefined && open && lastactive >= 0 )
active = lastactive ;
2016-03-11 00:48:53 +00:00
if ( active !== undefined ) {
2016-03-30 08:51:07 +00:00
this . rightmenu . SetActivePane ( active , open ) ;
2017-11-27 11:15:10 +00:00
if ( active != Common . Utils . documentSettingsType . MailMerge && active != Common . Utils . documentSettingsType . Signature )
2016-03-11 00:48:53 +00:00
this . _settings [ active ] . panel . ChangeSettings . call ( this . _settings [ active ] . panel , this . _settings [ active ] . props ) ;
else
this . _settings [ active ] . panel . ChangeSettings . call ( this . _settings [ active ] . panel ) ;
}
}
this . _settings [ Common . Utils . documentSettingsType . Image ] . needShow = false ;
this . _settings [ Common . Utils . documentSettingsType . Chart ] . needShow = false ;
} ,
onCoAuthoringDisconnect : function ( ) {
this . SetDisabled ( true , false ) ;
} ,
onInsertTable : function ( ) {
this . _settings [ Common . Utils . documentSettingsType . Table ] . needShow = true ;
} ,
onInsertImage : function ( ) {
this . _settings [ Common . Utils . documentSettingsType . Image ] . needShow = true ;
} ,
onInsertChart : function ( ) {
this . _settings [ Common . Utils . documentSettingsType . Chart ] . needShow = true ;
} ,
onInsertShape : function ( ) {
this . _settings [ Common . Utils . documentSettingsType . Shape ] . needShow = true ;
} ,
onInsertTextArt : function ( ) {
this . _settings [ Common . Utils . documentSettingsType . TextArt ] . needShow = true ;
} ,
UpdateThemeColors : function ( ) {
this . rightmenu . paragraphSettings . UpdateThemeColors ( ) ;
this . rightmenu . tableSettings . UpdateThemeColors ( ) ;
this . rightmenu . shapeSettings . UpdateThemeColors ( ) ;
this . rightmenu . textartSettings . UpdateThemeColors ( ) ;
} ,
fillTextArt : function ( ) {
this . rightmenu . textartSettings . fillTextArt ( ) ;
} ,
updateMetricUnit : function ( ) {
this . rightmenu . headerSettings . updateMetricUnit ( ) ;
this . rightmenu . paragraphSettings . updateMetricUnit ( ) ;
this . rightmenu . chartSettings . updateMetricUnit ( ) ;
this . rightmenu . imageSettings . updateMetricUnit ( ) ;
} ,
createDelayedElements : function ( ) {
var me = this ;
if ( this . api ) {
this . api . asc _registerCallback ( 'asc_onFocusObject' , _ . bind ( this . onFocusObject , this ) ) ;
this . api . asc _registerCallback ( 'asc_doubleClickOnObject' , _ . bind ( this . onDoubleClickOnObject , this ) ) ;
if ( this . rightmenu . mergeSettings ) {
this . rightmenu . mergeSettings . setDocumentName ( this . getApplication ( ) . getController ( 'Viewport' ) . getView ( 'Common.Views.Header' ) . getDocumentCaption ( ) ) ;
this . api . asc _registerCallback ( 'asc_onStartMailMerge' , _ . bind ( this . onStartMailMerge , this ) ) ;
}
2017-11-28 12:29:14 +00:00
if ( this . rightmenu . signatureSettings ) {
this . api . asc _registerCallback ( 'asc_onUpdateSignatures' , _ . bind ( this . onApiUpdateSignatures , this ) ) ;
}
2016-03-11 00:48:53 +00:00
this . api . asc _registerCallback ( 'asc_onError' , _ . bind ( this . onError , this ) ) ;
}
if ( this . editMode && this . api ) {
2016-10-12 15:38:10 +00:00
this . rightmenu . shapeSettings . createDelayedElements ( ) ;
2016-03-11 00:48:53 +00:00
var selectedElements = this . api . getSelectedElements ( ) ;
2016-03-30 08:51:07 +00:00
if ( selectedElements . length > 0 ) {
2017-04-19 11:22:31 +00:00
this . onFocusObject ( selectedElements , ! Common . localStorage . getBool ( "de-hide-right-settings" ) ) ;
2016-03-30 08:51:07 +00:00
}
2016-03-11 00:48:53 +00:00
}
2017-11-28 12:29:14 +00:00
//remove after sdk send event
// this.onApiUpdateSignatures([{name: 'Hammish Mitchell', guid: '123', date: '18/05/2017'}, {name: 'Someone Somewhere', guid: '345', date: '18/05/2017'}]);
2016-03-11 00:48:53 +00:00
} ,
onDoubleClickOnObject : function ( obj ) {
if ( ! this . editMode ) return ;
var eltype = obj . get _ObjectType ( ) ,
settingsType = this . getDocumentSettingsType ( eltype ) ;
if ( settingsType === undefined || settingsType >= this . _settings . length || this . _settings [ settingsType ] === undefined )
return ;
var value = obj . get _ObjectValue ( ) ;
if ( settingsType == Common . Utils . documentSettingsType . Image ) {
if ( value . get _ChartProperties ( ) !== null ) {
settingsType = Common . Utils . documentSettingsType . Chart ;
} else if ( value . get _ShapeProperties ( ) !== null ) {
settingsType = Common . Utils . documentSettingsType . Shape ;
}
}
if ( settingsType !== Common . Utils . documentSettingsType . Paragraph ) {
this . rightmenu . SetActivePane ( settingsType , true ) ;
this . _settings [ settingsType ] . panel . ChangeSettings . call ( this . _settings [ settingsType ] . panel , this . _settings [ settingsType ] . props ) ;
}
} ,
onStartMailMerge : function ( ) {
var type = Common . Utils . documentSettingsType . MailMerge ;
this . _settings [ type ] . hidden = 0 ;
this . _settings [ type ] . btn . setDisabled ( false ) ;
this . rightmenu . SetActivePane ( type , true ) ;
2016-08-17 11:55:28 +00:00
this . _settings [ type ] . panel . setLocked ( this . _settings [ type ] . locked ) ;
2016-03-11 00:48:53 +00:00
this . _settings [ type ] . panel . ChangeSettings . call ( this . _settings [ type ] . panel ) ;
} ,
onError : function ( id , level , errData ) {
2016-04-05 11:52:34 +00:00
if ( id == Asc . c _oAscError . ID . MailMergeLoadFile ) {
2016-03-11 00:48:53 +00:00
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . hidden = 1 ;
this . _settings [ Common . Utils . documentSettingsType . MailMerge ] . btn . setDisabled ( true ) ;
var selectedElements = this . api . getSelectedElements ( ) ;
if ( selectedElements . length > 0 )
this . onFocusObject ( selectedElements ) ;
}
} ,
2017-11-28 12:29:14 +00:00
onApiUpdateSignatures : function ( valid , requested ) {
var disabled = ( ! valid || valid . length < 1 ) && ( ! requested || requested . length < 1 ) ,
type = Common . Utils . documentSettingsType . Signature ;
this . _settings [ type ] . hidden = disabled ? 1 : 0 ;
this . _settings [ type ] . btn . setDisabled ( disabled ) ;
this . _settings [ type ] . panel . setLocked ( this . _settings [ type ] . locked ) ;
} ,
2017-11-28 11:20:54 +00:00
SetDisabled : function ( disabled , allowMerge , allowSignature ) {
2016-03-11 00:48:53 +00:00
this . setMode ( { isEdit : ! disabled } ) ;
if ( this . rightmenu ) {
this . rightmenu . paragraphSettings . disableControls ( disabled ) ;
this . rightmenu . shapeSettings . disableControls ( disabled ) ;
this . rightmenu . textartSettings . disableControls ( disabled ) ;
this . rightmenu . headerSettings . disableControls ( disabled ) ;
this . rightmenu . tableSettings . disableControls ( disabled ) ;
this . rightmenu . imageSettings . disableControls ( disabled ) ;
if ( ! allowMerge && this . rightmenu . mergeSettings ) {
this . rightmenu . mergeSettings . disableControls ( disabled ) ;
disabled && this . rightmenu . btnMailMerge . setDisabled ( disabled ) ;
}
this . rightmenu . chartSettings . disableControls ( disabled ) ;
2017-11-28 11:20:54 +00:00
if ( ! allowSignature && this . rightmenu . signatureSettings ) {
2017-11-27 11:15:10 +00:00
this . rightmenu . signatureSettings . disableControls ( disabled ) ;
this . rightmenu . btnSignature . setDisabled ( disabled ) ;
}
2016-03-11 00:48:53 +00:00
if ( disabled ) {
this . rightmenu . btnText . setDisabled ( disabled ) ;
this . rightmenu . btnTable . setDisabled ( disabled ) ;
this . rightmenu . btnImage . setDisabled ( disabled ) ;
this . rightmenu . btnHeaderFooter . setDisabled ( disabled ) ;
this . rightmenu . btnShape . setDisabled ( disabled ) ;
this . rightmenu . btnTextArt . setDisabled ( disabled ) ;
this . rightmenu . btnChart . setDisabled ( disabled ) ;
} else {
var selectedElements = this . api . getSelectedElements ( ) ;
if ( selectedElements . length > 0 )
this . onFocusObject ( selectedElements ) ;
}
}
} ,
getDocumentSettingsType : function ( type ) {
switch ( type ) {
2016-04-05 11:52:34 +00:00
case Asc . c _oAscTypeSelectElement . Paragraph :
2016-03-11 00:48:53 +00:00
return Common . Utils . documentSettingsType . Paragraph ;
2016-04-05 11:52:34 +00:00
case Asc . c _oAscTypeSelectElement . Table :
2016-03-11 00:48:53 +00:00
return Common . Utils . documentSettingsType . Table ;
2016-04-05 11:52:34 +00:00
case Asc . c _oAscTypeSelectElement . Image :
2016-03-11 00:48:53 +00:00
return Common . Utils . documentSettingsType . Image ;
2016-04-05 11:52:34 +00:00
case Asc . c _oAscTypeSelectElement . Header :
2016-03-11 00:48:53 +00:00
return Common . Utils . documentSettingsType . Header ;
}
}
} ) ;
} ) ;