Add dropdown element in preview page
Context
We need an additional dropdown menu to be added above the existing Size
dropdown of the Preview page of lulu client. This dropdown will have label of Export format
and the available options will be EPUB
and PDF
.
The existing Size
dropdown should changed to hidden and it should become visible only when the option PDF
is selected on the new Export format
dropdown.
Additionally the buttons at the button of this page should become conditionally visible. When PDF
is selected on the Export format
dropdown then only the Download pdf
button should appear as action in that section. Accordingly, when EPUB
is selected then only Download EPUB
button should be visible. Moreover, for the case of EPUB
selection then on the preview section at the left of that paged, instead of an iframe the following message should appear vertically centered on the screen Preview is not available for EPUB format, please download your EPUB and preview it in your reader of choice.
Proposal
Design
Implementation (if applicable)
- modify https://gitlab.coko.foundation/ketida/lulu/-/blob/main/app/ui/preview/PreviewSettings.js
- modify https://gitlab.coko.foundation/ketida/lulu/-/blob/main/app/ui/preview/Preview.js