1
0
mirror of https://github.com/containous/traefik.git synced 2025-02-04 17:47:11 +03:00
Mihai Todor 7874ffd506 Minor Health UI fixes
- format the Oy axis ticks as integers on the Total Status Code
Count chart
- prevent the Average Response Time chart from showing negative
values on the Oy axis
- remove the deprecated transitionDuration field
- set the transition duration to 0 on the Average Response Time
chart to avoid triggering an NVD3 marker placement bug
2017-06-06 22:40:39 +02:00
..
2017-06-06 22:40:39 +02:00
2017-05-04 01:12:46 +02:00
2016-01-20 20:06:07 +01:00
2017-05-10 17:35:17 +02:00

Træfik Web UI

Access to Træfik Web UI, ex: http://localhost:8080

Interface

Træfik Web UI provide 2 types of informations:

  • Providers with their backends and frontends information.
  • Health of the web server.

How to build (for backends developer)

Use the make file :

make build           # Generate Docker image
make generate-webui  # Generate static contents in `traefik/static/` folder.

How to build (only for frontends developer)

  • prerequisite: Node 4+ yarn

    Note: In case of conflict with the Apache Hadoop Yarn Command Line Interface, use the yarnpkg alias.

  • Go to the directory webui

  • To install dependencies, execute the following commands:

    • yarn install
  • Build static Web UI, execute the following command:

    • yarn run build
  • Static contents are build in the directory static

Don't change manually the files in the directory static

  • The build allow to:
    • optimize all JavaScript
    • optimize all CSS
    • add vendor prefixes to CSS (cross-bowser support)
    • add a hash in the file names to prevent browser cache problems
    • all images will be optimized at build
    • bundle JavaScript in one file

How to edit (only for frontends developer)

Don't change manually the files in the directory static

  • Go to the directory webui

  • Edit files in webui/src

  • Run in development mode :

    • yarn run serve
  • Træfik API connections are defined in:

    • webui/src/app/core/health.resource.js
    • webui/src/app/core/providers.resource.js
  • The pages contents are in the directory webui/src/app/sections.

Libraries