Xywh panel

[bramalingam]

Testing instructions :

1. Try manually manipulating X,Y Width and Height values in the info panel (both single and multi-select cases).
   Check if the changes get updated on the panels.
2. Try dragging an image from one page to another and check if the X,Y values are reset to 0,0 at the start of every new page.
3. Multi-select : Select 2 images from 2 different pages (1 image from page 1 and 1 image from page 2) and change X,Y values. Check if the images get aligned to the appropriate X,Y positions within the page that they reside in. (i.e : image 1 is set to X,Y in page 1 , and image 2 is set to the same X,Y in page 2)

@will-moore

[dominikl]

The console.logs are probably not necessary, are they?

[dominikl]

Looks good from my point of view... Functionality works like expected.

[will-moore]

Only the x input is type='number'. I noticed this because Chrome won't set '-' for a number and you see an error in console:

I think x, y, width & height need to be "number" inputs.
It might be nice to also use an empty string instead of "-" for x,y,w,h (but not for the other attrs) so you don't force the browser to catch the error.

[will-moore]

I noticed you can remove this if check now, since m.toJSON() won't give you any - values.

[will-moore]

Need to fix the setting of minus values for x & y when not on page 1 (seems to always jump to the previous page).
Also need to disallow width and height to be less than 1 (negative is bad, probably zero is bad too).
You can set a min='1' when you make these into 'number' inputs, but also have to handle this in JavaScript since users can still type in negative numbers.

[will-moore]

Working nicely now. No console errors, re-render bug fixed.
Good to merge.