',
'
',
'
',
@@ -90,13 +92,28 @@ define([
'',
'',
'| ',
+ '<% if (type == 1) { %>',
+ '',
+ '',
+ '',
+ '<% } else { %>',
'',
'',
'',
+ '<% } %>',
' | ',
'
',
'',
'',
+ '<% if (type == 1) { %>',
+ '',
+ '',
+ '',
+ '<% } else { %>',
'',
' ',
' ',
@@ -110,6 +127,7 @@ define([
'',
' |
',
'
',
+ '<% } %>',
'',
'
',
'',
@@ -127,6 +145,7 @@ define([
this.api = options.api;
this.handler = options.handler;
this.props = options.props;
+ this.type = options.type || 0; // 0 - TOC, 1 - TOF
this.startLevel = 1;
this.endLevel = 3;
this._noApply = true;
@@ -145,17 +164,18 @@ define([
value: 'checked'
});
this.chPages.on('change', _.bind(function(field, newValue, oldValue, eOpts){
- var checked = (field.getValue()=='checked');
- this.chAlign.setDisabled(!checked);
- this.cmbLeader.setDisabled(!checked);
+ var checked = (field.getValue()=='checked'),
+ centered = (this.type==1) && (this.cmbStyles.getValue()==Asc.c_oAscTOFStylesType.Centered);
+ this.chAlign.setDisabled(!checked || centered);
+ this.cmbLeader.setDisabled(!checked || centered);
if (this.api && !this._noApply) {
var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
properties.put_ShowPageNumbers(checked);
- if (checked) {
+ if (checked && !centered) {
properties.put_RightAlignTab(this.chAlign.getValue() == 'checked');
properties.put_TabLeader(this.cmbLeader.getValue());
}
- this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
+ (this.type==1) ? this.api.SetDrawImagePlaceTableOfFigures('tableofcontents-img', properties) : this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
}
}, this));
@@ -174,7 +194,7 @@ define([
if (checked) {
properties.put_TabLeader(this.cmbLeader.getValue());
}
- this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
+ (this.type==1) ? this.api.SetDrawImagePlaceTableOfFigures('tableofcontents-img', properties) : this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
}
}, this));
@@ -197,7 +217,7 @@ define([
if (this.api && !this._noApply) {
var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
properties.put_TabLeader(record.value);
- this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
+ (this.type==1) ? this.api.SetDrawImagePlaceTableOfFigures('tableofcontents-img', properties) : this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
}
}, this));
@@ -211,121 +231,208 @@ define([
if (this.api && !this._noApply) {
var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
properties.put_Hyperlink(field.getValue()=='checked');
- this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
+ (this.type==1) ? this.api.SetDrawImagePlaceTableOfFigures('tableofcontents-img', properties) : this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
}
}, this));
- this.radioLevels = new Common.UI.RadioBox({
- el: $('#tableofcontents-radio-levels'),
- labelText: this.textRadioLevels,
- name: 'asc-radio-content-build',
- checked: true
- });
- this.radioLevels.on('change', _.bind(function(field, newValue, eOpts) {
- if (newValue) {
- this.levelsContainer.toggleClass('hidden', !newValue);
- this.stylesContainer.toggleClass('hidden', newValue);
- if (this._needUpdateOutlineLevels)
- this.synchronizeLevelsFromStyles();
- }
- }, this));
+ if (this.type==1) {
+ this.radioCaption = new Common.UI.RadioBox({
+ el: $('#tableofcontents-radio-caption'),
+ labelText: this.textRadioCaption,
+ name: 'asc-radio-content-tof-build',
+ checked: true
+ });
+ this.radioCaption.on('change', _.bind(function(field, newValue, eOpts) {
+ if (newValue) {
+ this.captionContainer.toggleClass('hidden', !newValue);
+ this.styleContainer.toggleClass('hidden', newValue);
+ this.changeCaption(this.cmbCaptions.getSelectedRecord());
+ this.disableButtons();
+ }
+ }, this));
- this.radioStyles = new Common.UI.RadioBox({
- el: $('#tableofcontents-radio-styles'),
- labelText: this.textRadioStyles,
- name: 'asc-radio-content-build'
- });
- this.radioStyles.on('change', _.bind(function(field, newValue, eOpts) {
- if (newValue) {
- this.stylesContainer.toggleClass('hidden', !newValue);
- this.levelsContainer.toggleClass('hidden', newValue);
- if (this._needUpdateStyles)
- this.synchronizeLevelsFromOutline();
- this.stylesList.scroller.update({alwaysVisibleY: true});
- setTimeout(function(){
- var rec = me.stylesLevels.findWhere({checked: true});
- if (rec)
- me.stylesList.scrollToRecord(rec);
- }, 10);
- }
- }, this));
+ this.radioStyle = new Common.UI.RadioBox({
+ el: $('#tableofcontents-radio-style'),
+ labelText: this.textRadioStyle,
+ name: 'asc-radio-content-tof-build'
+ });
+ this.radioStyle.on('change', _.bind(function(field, newValue, eOpts) {
+ if (newValue) {
+ this.styleContainer.toggleClass('hidden', !newValue);
+ this.captionContainer.toggleClass('hidden', newValue);
+ this.changeTOFStyle(this.cmbTOFStyles.getSelectedRecord());
+ this.disableButtons();
+ }
+ }, this));
+ this.cmbCaptions = new Common.UI.ComboBox({
+ el: $('#tableofcontents-combo-captions'),
+ cls: 'input-group-nr',
+ menuStyle: 'min-width: 100%;max-height: 233px;',
+ editable: false,
+ data: []
+ });
+ this.cmbCaptions.on('selected', _.bind(function(combo, record) {
+ this.changeCaption(record);
+ this.disableButtons();
+ }, this));
+
+ this.cmbTOFStyles = new Common.UI.ComboBox({
+ el: $('#tableofcontents-combo-tof-styles'),
+ cls: 'input-group-nr',
+ menuStyle: 'min-width: 100%;max-height: 233px;',
+ editable: false,
+ data: []
+ });
+ this.cmbTOFStyles.on('selected', _.bind(function(combo, record) {
+ this.changeTOFStyle(record);
+ }, this));
+
+ this.chFullCaption = new Common.UI.CheckBox({
+ el: $('#tableofcontents-chb-full-caption'),
+ labelText: this.strFullCaption,
+ value: 'checked'
+ });
+ this.chFullCaption.on('change', _.bind(function(field, newValue, oldValue, eOpts){
+ if (this.api && !this._noApply) {
+ var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
+ properties.put_IncludeLabelAndNumber(field.getValue()=='checked');
+ this.api.SetDrawImagePlaceTableOfFigures('tableofcontents-img', properties);
+ this.scrollerY.update();
+ }
+ }, this));
+
+ this.captionContainer = $('#tableofcontents-tof-from-caption');
+ this.styleContainer = $('#tableofcontents-tof-from-style');
+ } else {
+ this.radioLevels = new Common.UI.RadioBox({
+ el: $('#tableofcontents-radio-levels'),
+ labelText: this.textRadioLevels,
+ name: 'asc-radio-content-build',
+ checked: true
+ });
+ this.radioLevels.on('change', _.bind(function(field, newValue, eOpts) {
+ if (newValue) {
+ this.levelsContainer.toggleClass('hidden', !newValue);
+ this.stylesContainer.toggleClass('hidden', newValue);
+ if (this._needUpdateOutlineLevels)
+ this.synchronizeLevelsFromStyles();
+ }
+ }, this));
+
+ this.radioStyles = new Common.UI.RadioBox({
+ el: $('#tableofcontents-radio-styles'),
+ labelText: this.textRadioStyles,
+ name: 'asc-radio-content-build'
+ });
+ this.radioStyles.on('change', _.bind(function(field, newValue, eOpts) {
+ if (newValue) {
+ this.stylesContainer.toggleClass('hidden', !newValue);
+ this.levelsContainer.toggleClass('hidden', newValue);
+ if (this._needUpdateStyles)
+ this.synchronizeLevelsFromOutline();
+ this.stylesList.scroller.update({alwaysVisibleY: true});
+ setTimeout(function(){
+ var rec = me.stylesLevels.findWhere({checked: true});
+ if (rec)
+ me.stylesList.scrollToRecord(rec);
+ }, 10);
+ }
+ }, this));
+ this.spnLevels = new Common.UI.CustomSpinner({
+ el: $('#tableofcontents-spin-levels'),
+ step: 1,
+ width: 85,
+ defaultUnit : "",
+ value: this.endLevel,
+ maxValue: 9,
+ minValue: 1,
+ allowDecimal: false,
+ maskExp: /[1-9]/
+ });
+ this.spnLevels.on('change', _.bind(function(field, newValue, oldValue, eOpts){
+ this._needUpdateStyles = true;
+ this.startLevel = 1;
+ this.endLevel = field.getNumberValue();
+
+ if (this.api && !this._noApply) {
+ var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
+ properties.clear_Styles();
+ properties.put_OutlineRange(this.startLevel, this.endLevel);
+ this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
+ this.scrollerY.update();
+ }
+ }, this));
+
+ this.stylesLevels = new Common.UI.DataViewStore();
+
+ if (this.stylesLevels) {
+ this.stylesList = new Common.UI.ListView({
+ el: $('#tableofcontents-styles-list', this.$window),
+ store: this.stylesLevels,
+ simpleAddMode: true,
+ showLast: false,
+ template: _.template([''].join('')),
+ itemTemplate: _.template([
+ '',
+ ' <%= name %> ',
+ ' ',
+ ' ',
- ' <%= name %> ',
- ' ',
- ' |