Revamp check-in page [UX]

[squidgetx]

Currently the check-in page is just kinda clunky; it takes far too much scrolling and clicking to get anything done. #172 helps solve some of these problems but there's some other things that can be done. Ideally, I think it would be great if 90% of checkout-person tasks could be performed within one click from this page (equipment check in, reservation editing, renewal) because this is the page that comes up directly after searching a user.

• Shorten height of each reservation 'card'
  • Make image display as thumbnail (this would require some paperclip configuration)
  • Make notes box smaller (or even replace with an 'add notes' button that would expand out)
  • Hide check-in procedures until item has been selected to be checked in
• Move check-in box to the right side of the page
• Figure out a different way to access the reservation page from the checkin/checkout page. I only realized a few minutes ago that you can click on the text "reservation Change equipment item while checked out #536" to get to the reservation page. Moreover, showing the reservation number itself is also pretty unnecessary (as is even having the word "reservation."
  • Possible solution: remove the heading and replace it with a simple 'edit reservation' button that goes directly to either the reservation view or edit page (or even have two buttons that do both; a 'view reservation details' button as well as an 'edit reservations' button
• Select/Deselect all buttons (this should be easy with jquery)

The above are all fairly frontend/surface level tasks that shouldn't be too difficult to implement via well-placed snippets of code. I'd love for renewals to be accessible from this page as well (also, there is no funcionality for renewing more than 1 item at a time) but I think we would have to brainstorm a little bit to find a practical and user-friendly solution. The best thing I can come up with is to have another tab next to checkin/checkout and reservations marked 'renewal,' that is very similar to the check-in/checkout page but instead of checkin procedures shows the amount of time that each item can be renewed for.

[dgoerger]

see also #795, notes are incorrectly required when there are no checkin procedures.

[orenyk]

This is important, but will probably happen alongside #1042. Moving to the Wish List.