htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some changes to resizing

Browse Source
This commit is contained in:
Ralf Teusner
2016-09-09 14:04:51 +02:00
parent bac86cd466
commit d2dab21292
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/assets/javascripts/editor/editor.js.erb
View File

@ -15,7 +15,6 @@ var CodeOceanEditor = {
AUTOSAVE_INTERVAL: 15 * 1000, AUTOSAVE_INTERVAL: 15 * 1000,
REQUEST_FOR_COMMENTS_DELAY: 3 * 60 * 1000, REQUEST_FOR_COMMENTS_DELAY: 3 * 60 * 1000,
REQUEST_TOOLTIP_TIME: 5000, REQUEST_TOOLTIP_TIME: 5000,
EDITOR_HEIGHT_SUBST: 100,
NONE: 0, NONE: 0,
WEBSOCKET: 1, WEBSOCKET: 1,
@ -200,15 +199,21 @@ var CodeOceanEditor = {
this.createSubmission($('#autosave'), null); this.createSubmission($('#autosave'), null);
}, },
resizeParentOfAceEditor: function (element){
// calculate needed size: window height - position of top of button-bar - 60 for bar itself and margins
var windowHeight = window.innerHeight - $('#editor-buttons').offset().top - 60;
$(element).parent().height(windowHeight);
},
initializeEditors: function () { initializeEditors: function () {
$('.editor').each(function (index, element) { $('.editor').each(function (index, element) {
// Resize frame.
var windowHeight = window.innerHeight - this.EDITOR_HEIGHT_SUBST;
$(element).parent().height(windowHeight);
// Resize frame on load
this.resizeParentOfAceEditor(element);
// Resize frame on window size change
$(window).resize(function(){ $(window).resize(function(){
var windowHeight = window.innerHeight - this.EDITOR_HEIGHT_SUBST; this.resizeParentOfAceEditor(element);
$(element).parent().height(windowHeight);
}.bind(this)); }.bind(this));
var editor = ace.edit(element); var editor = ace.edit(element);