303 lines
18 KiB
HTML
303 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<script nonce="[[.Nonce]]">
|
|
// https://github.com/GoogleChromeLabs/tti-polyfill
|
|
!(function () {
|
|
if ('PerformanceLongTaskTiming' in window) {
|
|
var g = (window.__tti = { e: [] });
|
|
g.o = new PerformanceObserver(function (l) {
|
|
g.e = g.e.concat(l.getEntries());
|
|
});
|
|
g.o.observe({ entryTypes: ['longtask'] });
|
|
}
|
|
})();
|
|
</script>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta name="theme-color" content="#000" />
|
|
|
|
<title>[[.AppTitle]]</title>
|
|
|
|
<base href="[[.AppSubUrl]]/" />
|
|
|
|
<link
|
|
rel="preload"
|
|
href="[[.ContentDeliveryURL]]public/fonts/roboto/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2"
|
|
as="font"
|
|
crossorigin
|
|
/>
|
|
|
|
<link rel="icon" type="image/png" href="[[.FavIcon]]" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="[[.AppleTouchIcon]]" />
|
|
<link rel="mask-icon" href="[[.ContentDeliveryURL]]public/img/grafana_mask_icon.svg" color="#F05A28" />
|
|
<link rel="stylesheet" href="[[.ContentDeliveryURL]]public/build/grafana.[[ .Theme ]].<%= webpack.hash %>.css" />
|
|
|
|
<script nonce="[[.Nonce]]">
|
|
performance.mark('frontend_boot_css_time_seconds');
|
|
</script>
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="msapplication-TileColor" content="#2b5797" />
|
|
<meta name="msapplication-config" content="public/img/browserconfig.xml" />
|
|
</head>
|
|
|
|
<body class="theme-[[ .Theme ]] [[.AppNameBodyClass]]">
|
|
<style>
|
|
.preloader {
|
|
height: 100%;
|
|
flex-direction: column;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.preloader__enter {
|
|
opacity: 0;
|
|
animation-name: preloader-fade-in;
|
|
animation-iteration-count: 1;
|
|
animation-duration: 0.9s;
|
|
animation-delay: 1.35s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.preloader__bounce {
|
|
text-align: center;
|
|
animation-name: preloader-bounce;
|
|
animation-duration: 0.9s;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.preloader__logo {
|
|
display: inline-block;
|
|
animation-name: preloader-squash;
|
|
animation-duration: 0.9s;
|
|
animation-iteration-count: infinite;
|
|
width: 60px;
|
|
height: 60px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-image: url("data:image/png;base64,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");
|
|
}
|
|
|
|
.preloader__text {
|
|
margin-top: 16px;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
font-family: Sans-serif;
|
|
opacity: 0;
|
|
animation-name: preloader-fade-in;
|
|
animation-duration: 0.9s;
|
|
animation-delay: 1.8s;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
.theme-light .preloader__text {
|
|
color: #52545c;
|
|
}
|
|
|
|
.theme-dark .preloader__text {
|
|
color: #d8d9da;
|
|
}
|
|
|
|
@keyframes preloader-fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
/*animation-timing-function: linear;*/
|
|
animation-timing-function: cubic-bezier(0, 0, 0.5, 1);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes preloader-bounce {
|
|
from,
|
|
to {
|
|
transform: translateY(0px);
|
|
animation-timing-function: cubic-bezier(0.3, 0, 0.1, 1);
|
|
}
|
|
50% {
|
|
transform: translateY(-50px);
|
|
animation-timing-function: cubic-bezier(0.9, 0, 0.7, 1);
|
|
}
|
|
}
|
|
|
|
@keyframes preloader-squash {
|
|
0% {
|
|
transform: scaleX(1.3) scaleY(0.8);
|
|
animation-timing-function: cubic-bezier(0.3, 0, 0.1, 1);
|
|
transform-origin: bottom center;
|
|
}
|
|
15% {
|
|
transform: scaleX(0.75) scaleY(1.25);
|
|
animation-timing-function: cubic-bezier(0, 0, 0.7, 0.75);
|
|
transform-origin: bottom center;
|
|
}
|
|
55% {
|
|
transform: scaleX(1.05) scaleY(0.95);
|
|
animation-timing-function: cubic-bezier(0.9, 0, 1, 1);
|
|
transform-origin: top center;
|
|
}
|
|
95% {
|
|
transform: scaleX(0.75) scaleY(1.25);
|
|
animation-timing-function: cubic-bezier(0, 0, 0, 1);
|
|
transform-origin: bottom center;
|
|
}
|
|
100% {
|
|
transform: scaleX(1.3) scaleY(0.8);
|
|
transform-origin: bottom center;
|
|
animation-timing-function: cubic-bezier(0, 0, 0.7, 1);
|
|
}
|
|
}
|
|
|
|
/* Fail info */
|
|
.preloader__text--fail {
|
|
display: none;
|
|
}
|
|
|
|
/* stop logo animation */
|
|
.preloader--done .preloader__bounce,
|
|
.preloader--done .preloader__logo {
|
|
animation-name: none;
|
|
display: none;
|
|
}
|
|
|
|
.preloader--done .preloader__logo,
|
|
.preloader--done .preloader__text {
|
|
display: none;
|
|
color: #ff5705 !important;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.preloader--done .preloader__text--fail {
|
|
display: block;
|
|
}
|
|
|
|
[ng\:cloak],
|
|
[ng-cloak],
|
|
.ng-cloak {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
|
|
<div class="preloader">
|
|
<div class="preloader__enter">
|
|
<div class="preloader__bounce">
|
|
<div class="preloader__logo"></div>
|
|
</div>
|
|
</div>
|
|
<div class="preloader__text">Loading Insights</div>
|
|
<div class="preloader__text preloader__text--fail">
|
|
<p>
|
|
<strong>If you're seeing this Grafana has failed to load its application files</strong>
|
|
<br />
|
|
<br />
|
|
</p>
|
|
<p>
|
|
1. This could be caused by your reverse proxy settings.<br /><br />
|
|
2. If you host grafana under subpath make sure your grafana.ini root_url setting includes subpath. If not
|
|
using a reverse proxy make sure to set serve_from_sub_path to true.<br />
|
|
<br />
|
|
3. If you have a local dev build make sure you build frontend using: yarn start, yarn start:hot, or yarn
|
|
build<br />
|
|
<br />
|
|
4. Sometimes restarting grafana-server can help<br />
|
|
<br />
|
|
5. Check if you are using a non-supported browser. For more information, refer to the list of <a
|
|
href="https://grafana.com/docs/grafana/latest/installation/requirements/#supported-web-browsers">
|
|
supported browsers</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<grafana-app class="grafana-app" ng-cloak>
|
|
<sidemenu class="sidemenu"></sidemenu>
|
|
<app-notifications-list class="page-alert-list"></app-notifications-list>
|
|
<search-wrapper></search-wrapper>
|
|
|
|
<div class="main-view">
|
|
<div ng-view class="scroll-canvas"></div>
|
|
</div>
|
|
</grafana-app>
|
|
|
|
<script nonce="[[.Nonce]]">
|
|
window.grafanaBootData = {
|
|
user: [[.User]],
|
|
settings: [[.Settings]],
|
|
navTree: [[.NavTree]]
|
|
};
|
|
|
|
// In case the js files fails to load the code below will show an info message.
|
|
window.onload = function() {
|
|
var preloader = document.getElementsByClassName("preloader");
|
|
if (preloader.length) {
|
|
preloader[0].className = "preloader preloader--done";
|
|
}
|
|
};
|
|
[[if .ContentDeliveryURL]]
|
|
window.public_cdn_path = '[[.ContentDeliveryURL]]public/build/';
|
|
[[end]]
|
|
</script>
|
|
|
|
[[if .GoogleTagManagerId]]
|
|
<!-- Google Tag Manager -->
|
|
<script nonce="[[.Nonce]]">
|
|
dataLayer = [
|
|
{
|
|
IsSignedIn: '[[.User.IsSignedIn]]',
|
|
Email: '[[.User.Email]]',
|
|
Name: '[[.User.Name]]',
|
|
UserId: '[[.User.Id]]',
|
|
OrgId: '[[.User.OrgId]]',
|
|
OrgName: '[[.User.OrgName]]',
|
|
},
|
|
];
|
|
</script>
|
|
<noscript>
|
|
<iframe
|
|
src="//www.googletagmanager.com/ns.html?id=[[.GoogleTagManagerId]]"
|
|
height="0"
|
|
width="0"
|
|
style="display: none; visibility: hidden"
|
|
></iframe>
|
|
</noscript>
|
|
<script nonce="[[.Nonce]]">
|
|
(function (w, d, s, l, i) {
|
|
w[l] = w[l] || [];
|
|
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
|
|
var f = d.getElementsByTagName(s)[0],
|
|
j = d.createElement(s),
|
|
dl = l != 'dataLayer' ? '&l=' + l : '';
|
|
j.async = true;
|
|
j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
|
|
f.parentNode.insertBefore(j, f);
|
|
})(window, document, 'script', 'dataLayer', '[[.GoogleTagManagerId]]');
|
|
</script>
|
|
<!-- End Google Tag Manager -->
|
|
[[end]]
|
|
|
|
<% for (key in htmlWebpackPlugin.files.chunks) { %>
|
|
<% if (htmlWebpackPlugin.files.jsIntegrity) { %>
|
|
<script
|
|
nonce="[[.Nonce]]"
|
|
src="[[.ContentDeliveryURL]]<%= htmlWebpackPlugin.files.chunks[key].entry %>"
|
|
type="text/javascript"
|
|
integrity="<%= htmlWebpackPlugin.files.jsIntegrity[htmlWebpackPlugin.files.js.indexOf(htmlWebpackPlugin.files.chunks[key].entry)] %>"
|
|
crossorigin="<%= webpackConfig.output.crossOriginLoading %>">
|
|
</script>
|
|
<% } else { %>
|
|
<script
|
|
nonce="[[.Nonce]]"
|
|
src="[[.ContentDeliveryURL]]<%= htmlWebpackPlugin.files.chunks[key].entry %>"
|
|
type="text/javascript">
|
|
</script>
|
|
<% } %>
|
|
<% } %>
|
|
<script nonce="[[.Nonce]]">
|
|
performance.mark('frontend_boot_js_done_time_seconds');
|
|
</script>
|
|
</body>
|
|
</html> |