As a content editor, I want the ability to add polygon annotation boxes using the transcription editor, so I can draw accurate bounding boxes around text.

[kseniaryzhova]

testing notes (QA -- round 2)

On the QA site, go to add/edit a transcription or translation

• The icons should now match the designs from Chelsea, and it should be clear which tool is selected
• The help text should now mention clicking and dragging to create polygon annotations
  • I think I was able to reproduce the bug you mentioned, which is actually an underlying bug with Annotorious. I'm not sure there is much we can do there, but there is an issue on Annotorious for it already.
  • It is caused when you hold shift and click once without dragging. It makes it impossible to use either of the tools.
  • The fix is to simply refresh the page (no hard refresh needed). Then you will be able to click and drag again.
  • Hopefully, the updated help text will prevent people from encountering this, since it explicitly says to click and drag now.

---

testing notes (QA)

On the QA site, go to add/edit a transcription or translation

• There should now be two additional icons, one for a rectangle tool and one for a polygon tool, above each image, between the pin icon and the zoom control (may take a second to load)
• The rectangle tool should be selected by default, and should work as usual
• When the polygon tool is clicked, it should appear selected
• The instructions on the right should be updated to explain how to use the polygon tool
• Following the instructions (including a double-click at the end of drawing) should allow one to draw polygons that behave similarly to the rectangular annotations
• You should be able to write a label and transcription/translation text for that polygonal region
• Saving it should persist and show publicly, as with rectangular annotations
• Leaving the page and returning to the editor should not cause the shape of the polygon to change or disappear

---

Is your feature request related to a problem? Please describe.
Text layout in Geniza documents is non-standard - there is diagonal text in the margins for example, and other non-rectangular shaped text. We want to draw polygonal annotation boxes to better map transcription text to image.

Describe the solution you'd like
I want to be able to reformat the annotation box on an image from a rectangle to a polygon to better fit non-standard text layouts. This should be a marked choice - the default should be the rectangular box.

Additional context
Just one example:

[rlskoeser]

was planning to eventually enable annotorious toolbar plugin and polygon, perhaps also tilted box (but was not compatible with toolbar last I tried it); can see these in my glitch transcription prototypes for selection tools https://pgp-transcription-prototype.glitch.me/

[kseniaryzhova]

@blms

any way we can make the selection more visible? Now it's like a dark gray versus black which is really hard to spot. Maybe make it green when selected? Chelsea question?

[blms]

any way we can make the selection more visible? Now it's like a dark gray versus black which is really hard to spot. Maybe make it green when selected? Chelsea question?

@kseniaryzhova Good point, I see what you mean! It actually is green, it's using the "primary" color for Geniza, but it's such a thin line that it's hard to tell. Let's get Chelsea's input here.

@blms So I was able to draw a polygon at first, but then I clicked cancel and the annotation box disappeared. When I went to draw another polygonal box, it wouldn't let me, not even after a hard refresh.

Ooh, sounds like a bug. Let's mark this tested needs attention. Thanks!

[blms]

@blms So I was able to draw a polygon at first, but then I clicked cancel and the annotation box disappeared. When I went to draw another polygonal box, it wouldn't let me, not even after a hard refresh.

@kseniaryzhova I'm not able to replicate this. Can you make a screen recording so I know the steps to take? able to replicate, see testing notes round 2.

For what it's worth, I think I need to reword the help text a bit. It says "hold shift and click once," but it should actually say "hold shift and then click and drag." So if you were having trouble creating polygons by following the instructions, it could be because the instructions were bad!