TableAjax: resizable modal inline box

SE/se-lib/TableAjax.php

@@ -385,7 +385,10 @@ class TableAjax extends ViewAjax {
 .ui-dialog-content .mapEditor-btnBackToWindowItemActive { display:none; }
 
 .AjaxTableCont .valign-btns-bottom a { vertical-align:text-bottom; font-weight:normal; font-size:12px; line-height:14px; }
-		</style>
+
+.ui-resizable-s { bottom:0; }
+.ui-resizable-e { right:0; }
+	</style>
 
 		<div class="AjaxTableCont">
 			<ul class="breadcrumb">
@@ -1379,7 +1382,8 @@ class TableAjax extends ViewAjax {
 				var iebHead = $('<div class="modal-header">').appendTo(frmInlineEdit);
 				$('<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="glyphicon glyphicon-remove"></i></button>').appendTo(iebHead);
 				$('<h3 id="myModalLabel">Edytuj</h3>').appendTo(iebHead);
-				var iebBody = $('<div class="modal-body"></div>').appendTo(frmInlineEdit);
+				var iebBodyWrap = $('<div class="modal-body" style="padding:0"></div>').appendTo(frmInlineEdit);
+				var iebBody = $('<div style="padding:15px"></div>').appendTo(iebBodyWrap);
 				$('<input type="hidden" name="ID" value="">').appendTo(iebBody);
 				$('<input type="hidden" name="col" value="">').appendTo(iebBody);
 				$('<div class="inlineEditBox-cnt"></div>').appendTo(iebBody);
@@ -2268,8 +2272,13 @@ class TableAjax extends ViewAjax {
 			// e.clientX: 1002; e.clientY: 245
 			if ('id' in e.data && 'col' in e.data && e.data.id > 0) {
 				_inlineEditBox.modal();
-				//_inlineEditBox.css({'position':'absolute', 'top':'100px', 'left':'100px'});
 				_inlineEditBox.show();
+				_inlineEditBox.on('shown.bs.modal', function(e) {
+					var dialogBox = jQuery(this).find('.modal-dialog'),
+							modalBody = dialogBox.find('.modal-body');
+					modalBody.css({overflow: 'scroll'});
+					dialogBox.resizable({minHeight: 300, minWidth: 300, alsoResize: modalBody});
+				});
 				_inlineEditBox.find('input[name=ID]').val(e.data.id);
 				_inlineEditBox.find('input[name=col]').val(e.data.col);
 				_inlineEditBox.find('.inlineEditBox-cnt').html('<span class="loading-info"> loading ...</span>');