.ui-app-loading small {
font-size: 65%;
font-weight: 400;
color: #b4bcc2;
}
</style>
<div class="ui-app-loading">
<h1>
<strong>Kibana</strong>
<small> is loading. Give me a moment here. I'm loading a whole bunch of code. Don't worry, all this good stuff will be cached up for next time!
</small>
</h1>
</div>
<script>window.onload = function () {
var hideLoadingMessage = /#.*[?&]embed(&|$)/.test(window.location.href);
if (hideLoadingMessage) {
var loading = document.querySelector('.ui-app-loading h1');
loading.removeChild(loading.lastChild);
}
var buildNum = 14438;
var cacheParam = buildNum ? '?v=' + buildNum : '';
function bundleFile(filename) {
var anchor = document.createElement('a');
anchor.setAttribute('href', "/java/bundles" + '/' + filename + cacheParam);
return anchor.href;
}
var files = [
bundleFile('commons.style.css'),
bundleFile('kibana.style.css'),
bundleFile('commons.bundle.js'),
bundleFile('kibana.bundle.js')
];
(function next() {
var file = files.shift();
if (!file) return;
var failure = function () {
// make subsequent calls to failure() noop
failure = function () {};
var err = document.createElement('h1');
err.style['color'] = 'white';
err.style['font-family'] = 'monospace';
err.style['text-align'] = 'center';
err.style['background'] = '#F44336';
err.style['padding'] = '25px';
err.innerText = 'Kibana did not load properly. Check the server output for more information.';
document.body.innerHTML = err.outerHTML;
}
var type = /\.js(\?.+)?$/.test(file) ? 'script' : 'link';
var dom = document.createElement(type);
dom.setAttribute('async', '');
dom.addEventListener('error', failure);