mirror of
https://github.com/status-im/consul.git
synced 2025-01-31 07:57:17 +00:00
5996e8fdcd
In order to test certain setups for our metrics visualizations we need to be able to setup several different `ui_config` settings during development/testing. Generally in the UI, we use the Web Inspector to set various cookie values to configure the UI how we need to see it whilst developing, so this PR: 1. Routes `ui_config` through a dev time only `CONSUL_UI_CONFIG` env variable so we can change it via cookies vars. 2. Adds `CONSUL_METRICS_PROXY_ENABLE`, `CONSUL_METRICS_PROVIDER` and `CONSUL_SERVICE_DASHBOARD_URL` so it's easy to set/unset these only values during development. 3. Adds an acceptance testing step so we can setup `ui_config` to whatever we want during testing. 4. Adds an async 'repository-like' method to the `UiConfig` Service so it feels like a repository - incase we ever need to get this via an HTTP API+blocking query. 5. Vaguely unrelated: we allow cookie values to be set via the location.hash whilst in development only e.g. `/ui/services#CONSUL_METRICS_PROXY_ENABLE=1` so we can link to different setups if we ever need to. All values added here are empty/falsey by default, so in order to see how it was previously you'll need to set the appropriate cookies values, but you can now also easily preview/test the the metrics viz in different/disabled states (with differing `ui_config`)
17 lines
739 B
JavaScript
17 lines
739 B
JavaScript
module.exports = ({ appName, environment, rootURL, config }) => `
|
|
<!-- CONSUL_VERSION: ${config.CONSUL_VERSION} -->
|
|
<meta name="consul-ui/ui_config" content="${
|
|
environment === 'production'
|
|
? `{{ jsonEncodeAndEscape .UIConfig }}`
|
|
: escape(JSON.stringify({}))
|
|
}" />
|
|
|
|
<link rel="icon" type="image/png" href="${rootURL}assets/favicon-32x32.png" sizes="32x32">
|
|
<link rel="icon" type="image/png" href="${rootURL}assets/favicon-16x16.png" sizes="16x16">
|
|
<link integrity="" rel="stylesheet" href="${rootURL}assets/vendor.css">
|
|
<link integrity="" rel="stylesheet" href="${rootURL}assets/${appName}.css">
|
|
${
|
|
environment === 'test' ? `<link rel="stylesheet" href="${rootURL}assets/test-support.css">` : ``
|
|
}
|
|
`;
|