mirror of
https://github.com/status-im/consul.git
synced 2025-02-03 09:24:25 +00:00
26341f0b05
This sounds a bit 'backwards' as the end goal here is to add an improved UX to partitions, not namespaces. The reason for doing it this way is that Namespaces already has a type of 'improved UX' CRUD in that it has one to many relationship in the form when saving your namespaces (the end goal for partitions). In moving Namespaces to use the same approach as partitions we: - Ensure the new approach works with one-to-many forms. - Test the new approach without writing a single test (we already have a bunch of tests for namespaces which are now testing the approach used by both namespaces and partitions) Additionally: - Fixes issue with missing default nspace in the nspace selector - In doing when checking to see that things where consistent between the two, I found a few little minor problems with the Admin Partition CRUD so fixed those up here also. - Removed the old style Nspace notifications
102 lines
3.9 KiB
JavaScript
102 lines
3.9 KiB
JavaScript
// rootURL in production equals `{{.ContentPath}}` and therefore is replaced
|
|
// with the value of -ui-content-path. During development rootURL uses the
|
|
// value as set in environment.js
|
|
|
|
const read = require('fs').readFileSync;
|
|
|
|
const hbsRe = /{{(@[a-z]*)}}/g;
|
|
|
|
const hbs = (path, attrs = {}) =>
|
|
read(`${process.cwd()}/app/components/${path}`)
|
|
.toString()
|
|
.replace('{{yield}}', '')
|
|
.replace(hbsRe, (match, prop) => attrs[prop.substr(1)]);
|
|
|
|
const BrandLoader = attrs => hbs('brand-loader/index.hbs', attrs);
|
|
const Enterprise = attrs => hbs('brand-loader/enterprise.hbs', attrs);
|
|
|
|
module.exports = ({ appName, environment, rootURL, config, env }) => `
|
|
<noscript>
|
|
<div style="margin: 0 auto;">
|
|
<h2>JavaScript Required</h2>
|
|
<p>Please enable JavaScript in your web browser to use Consul UI.</p>
|
|
</div>
|
|
</noscript>
|
|
${BrandLoader({
|
|
color: '#8E96A3',
|
|
width: config.CONSUL_BINARY_TYPE !== 'oss' && config.CONSUL_BINARY_TYPE !== '' ? `394` : `198`,
|
|
subtitle:
|
|
config.CONSUL_BINARY_TYPE !== 'oss' && config.CONSUL_BINARY_TYPE !== '' ? Enterprise() : ``,
|
|
})}
|
|
<script type="application/json" data-consul-ui-config>
|
|
${environment === 'production' ? `{{jsonEncode .}}` : JSON.stringify(config.operatorConfig)}
|
|
</script>
|
|
<script type="application/json" data-consul-ui-fs>
|
|
{
|
|
"text-encoding/encoding-indexes.js": "${rootURL}assets/encoding-indexes.js",
|
|
"text-encoding/encoding.js": "${rootURL}assets/encoding.js",
|
|
"css.escape/css.escape.js": "${rootURL}assets/css.escape.js",
|
|
"codemirror/mode/javascript/javascript.js": "${rootURL}assets/codemirror/mode/javascript/javascript.js",
|
|
"codemirror/mode/ruby/ruby.js": "${rootURL}assets/codemirror/mode/ruby/ruby.js",
|
|
"codemirror/mode/yaml/yaml.js": "${rootURL}assets/codemirror/mode/yaml/yaml.js"
|
|
}
|
|
</script>
|
|
<script data-app-name="${appName}" data-${appName}-services src="${rootURL}assets/consul-ui/services.js"></script>
|
|
${
|
|
environment === 'development' || environment === 'staging'
|
|
? `
|
|
<script data-app-name="${appName}" data-${appName}-services src="${rootURL}assets/consul-ui/services-debug.js"></script>
|
|
<script data-app-name="${appName}" data-${appName}-routing src="${rootURL}assets/consul-ui/routes-debug.js"></script>
|
|
`
|
|
: ``
|
|
}
|
|
${
|
|
environment === 'production'
|
|
? `
|
|
{{if .ACLsEnabled}}
|
|
<script data-app-name="${appName}" data-${appName}-routing src="${rootURL}assets/consul-acls/routes.js"></script>
|
|
{{end}}
|
|
{{if .PartitionsEnabled}}
|
|
<script data-app-name="${appName}" data-${appName}-routing src="${rootURL}assets/consul-partitions/routes.js"></script>
|
|
{{end}}
|
|
{{if .NamespacesEnabled}}
|
|
<script data-app-name="${appName}" data-${appName}-routing src="${rootURL}assets/consul-nspaces/routes.js"></script>
|
|
{{end}}
|
|
`
|
|
: `
|
|
<script>
|
|
(
|
|
function(get, obj) {
|
|
Object.entries(obj).forEach(([key, value]) => {
|
|
if(get(key) || (key === 'CONSUL_NSPACES_ENABLE' && ${
|
|
env('CONSUL_NSPACES_ENABLED') === '1' ? `true` : `false`
|
|
})) {
|
|
document.write(\`\\x3Cscript data-app-name="${appName}" data-${appName}-routing src="${rootURL}assets/\${value}/routes.js">\\x3C/script>\`);
|
|
}
|
|
});
|
|
}
|
|
)(
|
|
key => document.cookie.split('; ').find(item => item.startsWith(\`\${key}=\`)),
|
|
{
|
|
'CONSUL_ACLS_ENABLE': 'consul-acls',
|
|
'CONSUL_PARTITIONS_ENABLE': 'consul-partitions',
|
|
'CONSUL_NSPACES_ENABLE': 'consul-nspaces'
|
|
}
|
|
);
|
|
</script>
|
|
`
|
|
}
|
|
<script src="${rootURL}assets/init.js"></script>
|
|
<script src="${rootURL}assets/vendor.js"></script>
|
|
${environment === 'test' ? `<script src="${rootURL}assets/test-support.js"></script>` : ``}
|
|
<script src="${rootURL}assets/metrics-providers/consul.js"></script>
|
|
<script src="${rootURL}assets/metrics-providers/prometheus.js"></script>
|
|
${
|
|
environment === 'production'
|
|
? `{{ range .ExtraScripts }} <script src="{{.}}"></script> {{ end }}`
|
|
: ``
|
|
}
|
|
<script src="${rootURL}assets/${appName}.js"></script>
|
|
${environment === 'test' ? `<script src="${rootURL}assets/tests.js"></script>` : ``}
|
|
`;
|