X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2FREADME.md;h=5546785219de47963e494ad9b9d26c98465e5539;hb=558db46fe98fb6bdb10531c30b63658521fe0d5f;hp=08cb743d8dd067cc09d0daa34d27b1c63c3240b9;hpb=f8947d3078521a713834a84bdfdfa16d8b6caebf;p=e-mobility-charging-stations-simulator.git diff --git a/ui/web/README.md b/ui/web/README.md index 08cb743d..55467852 100644 --- a/ui/web/README.md +++ b/ui/web/README.md @@ -4,14 +4,6 @@ The Web UI code and configuration is in the repository directory [ui/web](./../. ## Project setup -### Dependencies - -```shell -corepack enable -corepack prepare pnpm@latest --activate -pnpm install -``` - ### Configuration #### Simulator UI Server Configuration @@ -37,6 +29,59 @@ See [here](./../../README.md#charging-stations-simulator-configuration) for more Copy the configuration template [src/assets/config-template.json](./src/assets/config-template.json) to `public/config.json`. +##### Unique UI server: + +```json +{ + "uiServer": { + "host": "localhost", + "port": 8080, + "protocol": "ui", + "version": "0.0.1", + "authentication": { + "enabled": true, + "type": "protocol-basic-auth", + "username": "admin", + "password": "admin" + } + } +} +``` + +##### Multiple UI servers: + +```json +{ + "uiServer": [ + { + "host": "server1.domain.tld", + "port": 8080, + "protocol": "ui", + "version": "0.0.1", + "authentication": { + "enabled": true, + "type": "protocol-basic-auth", + "username": "admin", + "password": "admin" + } + }, + ... + { + "host": "serverN.domain.tld", + "port": 8080, + "protocol": "ui", + "version": "0.0.1", + "authentication": { + "enabled": true, + "type": "protocol-basic-auth", + "username": "admin", + "password": "admin" + } + } + ] +} +``` + ### Run #### Compiles for production and preview locally @@ -51,8 +96,8 @@ You can now follow the link displayed in the terminal. The Web UI looks like the ![webui](./src/assets/webui.png) -1. With the buttons on the top you can stop, start the simulator, add new charging stations and refresh the content. -2. Each charging station is a row in the table with specific 'Actions' to execute. Try 'Stop Charging Station' and refresh with the large blue button and see the status 'Started' turns from 'Yes' into 'No'. +1. With the buttons on the top you can change UI server, start/stop the simulator, add new charging stations and refresh the content. +2. Each charging station is a row in the table with specific 'Actions' to execute on. Try 'Stop Charging Station' and refresh with the large blue button and see the status 'Started' turns from 'Yes' into 'No'. ### Development