Some suggestions for faster data entry on Add inks

[wkillerud]

Hi, and thanks for the great service that is FPC ♥️

I've been punching in a large order of samples and have some feedback on how data entry might be made easier. Let me start off by saying, the checkmark to add another ink is *chef's kiss* excellent!

(BTW, I'm a React developer in my day-job. Let me know if I can be of help on the front-end – I can probably dedicate a few hours a month for things like code review, debugging, upgrades, what-have-you.)

Consider adding the autofocus attribute to <input id="collected_ink_brand_name" />

When I use the keyboard and hit Enter to submit the form after picking the Type, I would love to be able to just go and start typing the next entry. I ended up making a userscript that puts the focus there for me. Consider adding the autofocus attribute to make keyboard entry a bit smoother.

Consider moving the tip about Ink search outside the form

The tip is great, and I used it myself for adding the Iroshizuku line. However, it ads a "needless" Tab when navigating the form using a keyboard. If it were moved above the brand input field (now autofocused 😉) it would be visible, easily reachable with a Shift+Tab, and not "in the way".

Consider ordering form fields by frequency of use

This one is a bit tricky, since my data entry wants may be very different from others. I'm sure you could pull out some data from the backend to see which fields are more likely to be used than others (which may be what you did for the current one, for all I know 😄). In any case, what I end up entering the most is, in order:

1. Brand
2. Ink name
3. Ink line
4. Type
5. Swabbed
6. Used
7. Comment

I tinkered in the developer tools and reordered some things. This is just a suggestion based on my use. I'm sure the data can reveal what is actually used the most.

https://user-images.githubusercontent.com/1223410/151423853-029a3167-748f-4864-8ff8-769da1b949b2.mp4

[ujh]

Hej and sorry for the late reply!

These are great ideas and I have been wanting to improve on the import for a while now. I really like the new layout and I think I will just use it like you designed it. Not sure though when I'll get around to it, but I wanted to reply already.

As to that checkbox: That's the one thing that JIRA got right. 😉

[wkillerud]

Hi! Thanks for replying, and absolutely no rush. These are just "papercuts" 😄 Let me know if I can help.