cache editor resizing and use as default

pull/1/head
d11e9 9 years ago
parent 3ff5f35557
commit bdb5a09f8c
  1. 41
      index.html

@ -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 ----------------------

Loading…
Cancel
Save