paul
/
plemp-node
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Send resize updates and handle resize server events (closes: #1a4507)

This commit is contained in:
Paul van Tilburg 2012-02-14 18:50:49 +01:00
parent f4bd1b9348
commit 90fb2057a9
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/javascripts/plemp-ui.js
View File

@ -181,7 +181,12 @@ function raise_draggable(event) {
// Update the position of a draggable on the server.
function update_drag_info(event, ui) {
$.post("draggables/" + ui.helper.context.id, ui.position, "json");
if (ui.size) {
$.post("draggables/" + ui.helper.context.id, ui.size, "json");
}
else {
$.post("draggables/" + ui.helper.context.id, ui.position, "json");
}
}
// Poll for server events via AJAX.
@ -194,10 +199,15 @@ function poll_server(timestamp) {
// Handle server events.
function handle_server_event(event) {
var drag = $("#draggables #" + event.data.id);
switch(event.type) {
case "reposition":
$("#draggables #" + event.data.id).animate({ top: event.data.top,
left: event.data.left });
drag.animate({ top: event.data.top, left: event.data.left });
break;
case "resize":
drag.animate({ width: event.data.width, height: event.data.height })
// Fix the height of the pre. FIXME: can this be improved?
.find("pre").animate({ height: event.data.height - 80 });
break;
case "title update":
$("#draggables #" + event.data.id + " h2 .title").text(event.data.title);

2
public/stylesheets/style.css
View File

@ -118,3 +118,5 @@ pre {
/* JQuery UI CSS overrides */
.ui-widget { font-size: 100%; }
.ui-resizable-handle { z-index: auto !important; }