making host event modal resizable

and draggable
This commit is contained in:
Jared Tabor 2017-06-27 16:39:48 -07:00
parent 5d8e3161d1
commit fcfd71f255
2 changed files with 9 additions and 1 deletions

View File

@ -99,7 +99,6 @@
margin-bottom: 8px;
}
.HostEvent .modal-body{
max-height: 600px;
padding: 0px!important;
overflow-y: auto;
}

View File

@ -24,6 +24,10 @@
});
editor.setSize("100%", 200);
editor.getDoc().setValue(data);
$('.modal-dialog').on('resize', function(){
let height = $('.modal-dialog').height() - $('.HostEvent-header').height() - $('.HostEvent-details').height() - $('.HostEvent-nav').height() - $('.HostEvent-controls').height() - 120;
editor.setSize("100%", height);
});
};
/*ignore jslint end*/
$scope.isActiveState = function(name){
@ -96,6 +100,11 @@
}
}
$('#HostEvent').modal('show');
$('.modal-content').resizable({
minHeight: 450,
minWidth: 600
});
$('.modal-dialog').draggable();
$('#HostEvent').on('hidden.bs.modal', function () {
$scope.closeHostEvent();