Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rewrite the web UI #183

Open
jkowalleck opened this issue Dec 20, 2019 · 0 comments
Open

Rewrite the web UI #183

jkowalleck opened this issue Dec 20, 2019 · 0 comments
Assignees
Milestone

Comments

@jkowalleck
Copy link
Member

jkowalleck commented Dec 20, 2019

current web UI is more than 5 years old. needs to be modernized

idea: rewrite the web UI in a state of the art manner

  • use pug instead of vanilla HTML
  • use TypeScript instead of vanilla JS
    • try to use ES6 for the start. should be fine
  • use SCSS instead of vanilla CSS
  • the whole image is a single element rendered in ShadowDOM
    • if so, there mus be a possibility to still get the image URI with the browsers context menu
    • when investigating content menu manipulation, have an option to go to source?
  • use modern CSS selectors
  • use modern JS api to access data, style, class etc ...
  • remove the maxImageSizer and use proper CSS - relative max-height/-width with vh/vw but stil keeping the aspect-ratio of the original image ...
  • when writing the new web UI, put everything in a new folder src/nichtparasoup/web-ui/. compile into the usual src/nichtparasoup/_web_ui/ dir.

might come in handy:
use the DummyImage crawler from the example - it was designed to help write the web UI :-)

let webpack do the job

@jkowalleck jkowalleck changed the title Reqite the web UI Rewrite the web UI Dec 20, 2019
@jkowalleck jkowalleck assigned jkowalleck and unassigned jkowalleck Jan 6, 2020
@jkowalleck jkowalleck added this to the 3.0.0 milestone May 30, 2020
@jkowalleck jkowalleck self-assigned this Jul 8, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants