Front End Implementation for the Citation Project

[yusra-haider]

This is the front end / Joomla implementation for the citation project

Link to Back End PR: reactome/content-service#6

The Citation Project adds a Cite Us button to our Joomla website. Clicking on the button opens a modal with the relevant citation according to the page the user is on.

Endpoints in the Content Service repository are being queried for pathway, static, download citations and for exporting these citations

Overall

• Implement basic modal functionality for fetching and populating citation text in the modal for static citations
• Implement a basic modal functionality for fetching and populating citation text for the pathways and the downloads page
• Implement the copy to clipboard and email functionality
• implement export functionality, with export as BibTex, RIS and Text formats for both static and pathway citations

General UI issues:

• [] figure out a better way to do downloads, if any. Evaluate different options, according to browser computer, outlined here: https://stackoverflow.com/questions/3665115/how-to-create-a-file-in-memory-for-user-to-download-but-not-through-server/33542499#33542499
• hide the copy to clipboard and email buttons in case we are unable to fetch data for citation
• hide / disable the the export section for the downloads page, as that is a special case
• figure out how to give a line break in the pathway citation
• [] note the browser compatibility issues that may arise due to using Clipboard.js
• figure out if we have to use the hasImage field in the pathway citation endpoint for displaying the Image Citation line in Pathway Citations
• uncheck any selected radio buttons when the modal closes
• work on the button placement in the website (CSS)
• work on the CSS for the modal
• work on making the fact that the export button is disabled unless an export option is chosen more obvious

[gsviteri]

Why did you create it ?!

[gsviteri]

👍 👍