wg-easy

1181 Commits

5 Branches

18 Tags

37 MiB

Tree: 13cf311aa7

Commit Graph

Author SHA1 Message Date

Author	SHA1	Message	Date
Bernd Storath	22a084e830	WIP: Feat: UI, General Improvements (#1397 ) * update: setup ui page * remove script addition * add admin panel * basic user menu and admin page * make usable admin panel * add radix vue, improve ui * fix features, add toast * rewrite middleware logic, support basic auth * add todo marker * active tailwind forms * remove some console.logs * check if user is enabled frontend doesn't handle this state yet, nothing will work as api routes will fail * add email to user, basic account page * better group database * group even more * basic statistics page * update: admin ui - add: common panel components to get same UI - i18n: french * update: setup page error handle - use fetch error data to provide error message - use translation to provider error message * update: me page * fix: :text props * update: login page * update: i18n french support * fix: use radix toast duration * update: reduce templates - remake: setup page to add others step configuration (host/port/migration) * udpate: setup page use wizard form step * update: ui * update: step page - first step to choose a language - use red color in light mode - validate step before move toward * update: setup page - use radix select component to reduce boilerplate * update: setup page - add: database langugage method - update: api lang & export supported languages * update: setup page - update ui select language - change lang on selection * fix: use global store * fix: initial value - update: sort langs by value * fix: ui center paragraph * fix: remove file extension & some revert - add: script to run checks script * update: setup page - add: host/port section - i18n: french - fix: fallback translation * refactor: split setup into files * update: setup page - redirect to login when the setup is done - allow user to return to previous steps - prompt error message - i18n french * add: migration UI step - rename: components - fix: label for & form child id - i18n french sup * add: migration server * fix: use string instead of File * improve: with zod validation * restore: clients * rework setup * add client page, move api routes * improve setup * switch to agpl * add step back * update licensed under texts cc -> agpl * make db results readonly avoid weird side effects, when modifying the db object as its only allowed inside e.g. lowdb.ts * update footer links * improve client edit page, add mtu * reorder tailwind classes * update packages * update comments * better toast, better avatar * delete feature toggle * remove chart, statistics from server let user decide what he wants to display * move into own components * switch from AGPL-3.0-or-later to AGPL-3.0-only AGPL-3.0-or-later is not OSI approved * fix building source fixes https://github.com/wg-easy/wg-easy/issues/1563 * update packages --------- Co-authored-by: tetuaoro <65575727+tetuaoro@users.noreply.github.com>	9 months ago
Bernd Storath	9782108a11	use i18n ally (#1391 )	1 year ago
Bernd Storath	51267ced1d	Add Nuxt, ESM, Typescript (#1244 ) * wip: add nuxt * basic implementation * add changes from `c9ff248` * update workflow, add eslint * add types, fix wrong error message * install correct bcrypt, move eslint to dev modules * add docker dev script * fix styling * add wireguard routes * typescript, vendors * fix lint workflow * lint fixes * add prettier, format * fix lint, add vscode settings * better typescript * use auto imports * add prettier eslint config * cache config * fix styling issue, fix formatting * fix tailwind problems * fix logout not showing * fix lint action * Fix session middleware * split files into correct methods * use type safe api, fix typescript errors * better return types not tested * change default working directory * update workflows * fix error * correct session middleware, type safe session * convert undefined to boolean * correct key for api errors * use zod to validate input * add more jobs to check for good code * add pinia Co-authored-by: Sergei Birukov <suxscribe@gmail.com> Co-authored-by: Bernd Storath <bernd.storath@offizium.de> * use color mode plugin * !! use better storage key name Breaking as if old key exists it breaks as "auto" is not compatible with new "system" * better local dev while dev container is running use `docker compose -f docker-compose.dev.yml up` or after changing dockerfile `docker compose -f docker-compose.dev.yml up --build` * update translation to match new theme mode * improve dx new devs get extensions recommended to catch errors, etc directly in vscode * reduce errors, improve typing * Split components (#1) * update: introduce pages & components fix lint * update: starting split components * use auto imports * Improve workflows and docker workflow fix step naming simplify docker dev simplify docker prod revert to node 18 dockerfile naming scheme * Split components (#2) * update: starting split components * upd: rebase & continue splitting components - layouts: header & footer - components: basic buttton - pages: login page * update: login page * package.json: remove dev:pass script * Split into Components, migrate to nuxt fixup shutdown wireguard properly fix styling, fix store split even more clear interval split even more split even more handle auth middleware on server avoid flicker of login page * fix: buttons spaces & move layouts to components (#3) * update: icons into components - fix: header login page * fix: tailwind handle btn class * Split into icons fix avatar move class to view not icon itself fix icon format * invalidate cache to make restoreConfig work * fix apexchart * use different color mode module other one resulted in hydration mismatch * fix dialog * fix bad i18n merge * use nuxt 4 * fix typing, fix redirect, latest release on server * start wireguard on start * wait for shutdown * improve zod errors, consistent server errors * migrate to useFetch this makes sure that there is no double fetching * fix hydration issues, remove unnecessary state, rename function * fetch globalstore globally otherwise this will load on login to homepage * migrate to useFetch no javascript support TODO: not properly tested * update backend * wip: frontend * update frontend * update pnpm lock --------- Co-authored-by: Sergei Birukov <suxscribe@gmail.com> Co-authored-by: Bernd Storath <bernd.storath@offizium.de> Co-authored-by: tetuaoro <65575727+tetuaoro@users.noreply.github.com>	1 year ago

Bernd Storath

22a084e830

WIP: Feat: UI, General Improvements (#1397 )

* update: setup ui page

* remove script addition

* add admin panel

* basic user menu and admin page

* make usable admin panel

* add radix vue, improve ui

* fix features, add toast

* rewrite middleware logic, support basic auth

* add todo marker

* active tailwind forms

* remove some console.logs

* check if user is enabled

frontend doesn't handle this state yet, nothing will work as api routes will fail

* add email to user, basic account page

* better group database

* group even more

* basic statistics page

* update: admin ui

- add: common panel components to get same UI
- i18n: french

* update: setup page error handle

- use fetch error data to provide error message
- use translation to provider error message

* update: me page

* fix: :text props

* update: login page

* update: i18n french support

* fix: use radix toast duration

* update: reduce templates

- remake: setup page to add others step configuration (host/port/migration)

* udpate: setup page use wizard form step

* update: ui

* update: step page

- first step to choose a language
- use red color in light mode
- validate step before move toward

* update: setup page

- use radix select component to reduce boilerplate

* update: setup page

- add: database langugage method
- update: api lang & export supported languages

* update: setup page

- update ui select language
- change lang on selection

* fix: use global store

* fix: initial value

- update: sort langs by value

* fix: ui center paragraph

* fix: remove file extension & some revert

- add: script to run checks script

* update: setup page

- add: host/port section
- i18n: french
- fix: fallback translation

* refactor: split setup into files

* update: setup page

- redirect to login when the setup is done
- allow user to return to previous steps
- prompt error message
- i18n french

* add: migration UI step

- rename: components
- fix: label for & form child id
- i18n french sup

* add: migration server

* fix: use string instead of File

* improve: with zod validation

* restore: clients

* rework setup

* add client page, move api routes

* improve setup

* switch to agpl

* add step back

* update licensed under texts

cc -> agpl

* make db results readonly

avoid weird side effects, when modifying the db object as its only allowed inside e.g. lowdb.ts

* update footer links

* improve client edit page, add mtu

* reorder tailwind classes

* update packages

* update comments

* better toast, better avatar

* delete feature toggle

* remove chart, statistics from server

let user decide what he wants to display

* move into own components

* switch from AGPL-3.0-or-later to AGPL-3.0-only

AGPL-3.0-or-later is not OSI approved

* fix building source

fixes https://github.com/wg-easy/wg-easy/issues/1563

* update packages

---------

Co-authored-by: tetuaoro <65575727+tetuaoro@users.noreply.github.com>

9 months ago

Bernd Storath

9782108a11

use i18n ally (#1391 )

1 year ago

Bernd Storath

51267ced1d

Add Nuxt, ESM, Typescript (#1244 )

* wip: add nuxt

* basic implementation

* add changes from c9ff248

* update workflow, add eslint

* add types, fix wrong error message

* install correct bcrypt, move eslint to dev modules

* add docker dev script

* fix styling

* add wireguard routes

* typescript, vendors

* fix lint workflow

* lint fixes

* add prettier, format

* fix lint, add vscode settings

* better typescript

* use auto imports

* add prettier eslint config

* cache config

* fix styling issue, fix formatting

* fix tailwind problems

* fix logout not showing

* fix lint action

* Fix session middleware

* split files into correct methods

* use type safe api, fix typescript errors

* better return types

not tested

* change default working directory

* update workflows

* fix error

* correct session middleware, type safe session

* convert undefined to boolean

* correct key for api errors

* use zod to validate input

* add more jobs to check for good code

* add pinia

Co-authored-by: Sergei Birukov <suxscribe@gmail.com>
Co-authored-by: Bernd Storath <bernd.storath@offizium.de>

* use color mode plugin

* !! use better storage key name

Breaking as if old key exists it breaks as "auto" is not compatible with new "system"

* better local dev while dev container is running

use `docker compose -f docker-compose.dev.yml up`
or after changing dockerfile
`docker compose -f docker-compose.dev.yml up --build`

* update translation to match new theme mode

* improve dx

new devs get extensions recommended to catch errors, etc directly in vscode

* reduce errors, improve typing

* Split components (#1)

* update: introduce pages & components

 fix lint

* update: starting split components

* use auto imports

* Improve workflows and docker

workflow fix step naming

simplify docker dev

simplify docker prod

revert to node 18

dockerfile naming scheme

* Split components (#2)

* update: starting split components

* upd: rebase & continue splitting components

- layouts: header & footer
- components: basic buttton
- pages: login page

* update: login page

* package.json: remove dev:pass script

* Split into Components, migrate to nuxt

fixup

shutdown wireguard properly

fix styling, fix store

split even more

clear interval

split even more

split even more

handle auth middleware on server

avoid flicker of login page

* fix: buttons spaces & move layouts to components (#3)

* update: icons into components

- fix: header login page

* fix: tailwind handle btn class

* Split into icons

fix avatar

move class to view not icon itself

fix icon

format

* invalidate cache to make restoreConfig work

* fix apexchart

* use different color mode module

other one resulted in hydration mismatch

* fix dialog

* fix bad i18n merge

* use nuxt 4

* fix typing, fix redirect, latest release on server

* start wireguard on start

* wait for shutdown

* improve zod errors, consistent server errors

* migrate to useFetch

this makes sure that there is no double fetching

* fix hydration issues, remove unnecessary state, rename function

* fetch globalstore globally

otherwise this will load on login to homepage

* migrate to useFetch

no javascript support

TODO: not properly tested

* update backend

* wip: frontend

* update frontend

* update pnpm lock

---------

Co-authored-by: Sergei Birukov <suxscribe@gmail.com>
Co-authored-by: Bernd Storath <bernd.storath@offizium.de>
Co-authored-by: tetuaoro <65575727+tetuaoro@users.noreply.github.com>

1 year ago

3 Commits (13cf311aa7f818275ab1e8dd6277379ff70c8e33)