0599 Drag and Drop

[triplingual]

Closes #599

[glenrobson]

I was testing this with my demo site: https://iiif.gdmrdigital.com/import_to_viewers/DragDropDestination.html to see if I could get it working. I had to make an update as you set the data type as text/plain which I think is correct but my app didn't use that value so that should be fixed now.

The other issue I came across is that I think dataTransfer only transfers Strings so when you put the JSON in as the data it converts it to a string of object [object] and you loose the data. I think you need to wrap that in JSON.stringify() to ensure the annotation is converted into a String before passing it .

[triplingual]

Thanks! I was starting with the bits from that Slack conversation, so I'm happy to get updates.

[triplingual]

The logo image has disappeared

[triplingual]

On the other hand, when I drag from the recipe in progress I get a strange error in the browser tools:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://newspapers.library.wales/iiif/2.0/image/3412218/info.json. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 403.
Even though the manifest in the script in the recipe is https://iiif.io/api/cookbook/recipe/0006-text-language/manifest.json, not the Wales library one.

[glenrobson]

There maybe more comments comming from the cookbook editors but we met today and are happy for it to go to the TRC. Suggestions from editors:

• In use case manifest capitalization
• In the Example section add a link to the manifest so they know what they should be seeing.
• Link to proof of concept (https://iiif.gdmrdigital.com/import_to_viewers/DragDropDestination.html). Maybe move to the cookbook site.
• Related; not sure this is related enough: “Open a specific region of a canvas in a viewer for one use of IIIF Content State”
• Add css to turn the cursor into a hand to indicate its draggable. Add a note to the resource providers part.

I think I've fixed the proof of concept content state but would be good to see if its working for you. Maybe we can discuss in the cookbook call hosting it on the cookbook site.

[glenrobson]

Discussed adding a video showing how the drag and drop works.

Mention its usally the IIIF logo that is used as the image.

[triplingual]

• capitalization
• Link to dragged manifest in Example
• Link to GR's proof of concept
• Remove 0485 from Related
• Turn cursor into pointer when hovering over IIIF logo
• Add a note to the resource providers part about the cursor

[triplingual]

Re: c6b43e8, actually changed it to grab 🤦🏻‍♂️