agile-humanities / agile_iit Goto Github PK
View Code? Open in Web Editor NEWDrupal implementation of IIT functionality
License: GNU General Public License v3.0
Drupal implementation of IIT functionality
License: GNU General Public License v3.0
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.
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).
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.