Implement new read/return buttons on my books page

[cdrini]

Implement @danafein 's mockups:

In scope:

• Add return button of style in mockups
• Change colour of expiry date
• Make expiry date relative using the datestr(date) function.

Stakeholders

@danafein @jimchamp @mekarpeles

[protocolog]

I am an student of BITS Pilani india.If this is still open I would love to be assigned. @cdrini

[mekarpeles]

Hi @protocolog, sounds good to me! @danafein is the lead behind these designs and @jimchamp can help you with the implementation.

[JaydenTeoh]

@cdrini @mekarpeles I have setup a dev environment but I noticed that the borrow function is not supported on dev environment. May I ask how can I mock a borrowed book so that I can implement @danafein designs?

This is the API request that failed when clicking on the borrow button:

Please advise me on how I can proceed. Thank you!

[mekarpeles]

I think the button is implemented on the Books Page already (within the macro/LoanStatus.html) If we open a PR, we can put it on testing.openlibrary.org where there lending is available and we can test.

[JaydenTeoh]

@mekarpeles The button is implemented but clicking it and sending the API request results in internal server error. May I ask if there is any way I can visualise and style the buttons that I'm implementing if I am unable to borrow books into the loan page?

[JaydenTeoh]

@cdrini @mekarpeles made a PR for this implementation. I need a little help getting the datestr fn to work. I have the expiry time in UTC format but I am unable to convert it to relative time using datestr. Will also need to test this implementation on testing.openlibrary.org to see if my buttons are working properly