|
|
@ -258,14 +258,13 @@ input[readonly] { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// ----------------- resizeable ui --------------- |
|
|
|
// ----------------- resizeable ui --------------- |
|
|
|
|
|
|
|
var EDITOR_SIZE_CACHE_KEY = "editor-size-cache"; |
|
|
|
var dragging = false; |
|
|
|
var dragging = false; |
|
|
|
$('#dragbar').mousedown(function(e){ |
|
|
|
$('#dragbar').mousedown(function(e){ |
|
|
|
e.preventDefault(); |
|
|
|
e.preventDefault(); |
|
|
|
|
|
|
|
dragging = true; |
|
|
|
dragging = true; |
|
|
|
var main = $('#righthand-panel'); |
|
|
|
var main = $('#righthand-panel'); |
|
|
|
var ghostbar = $('<div id="ghostbar">', { |
|
|
|
var ghostbar = $('<div id="ghostbar">', { |
|
|
|
|
|
|
|
css: { |
|
|
|
css: { |
|
|
|
top: main.offset().top, |
|
|
|
top: main.offset().top, |
|
|
|
left: main.offset().left |
|
|
|
left: main.offset().left |
|
|
@ -274,23 +273,33 @@ input[readonly] { |
|
|
|
|
|
|
|
|
|
|
|
$(document).mousemove(function(e){ |
|
|
|
$(document).mousemove(function(e){ |
|
|
|
ghostbar.css("left",e.pageX+2); |
|
|
|
ghostbar.css("left",e.pageX+2); |
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var $body = $('body'); |
|
|
|
var $body = $('body'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function setEditorSize (delta) { |
|
|
|
|
|
|
|
$('#righthand-panel').css("width", delta); |
|
|
|
|
|
|
|
$('#editor').css("right", delta); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
$(document).mouseup(function(e){ |
|
|
|
$(document).mouseup(function(e){ |
|
|
|
if (dragging) { |
|
|
|
if (dragging) { |
|
|
|
var delta = $body.width() - e.pageX+2; |
|
|
|
var delta = $body.width() - e.pageX+2; |
|
|
|
$('#righthand-panel').css("width", delta); |
|
|
|
setEditorSize( delta ) |
|
|
|
$('#editor').css("right", delta); |
|
|
|
$('#ghostbar').remove(); |
|
|
|
$('#ghostbar').remove(); |
|
|
|
$(document).unbind('mousemove'); |
|
|
|
$(document).unbind('mousemove'); |
|
|
|
dragging = false; |
|
|
|
dragging = false; |
|
|
|
window.localStorage.setItem( EDITOR_SIZE_CACHE_KEY, delta ); |
|
|
|
onResize(); |
|
|
|
onResize(); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// set cached defaults |
|
|
|
|
|
|
|
var cachedSize = window.localStorage.getItem( EDITOR_SIZE_CACHE_KEY ); |
|
|
|
|
|
|
|
if (cachedSize) { |
|
|
|
|
|
|
|
setEditorSize( cachedSize ) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// ----------------- editor ---------------------- |
|
|
|
// ----------------- editor ---------------------- |
|
|
|
|
|
|
|
|
|
|
|