agile-humanities / agile_iit Goto Github PK

Give each of the tools the ability to launch an (overlay / popup / new tab) with help instructions from that tool. It should be a user-editable and admin-configurable node.

Ability to revolve an image around its center in 2d.

If you have lots of images in your gallery, it's impossible to drag the top row ones into the drop zones.

The "resize", "i", "x" and "flip" icons are pretty terrible, and should be replaced with larger higher-contrast versions.

I think they're from an image sprite that ships with jQuery or jQuery UI. Find a better one.

It'd be nice to have it resizable. Currently when you resize the window the layout goes crappy.

On the /selected page, where you have to drag two images into the droppable zones before opening the tools, if you try to drag too soon after the page loads, the clone (the helper copy of the dragged image) gets "stuck" - it doesn't fill to populate the droppable zone and leaves a copy, unmovable, at a high z-index. Possibly a race condition. Could possibly be fixed by changing the order of javascript triggering - creating droppables before draggables, for instance. Note that when this happens, the droppable zone still turns colour as though it is droppable.

Logs show the error happening
Uncaught TypeError: Cannot read property 'replace' of undefined
if you drop before the console is finished loading the following:
XHR finished loading: POST "http://localhost:8181/agile/iit/imagederivative".
XHR finished loading: GET "http://localhost:8181/sites/default/files/styles/iit-600/public/Mona_Lisa_%28copy%2C_Hermitage%29.jpg?itok=0wcfJR7Q".
for every image in the gallery.

If you have portrait-mode images, and they go longer than your browser screen, the extract detail section isn't visible (it's below the window and it can't scroll.)

There should be some sense in the size and position of the icons. Perhaps align them down the right hand side.

Not sure why, and was pretty sure this worked on delivery, but the detail section of the second painting is from a bogus location on the second image, not the section overlaid by the extraction.

In the extract detail window, make a button to "save this detail" which will create a node of the type "Saved comparison" with node references to the two images (source paintings), the dimensions of the image, and who created it. Also, presumably, the cropped image sections or enough information to re-create them.

Image extracts will be saved to "My extracts" which is a flag separate from "My Library".

User should be able to create arbitrary titles and fill in a 'notes' field.

The extract detail details window works fine in FF but seems to not pop up, or takes its sweet time, in Chrome.

I noticed that sometimes the window was present, but behind all other Chrome windows. I thought a 0.03 second delay before bringing it to focus would help, but then the window took up to 10 seconds to appear.

Each 'saved comparison' gets automatically added to that user's list. The user can add other people's comparisons to their list.

"The display will be split into four panes, with the bottom two being the zoomed areas. By having more room for the zoomed image, it should show a greater magnification, not more of the zoomed image."

This will work great for landscape-oriented images but tall skinny images will still be a bit awkward. We are going to go with this anyway.

1. Space between the images. There's no gap - it's hard to see where one ends and the other begins.
   Make sure this does not interfere with the section-grabbery.
2. If the images are portrait (e.g. Mona Lisa), you may not be able to see the extracted detail.

Create a button to "set anchor points" which allows you to set equivalent spots on both images. If one is cropped or off center compared to the other, this will allow the two zoomed windows to move along what actually corresponds.

You should be able to "reset" to default (top-left corners, I assume).