dashboard_frontend

This template should help get you started developing with Vue 3 in Vite.

Project Setup

npm install

Compile and Hot-Reload for Development

make run

Type-Check, Compile and Minify for Production

make build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint

Translations

Translations are maintained by babeledit in the locales directory. A mapping.md is present that helps mapping from the merged-to-js internet.nl repository values to dashboard metrics.

Use the conversion tool python3 tools/convert_translations/main.py to convert the .po stuff from the dashboard backend to the frontend. This will overwrite the keys as needed and add new fields.

The new files are stored with a _updated postfix for further inspection. The files can be used to overwrite the original en.json file. Doing so will also add the files to babeledit for auto-translation. So open the files with babeledit afterwards and pre-translate them.

Deployment

On staging

/usr/local/bin/dashboard-frontend-update

For live

1: make promote_staging_to_live on this repo 2: on the server: /usr/local/bin/dashboard-frontend-update

Customize configuration

See Configuration Reference.

Deployment:

Step 1: make new image from this repository

make image make push_image

Step 2: on the server run the update

/usr/local/bin/dashboard-frontend-update

Testing a build locally:

make build
cd dist && python -m http.server 7777