Web UI Pre-Alpha 0.1.2 (MVP)

[rigwild]

Web UI Minimum Viable Product.

See #7

• Main VueJs setup
• Lucid API wrapper with auth token support
• Register Lucid auth token
• Register Lucid endpoint
• Check JWT and Lucid endpoint on page refresh
• Show Lucid endpoint version
• Restrict navigation if not logged in
• Application logic PoC
  • Get key
  • Update key
  • Delete key
  • Check key exists
• Create Bootstrap template https://github.com/clintnetwork/lucid/pull/10#issuecomment-546650071
• Implement Bootstap template
• Fix sidebar + responsive
• Use Lucid TypeScript SDK

[imclint21]

I finished the first step of the bootstrap template @rigwild It's just a base, without body content etc.

Download Link: Lucid-UI-Template.zip

Edit: I will add the auth page (token) template part (or maybe modal) tomorrow.

[rigwild]

I think a dedicated login page would be more suitable.

[imclint21]

@rigwild demo token:

eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJMdWNpZCBSb290IFRva2VuIiwiaXNzIjoiaHR0cHM6Ly8xMjcuMC4wLjE6NzAyMS8iLCJpYXQiOjE1NzIwNjA4NjcsImV4cCI6MTY2NjQwOTY2N30.A2aotHaDZl-rqOKHwyuys0DZZtKaX-hhidHxvh_FDUA

[imclint21]

About title, we surely can use something like this:

<title>Lucid ᵏᵛ 0.1.2 - Web UI</title>

[imclint21]

Don't forget to setup autocomplete="off" in the token input, to don't store any token @rigwild 👍

[rigwild]

Will set the input as type password.

[imclint21]

@rigwild could you add a background watermark ? 👍

[imclint21]

@rigwild could you create vuejs unit tests ? and add a github action ?

[rigwild]

Refactored to use the TS SDK.

[imclint21]

@rigwild this is the logo for the web-UI, you can it for sure or convert in SVG if you want. It's the first logo, I will improve it and make some changes, but you can use to place elements, etc 😄

https://pix.watch/7hclSa/ca--gi.png

PS: remet aligné à gauche ça rend bien mieu

[rigwild]

@clintnetwork please use webui: as a commit prefix.

Will add the logo.