',
'',
'
',
'<% } else { %>',
'',
'
',
'
',
'<% } %>'
].join('')),
store: new Common.UI.DataViewStore(items),
delayRenderTips: true,
scrollAlwaysVisible: true,
showLast: false
});
item.menuPicker.on('item:click', function(picker, item, record, e) {
if (record && record.get('value') !== null) {
me.fireEvent('insert:smartart', [record.get('value')]);
}
Common.NotificationCenter.trigger('edit:complete', me);
});
item.menuPicker.loaded = false;
item.$el.on('mouseenter', function () {
if (!item.menuPicker.loaded) {
me.fireEvent('smartart:mouseenter', [item.value]);
}
});
item.$el.on('mouseleave', function () {
me.fireEvent('smartart:mouseleave', [item.value]);
});
});
menu.off('show:before', onShowBeforeSmartArt);
};
this.btnInsertSmartArt.menu.on('show:before', onShowBeforeSmartArt);
var onShowBeforeTextArt = function (menu) {
var collection = PE.getCollection('Common.Collections.TextArt');
if (collection.length<1)
PE.getController('Main').fillTextArt(me.api.asc_getTextArtPreviews());
var picker = new Common.UI.DataView({
el: $('#view-insert-art', menu.$el),
store: collection,
parentMenu: menu,
outerMenu: {menu: menu, index:0},
showLast: false,
itemTemplate: _.template(' style ="font-family: <%= font %>"<% } %>>&#<%= symbol %>
')
});
this.btnInsertSymbol.menu.setInnerMenu([{menu: this.mnuInsertSymbolsPicker, index: 0}]);
this.btnInsertSymbol.menu.on('show:before', _.bind(function() {
this.mnuInsertSymbolsPicker.deselectAll();
}, this));
this._markersArr = [
'undefined',
'{"bulletTypeface":{"type":"bufont","typeface":"Symbol"},"bulletType":{"type":"char","char":"·","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Courier New"},"bulletType":{"type":"char","char":"o","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Wingdings"},"bulletType":{"type":"char","char":"§","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Wingdings"},"bulletType":{"type":"char","char":"v","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Wingdings"},"bulletType":{"type":"char","char":"Ø","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Wingdings"},"bulletType":{"type":"char","char":"ü","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Symbol"},"bulletType":{"type":"char","char":"¨","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"char","char":"–","startAt":null}}'
];
var _conf = this.mnuMarkersPicker.conf;
this.mnuMarkersPicker = new Common.UI.DataView({
el: $('#id-toolbar-menu-markers'),
parentMenu: this.btnMarkers.menu,
outerMenu: {menu: this.btnMarkers.menu, index: 0},
restoreHeight: 138,
allowScrollbar: false,
delayRenderTips: true,
store: new Common.UI.DataViewStore([
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: -1},numberingInfo: this._markersArr[0], skipRenderOnChange: true, tip: this.tipNone},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 1}, numberingInfo: this._markersArr[1], skipRenderOnChange: true, tip: this.tipMarkersFRound},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 2}, numberingInfo: this._markersArr[2], skipRenderOnChange: true, tip: this.tipMarkersHRound},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 3}, numberingInfo: this._markersArr[3], skipRenderOnChange: true, tip: this.tipMarkersFSquare},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 4}, numberingInfo: this._markersArr[4], skipRenderOnChange: true, tip: this.tipMarkersStar},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 5}, numberingInfo: this._markersArr[5], skipRenderOnChange: true, tip: this.tipMarkersArrow},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 6}, numberingInfo: this._markersArr[6], skipRenderOnChange: true, tip: this.tipMarkersCheckmark},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 7}, numberingInfo: this._markersArr[7], skipRenderOnChange: true, tip: this.tipMarkersFRhombus},
{id: 'id-markers-' + Common.UI.getId(), data: {type: 0, subtype: 8}, numberingInfo: this._markersArr[8], skipRenderOnChange: true, tip: this.tipMarkersDash}
]),
itemTemplate: _.template('')
});
this.btnMarkers.menu.setInnerMenu([{menu: this.mnuMarkersPicker, index: 0}]);
_conf && this.mnuMarkersPicker.selectByIndex(_conf.index, true);
this._numbersArr = [
'undefined',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"alphaUcPeriod","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"alphaLcParenR","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"alphaLcPeriod","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"arabicPeriod","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"arabicParenR","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"romanUcPeriod","startAt":null}}',
'{"bulletTypeface":{"type":"bufont","typeface":"Arial"},"bulletType":{"type":"autonum","char":null,"autoNumType":"romanLcPeriod","startAt":null}}'
];
_conf = this.mnuNumbersPicker.conf;
this.mnuNumbersPicker = new Common.UI.DataView({
el: $('#id-toolbar-menu-numbering'),
parentMenu: this.btnNumbers.menu,
outerMenu: {menu: this.btnNumbers.menu, index: 0},
restoreHeight: 92,
allowScrollbar: false,
delayRenderTips: true,
store: new Common.UI.DataViewStore([
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: -1}, numberingInfo: this._numbersArr[0], skipRenderOnChange: true, tip: this.tipNone},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 4}, numberingInfo: this._numbersArr[1], skipRenderOnChange: true, tip: this.tipNumCapitalLetters},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 5}, numberingInfo: this._numbersArr[2], skipRenderOnChange: true, tip: this.tipNumLettersParentheses},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 6}, numberingInfo: this._numbersArr[3], skipRenderOnChange: true, tip: this.tipNumLettersPoints},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 1}, numberingInfo: this._numbersArr[4], skipRenderOnChange: true, tip: this.tipNumNumbersPoint},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 2}, numberingInfo: this._numbersArr[5], skipRenderOnChange: true, tip: this.tipNumNumbersParentheses},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 3}, numberingInfo: this._numbersArr[6], skipRenderOnChange: true, tip: this.tipNumRoman},
{id: 'id-numbers-' + Common.UI.getId(), data: {type: 1, subtype: 7}, numberingInfo: this._numbersArr[7], skipRenderOnChange: true, tip: this.tipNumRomanSmall}
]),
itemTemplate: _.template('')
});
this.btnNumbers.menu.setInnerMenu([{menu: this.mnuNumbersPicker, index: 0}]);
_conf && this.mnuNumbersPicker.selectByIndex(_conf.index, true);
this.mnuTablePicker = new Common.UI.DimensionPicker({
el: $('#id-toolbar-menu-tablepicker'),
minRows: 8,
minColumns: 10,
maxRows: 8,
maxColumns: 10
});
/** coauthoring begin **/
this.showSynchTip = !Common.localStorage.getBool('pe-hide-synch');
if (this.needShowSynchTip) {
this.needShowSynchTip = false;
this.onCollaborativeChanges();
}
/** coauthoring end **/
},
onToolbarAfterRender: function(toolbar) {
// DataView and pickers
//
if (this.btnFontColor.cmpEl) {
this.btnFontColor.setMenu();
this.mnuFontColorPicker = this.btnFontColor.getPicker();
this.btnFontColor.setColor(this.btnFontColor.currentColor || 'transparent');
}
if (this.btnHighlightColor.cmpEl) {
this.btnHighlightColor.currentColor = 'FFFF00';
this.btnHighlightColor.setColor(this.btnHighlightColor.currentColor);
this.mnuHighlightColorPicker = new Common.UI.ThemeColorPalette({
el: $('#id-toolbar-menu-highlight'),
colors: [
'FFFF00', '00FF00', '00FFFF', 'FF00FF', '0000FF', 'FF0000', '00008B', '008B8B',
'006400', '800080', '8B0000', '808000', 'FFFFFF', 'D3D3D3', 'A9A9A9', '000000'
],
colorHints: [
Common.Utils.ThemeColor.txtYellow, Common.Utils.ThemeColor.txtBrightGreen, Common.Utils.ThemeColor.txtTurquosie, Common.Utils.ThemeColor.txtPink,
Common.Utils.ThemeColor.txtBlue, Common.Utils.ThemeColor.txtRed, Common.Utils.ThemeColor.txtDarkBlue, Common.Utils.ThemeColor.txtTeal,
Common.Utils.ThemeColor.txtGreen, Common.Utils.ThemeColor.txtViolet, Common.Utils.ThemeColor.txtDarkRed, Common.Utils.ThemeColor.txtDarkYellow,
Common.Utils.ThemeColor.txtWhite, Common.Utils.ThemeColor.txtGray + '-25%', Common.Utils.ThemeColor.txtGray + '-50%', Common.Utils.ThemeColor.txtBlack
],
value: 'FFFF00',
dynamiccolors: 0,
themecolors: 0,
effects: 0,
columns: 4,
outerMenu: {menu: this.btnHighlightColor.menu, index: 0, focusOnShow: true}
});
this.btnHighlightColor.setPicker(this.mnuHighlightColorPicker);
this.btnHighlightColor.menu.setInnerMenu([{menu: this.mnuHighlightColorPicker, index: 0}]);
}
},
setApi: function (api) {
this.api = api;
if (this.api) {
this.api.asc_registerCallback('asc_onSendThemeColorSchemes', _.bind(this.onSendThemeColorSchemes, this));
/** coauthoring begin **/
this.api.asc_registerCallback('asc_onCollaborativeChanges', _.bind(this.onCollaborativeChanges, this));
this.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(this.onApiUsersChanged, this));
this.api.asc_registerCallback('asc_onParticipantsChanged', _.bind(this.onApiUsersChanged, this));
/** coauthoring end **/
}
return this;
},
setMode: function (mode) {
if (mode.isDisconnected) {
this.lockToolbar(Common.enumLock.lostConnect, true);
this.lockToolbar( Common.enumLock.lostConnect, true, {array:[this.btnUndo,this.btnRedo,this.btnSave]} );
if ( this.synchTooltip )
this.synchTooltip.hide();
if (!mode.enableDownload)
this.lockToolbar(Common.enumLock.cantPrint, true, {array: [this.btnPrint]});
} else {
this.lockToolbar(Common.enumLock.cantPrint, !mode.canPrint, {array: [this.btnPrint]});
!mode.canPrint && this.btnPrint.hide();
}
this.mode = mode;
},
onSendThemeColorSchemes: function (schemas) {
var mnuColorSchema = this.btnColorSchemas.menu;
mnuColorSchema && mnuColorSchema.removeAll(true);
if (mnuColorSchema == null) {
mnuColorSchema = new Common.UI.Menu({
cls: 'shifted-left',
restoreHeight: true
});
}
if (mnuColorSchema) {
var itemTemplate = _.template([
'',
'',
'<% _.each(options.colors, function(color) { %>',
'',
'<% }) %>',
'',
'<%= caption %>',
''
].join(''));
_.each(schemas, function (schema, index) {
var colors = schema.get_colors();//schema.colors;
var schemecolors = [];
for (var j = 2; j < 7; j++) {
var clr = '#' + Common.Utils.ThemeColor.getHexColor(colors[j].get_r(), colors[j].get_g(), colors[j].get_b());
schemecolors.push(clr);
}
if (index == 24) {
mnuColorSchema.addItem({
caption: '--'
}, true);
}
mnuColorSchema.addItem({
template: itemTemplate,
cls: 'color-schemas-menu',
colors: schemecolors,
caption: schema.get_name(),
value: index,
checkable: true,
toggleGroup: 'menuSchema'
}, true);
}, this);
}
},
/** coauthoring begin **/
onCollaborativeChanges: function () {
if (this._state.hasCollaborativeChanges) return;
if (!this.btnCollabChanges.rendered) {
this.needShowSynchTip = true;
return;
}
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
if (previewPanel && previewPanel.isVisible()) {
this.needShowSynchTip = true;
return;
}
this._state.hasCollaborativeChanges = true;
this.btnCollabChanges.cmpEl.addClass('notify');
if (this.showSynchTip) {
this.btnCollabChanges.updateHint('');
if (this.synchTooltip === undefined)
this.createSynchTip();
this.synchTooltip.target = this.btnCollabChanges.$el.is(':visible') ? this.btnCollabChanges.$el : $('[data-layout-name=toolbar-file]', this.$el);
this.synchTooltip.show();
} else {
this.btnSaveTip = this.tipSynchronize;
PE.getController('Common.Controllers.Shortcuts').updateShortcutHints({
Save: {
btn: this.btnCollabChanges,
label: this.btnSaveTip,
ignoreUpdates: true
},
});
}
this.lockToolbar(Common.enumLock.cantSave, false, {array: [this.btnSave]});
Common.Gateway.collaborativeChanges();
},
createSynchTip: function () {
var direction = Common.UI.isRTL() ? 'left' : 'right';
this.synchTooltip = new Common.UI.SynchronizeTip({
extCls: (this.mode.compactHeader) ? undefined : 'inc-index',
placement: this.mode.isDesktopApp ? 'bottom-' + direction : direction + '-bottom',
});
this.synchTooltip.on('dontshowclick', function () {
this.showSynchTip = false;
this.synchTooltip.hide();
this.btnSaveTip = this.tipSynchronize;
PE.getController('Common.Controllers.Shortcuts').updateShortcutHints({
Save: {
btn: this.btnCollabChanges,
label: this.btnSaveTip,
ignoreUpdates: true
},
});
Common.localStorage.setItem("pe-hide-synch", 1);
}, this);
this.synchTooltip.on('closeclick', function () {
this.synchTooltip.hide();
this.btnSaveTip = this.tipSynchronize;
PE.getController('Common.Controllers.Shortcuts').updateShortcutHints({
Save: {
btn: this.btnCollabChanges,
label: this.btnSaveTip,
ignoreUpdates: true
},
});
}, this);
},
synchronizeChanges: function () {
if (this.btnCollabChanges.rendered) {
var me = this;
if ( me.btnCollabChanges.cmpEl.hasClass('notify') ) {
me.btnCollabChanges.cmpEl.removeClass('notify');
if (this.synchTooltip)
this.synchTooltip.hide();
PE.getController('Common.Controllers.Shortcuts').updateShortcutHints({
Save: {
btn: this.btnCollabChanges,
label: this.btnSaveTip,
ignoreUpdates: true
},
});
this.lockToolbar(Common.enumLock.cantSave, !me.mode.forcesave && !me.mode.canSaveDocumentToBinary, {array: [this.btnSave]});
this._state.hasCollaborativeChanges = false;
}
}
},
onApiUsersChanged: function (users) {
var editusers = [];
_.each(users, function (item) {
if (!item.asc_getView())
editusers.push(item);
});
var length = _.size(editusers);
var cls = (length > 1) ? 'btn-save-coauth' : 'btn-save';
if (cls !== this.btnSaveCls && this.btnCollabChanges.rendered) {
this.btnSaveTip = ((length > 1) ? this.tipSaveCoauth : this.tipSave );
PE.getController('Common.Controllers.Shortcuts').updateShortcutHints({
Save: {
btn: this.btnCollabChanges,
label: this.btnSaveTip,
ignoreUpdates: true
},
});
this.btnCollabChanges.changeIcon({next: cls, curr: this.btnSaveCls});
this.btnSaveCls = cls;
}
},
/** coauthoring end **/
onSlidePickerShowAfter: function (picker) {
if (!picker._needRecalcSlideLayout) return;
if (picker.cmpEl && picker.dataViewItems.length > 0) {
var dataViewItems = picker.dataViewItems,
el = $(dataViewItems[0].el),
itemW = el.outerWidth() + parseInt(el.css('margin-left')) + parseInt(el.css('margin-right')),
columnCount = Math.floor(picker.options.restoreWidth / itemW + 0.5) || 1, // try to use restore width
col = 0, maxHeight = 0;
picker.cmpEl.width(itemW * columnCount + 11);
for (var i = 0; i < dataViewItems.length; i++) {
var div = $(dataViewItems[i].el).find('.title'),
height = div.height();
if (height > maxHeight)
maxHeight = height;
else
div.css({'height': maxHeight});
col++;
if (col > columnCount - 1) {
col = 0;
maxHeight = 0;
}
}
picker._needRecalcSlideLayout = false;
}
},
updateComboAutoshapeMenu: function (collection) {
var me = this,
recents = Common.localStorage.getItem('pe-recent-shapes');
recents = recents ? JSON.parse(recents) : null;
me.cmbsInsertShape.forEach(function (cmb) {
cmb.setMenuPicker(collection, recents, me.textRecentlyUsed);
});
},
updateAddSlideMenu: function(collection) {
if (collection.size()<1) return;
var me = this;
if (!me.binding.onShowBeforeAddSlide) {
me.binding.onShowBeforeAddSlide = function(menu) {
var change = (this.iconCls.indexOf('btn-changeslide')>-1);
var picker = new Common.UI.DataView({
el: $('.menu-layouts', menu.$el),
parentMenu: menu,
outerMenu: {menu: menu, index: 0},
showLast: change,
restoreHeight: 300,
restoreWidth: 302,
style: 'max-height: 300px;',
store: PE.getCollection('SlideLayouts'),
itemTemplate: _.template([
'',
'',
'
'
].join(''))
});
picker.on('item:click', function (picker, item, record, e) {
if (e.type !== 'click') Common.UI.Menu.Manager.hideAll();
if (record)
me.fireEvent(change ? 'change:slide' : 'add:slide', [record.get('data').idx]);
});
if (menu) {
menu.on('show:after', function () {
me.onSlidePickerShowAfter(picker);
!change && me.fireEvent('duplicate:check', [menu]);
picker.scroller.update({alwaysVisibleY: true});
if (change) {
var record = picker.store.findLayoutByIndex(picker.options.layout_index);
if (record) {
picker.selectRecord(record, true);
picker.scrollToRecord(record);
}
} else
picker.scroller.scrollTop(0);
});
menu.setInnerMenu([{menu: picker, index: 0}]);
}
menu.off('show:before', me.binding.onShowBeforeAddSlide);
if (change && this.mnuSlidePicker)
picker.options.layout_index = this.mnuSlidePicker.options.layout_index;
this.mnuSlidePicker = picker;
this.mnuSlidePicker._needRecalcSlideLayout = true;
};
[me.btnAddSlide, me.btnChangeSlide].forEach(function (btn, index) {
btn.menu.on('show:before', me.binding.onShowBeforeAddSlide, btn);
});
} else {
[me.btnAddSlide, me.btnChangeSlide].forEach(function (btn, index) {
btn.mnuSlidePicker && (btn.mnuSlidePicker._needRecalcSlideLayout = true);
});
}
},
loadRecentSymbolsFromStorage: function(){
var recents = Common.localStorage.getItem('pe-fastRecentSymbols');
var arr = (!!recents) ? JSON.parse(recents) :
[
{ symbol: 8226, font: 'Arial'},
{ symbol: 8364, font: 'Arial'},
{ symbol: 65284, font: 'Arial'},
{ symbol: 165, font: 'Arial'},
{ symbol: 169, font: 'Arial'},
{ symbol: 174, font: 'Arial'},
{ symbol: 189, font: 'Arial'},
{ symbol: 188, font: 'Arial'},
{ symbol: 8800, font: 'Arial'},
{ symbol: 177, font: 'Arial'},
{ symbol: 247, font: 'Arial'},
{ symbol: 8730, font: 'Arial'},
{ symbol: 8804, font: 'Arial'},
{ symbol: 8805, font: 'Arial'},
{ symbol: 8482, font: 'Arial'},
{ symbol: 8734, font: 'Arial'},
{ symbol: 126, font: 'Arial'},
{ symbol: 176, font: 'Arial'},
{ symbol: 167, font: 'Arial'},
{ symbol: 945, font: 'Arial'},
{ symbol: 946, font: 'Arial'},
{ symbol: 960, font: 'Arial'},
{ symbol: 916, font: 'Arial'},
{ symbol: 9786, font: 'Arial'},
{ symbol: 9829, font: 'Arial'}
];
arr.forEach(function (item){
item.tip = this.getSymbolDescription(item.symbol);
}.bind(this));
return arr;
},
saveSymbol: function(symbol, font) {
var maxLength =25,
picker = this.mnuInsertSymbolsPicker;
var item = picker.store.find(function(item){
return item.get('symbol') == symbol && item.get('font') == font
});
item && picker.store.remove(item);
picker.store.add({symbol: symbol, font: font, tip: this.getSymbolDescription(symbol)},{at:0});
picker.store.length > maxLength && picker.store.remove(picker.store.last());
var arr = picker.store.map(function (item){
return {symbol: item.get('symbol'), font: item.get('font')};
});
var sJSON = JSON.stringify(arr);
Common.localStorage.setItem( 'pe-fastRecentSymbols', sJSON);
},
getSymbolDescription: function(symbol){
var specSymbol = this.specSymbols.find(function (item){return item.symbol == symbol});
return !!specSymbol ? specSymbol.description : this.capBtnInsSymbol + ': ' + symbol;
},
onDesktopWindow: function() {
if (this.synchTooltip && this.synchTooltip.isVisible()) {
this.synchTooltip.show(); // change position for visible tip
}
},
tipNumCapitalLetters: 'A. B. C.',
tipNumLettersParentheses: 'a) b) c)',
tipNumLettersPoints: 'a. b. c.',
tipNumNumbersPoint: '1. 2. 3.',
tipNumNumbersParentheses: '1) 2) 3)',
tipNumRoman: 'I. II. III.',
tipNumRomanSmall: 'i. ii. iii.'
}
}()), PE.Views.Toolbar || {}));
});
<%- title %>
',
'