github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make the layer handle draggable.

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@798 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Jeff Schiller
2009-10-11 06:07:57 +00:00
parent b1393df28c
commit 4a2141fd8a
4 changed files with 33 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
editor/svg-editor.js
View File

@@ -1239,6 +1239,29 @@ function svg_edit_setup() {
$('#layerlist tr.layer').removeClass("layersel");
$('#layerlist tr.layer:eq('+curIndex+')').addClass("layersel");
});
var sidedrag = -1;
$('#sidepanel_handle')
.mousedown(function(evt) {sidedrag = evt.pageX;})
.mouseup(function(evt) {sidedrag = -1;});
// TODO: is there a better way to do this splitter without attaching mouse handlers here?
$('#svg_editor')
.mouseup(function(){sidedrag=-1;})
.mousemove(function(evt) {
if (sidedrag == -1) return;
var deltax = sidedrag - evt.pageX;
if (deltax == 0) return;
sidedrag = evt.pageX;
var sidewidth = parseInt($('#sidepanels').css('width'))+deltax;
if (sidewidth <= 156 && sidewidth >= 10) {
var workarea = $('#workarea');
var sidepanels = $('#sidepanels');
var layerpanel = $('#layerpanel');
workarea.css('right', parseInt(workarea.css('right'))+deltax);
sidepanels.css('width', parseInt(sidepanels.css('width'))+deltax);
layerpanel.css('width', parseInt(layerpanel.css('width'))+deltax);
}
});
var populateLayers = function(){
var layerlist = $('#layerlist tbody');