Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE] Scroll preview for table of contents.

Browse source
This commit is contained in:
Julia Radzhabova 2018-03-01 16:58:33 +03:00
parent af745d4165
commit c74517cfae
1 changed files with 20 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
apps/documenteditor/main/app/view/TableOfContentsSettings.js
View file

@ -67,8 +67,8 @@ define([
'<div id="tableofcontents-chb-pages"></div>', '<div id="tableofcontents-chb-pages"></div>',
'</td>', '</td>',
'<td rowspan="5" class="padding-small" style="vertical-align: top;">', '<td rowspan="5" class="padding-small" style="vertical-align: top;">',
'<div style="border: 1px solid #cbcbcb;width: 241px; height: 182px; float: right;padding: 5px;">', '<div style="border: 1px solid #cbcbcb;width: 240px; height: 182px; float: right;position:relative;overflow:hidden;">',
'<div id="tableofcontents-img" style="width: 100%; height: 100%;"></div>', '<div id="tableofcontents-img" style="width: 230px; height: 100%;"></div>',
'</div>', '</div>',
'</td>', '</td>',
'</tr>', '</tr>',
@ -112,7 +112,7 @@ define([
'</div>', '</div>',
'</td>', '</td>',
'<td class="padding-small" style="vertical-align: top;">', '<td class="padding-small" style="vertical-align: top;">',
'<label class="input-label" style="margin-left: 9px;">' + me.textStyles + '</label>', '<label class="input-label" style="margin-left: 10px;">' + me.textStyles + '</label>',
'<div id="tableofcontents-combo-styles" class="input-group-nr" style="display: inline-block; width:95px; margin-left: 10px;"></div>', '<div id="tableofcontents-combo-styles" class="input-group-nr" style="display: inline-block; width:95px; margin-left: 10px;"></div>',
'</td>', '</td>',
'</tr>', '</tr>',
@ -160,6 +160,7 @@ define([
properties.put_TabLeader(this.cmbLeader.getValue()); properties.put_TabLeader(this.cmbLeader.getValue());
} }
this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}, this)); }, this));
@ -178,6 +179,7 @@ define([
properties.put_TabLeader(this.cmbLeader.getValue()); properties.put_TabLeader(this.cmbLeader.getValue());
} }
this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}, this)); }, this));
@ -200,6 +202,7 @@ define([
var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
properties.put_TabLeader(record.value); properties.put_TabLeader(record.value);
this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}, this)); }, this));
@ -213,6 +216,7 @@ define([
var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
properties.put_Hyperlink(field.getValue()=='checked'); properties.put_Hyperlink(field.getValue()=='checked');
this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}, this)); }, this));
@ -270,6 +274,7 @@ define([
var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr(); var properties = (this._originalProps) ? this._originalProps : new Asc.CTableOfContentsPr();
properties.put_StylesType(record.value); properties.put_StylesType(record.value);
this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}, this)); }, this));
@ -294,6 +299,7 @@ define([
properties.clear_Styles(); properties.clear_Styles();
properties.put_OutlineRange(this.startLevel, this.endLevel); properties.put_OutlineRange(this.startLevel, this.endLevel);
this.api.SetDrawImagePlaceContents('tableofcontents-img', properties); this.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}, this)); }, this));
@ -322,6 +328,14 @@ define([
this.levelsContainer = $('#tableofcontents-from-levels'); this.levelsContainer = $('#tableofcontents-from-levels');
this.stylesContainer = $('#tableofcontents-from-styles'); this.stylesContainer = $('#tableofcontents-from-styles');
this.scrollerY = new Common.UI.Scroller({
el: this.$window.find('#tableofcontents-img').parent(),
minScrollbarLength : 20
});
this.scrollerY.update();
this.scrollerY.scrollTop(0);
this.afterRender(); this.afterRender();
}, },
@ -335,6 +349,7 @@ define([
close: function() { close: function() {
this.api.SetDrawImagePlaceContents(null); this.api.SetDrawImagePlaceContents(null);
this.scrollerY.update();
Common.Views.AdvancedSettingsWindow.prototype.close.apply(this); Common.Views.AdvancedSettingsWindow.prototype.close.apply(this);
}, },
@ -473,6 +488,7 @@ define([
} }
this.api.SetDrawImagePlaceContents('tableofcontents-img', this._originalProps); this.api.SetDrawImagePlaceContents('tableofcontents-img', this._originalProps);
this.scrollerY.update();
this._noApply = false; this._noApply = false;
}, },
@ -597,6 +613,7 @@ define([
else else
properties.put_OutlineRange(1, 9); properties.put_OutlineRange(1, 9);
me.api.SetDrawImagePlaceContents('tableofcontents-img', properties); me.api.SetDrawImagePlaceContents('tableofcontents-img', properties);
this.scrollerY.update();
} }
}); });