author page improvements

[eplebel]

main mockup of various improvements (details below):

• for author information section, show Edit pencil icon only (with title "Edit Author Information") when user hovers over author information section (rather than always displayed) 20 points

• move article list actions to a (vertical) 3-dot more icon menu, horizontally aligned w/ Filter articles box (see mockup; only displayed for users w/ proper permissions for these actions, i.e., admins or users own author page) 80 points

  • for "LINK EXISTING ARTICLE" menu item, it's OK that article selector component opens just below menu item wherever it happens to be (just like how it currently opens below the "LINK EXISTING ARTICLE" button)
  • ensure proper (vertical) spacing between Filter articles box and author info URLs (this applies to non-logged-in users too)
    

• remove ESC key keyboard shortcut from closing embed viewer panel (because when in the FancyBox image viewer, hitting the ESC key, incorrectly closes both the image viewer AND embed viewer panel). 20 points

• later, improve the article selector component (as shown in mockup)
  - improved article list styling (authors/year below title in proper styling/color; see mockup)
  - add "+" add icon to the left of each matching articles, so that user can link more than one article at a time without having to re-open article selector each time (or can add this functionality later) 70 points

• further optimize author page page load performance:

  • further enhancing miniFigureViewer lazy loading optimizations, which potentially includes displaying thumbnails, which @mickaobrien noticed are being created but not displayed (see here). Note this will enhance loading performance of any article lists, not just on author page) 200 points
  • implementing infinite scroll (i.e., show 10 articles, like on Recent page, and when user reaches the bottom, load an additional 10 article automatically (if this is implemented, please also implement infinite scroll on the Recent page & search results page) 200 points
    

• expose embed code: 75 points

  • embed code text is pre-selected by default, so that user can immediately copy-it (via right-click or CTRL+C action)
  • clicking CTRL+C or COPY button copies URL and displays snackbar message "Embed link copied to clipboard").
    

• article list additions & customizations (only 2 for now):

  • publication year headings: only publication year header if there's a non-zero # of articles for a specific year (e.g., if no 2018 articles in the list, then 2018 year header would NOT be displayed) 75 points
  • show bio text: this also entails adding bio text div underneath author URLs (maximum 250 characters) 75 points