index.template.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width">
  7. <meta name="theme-color" content="#000">
  8. <title>Grafana</title>
  9. <base href="[[.AppSubUrl]]/" />
  10. [[if .User.LightTheme]]
  11. <link rel="stylesheet" href="public/build/grafana.light.css?v[[ .BuildVersion ]]">
  12. [[else]]
  13. <link rel="stylesheet" href="public/build/grafana.dark.css?v[[ .BuildVersion ]]">
  14. [[end]]
  15. <link rel="icon" type="image/png" href="public/img/fav32.png">
  16. <link rel="mask-icon" href="public/img/grafana_mask_icon.svg" color="#F05A28">
  17. </head>
  18. <body ng-cloak>
  19. <grafana-app class="grafana-app">
  20. <sidemenu class="sidemenu"></sidemenu>
  21. <div class="page-alert-list">
  22. <div ng-repeat='alert in dashAlerts.list' class="alert-{{alert.severity}} alert">
  23. <div class="alert-icon"><i class="{{alert.icon}}"></i></div>
  24. <div class="alert-body">
  25. <div class="alert-title">{{alert.title}}</div>
  26. <div class="alert-text" ng-bind='alert.text'></div>
  27. </div>
  28. <button type="button" class="alert-close" ng-click="dashAlerts.clear(alert)">
  29. <i class="fa fa fa-remove"></i>
  30. </button>
  31. </div>
  32. </div>
  33. <div class="main-view">
  34. <div ng-view></div>
  35. <!-- <footer class="footer"> -->
  36. <!-- <div class="row text&#45;center"> -->
  37. <!-- <ul> -->
  38. <!-- <li> -->
  39. <!-- <a href="http://docs.grafana.org" target="_blank"> -->
  40. <!-- <i class="fa fa&#45;file&#45;code&#45;o"></i> -->
  41. <!-- Docs -->
  42. <!-- </a> -->
  43. <!-- </li> -->
  44. <!-- <li> -->
  45. <!-- <a href="https://grafana.com/services/support" target="_blank"> -->
  46. <!-- <i class="fa fa&#45;support"></i> -->
  47. <!-- Support Plans -->
  48. <!-- </a> -->
  49. <!-- </li> -->
  50. <!-- <li> -->
  51. <!-- <a href="https://community.grafana.com/" target="_blank"> -->
  52. <!-- <i class="fa fa&#45;comments&#45;o"></i> -->
  53. <!-- Community -->
  54. <!-- </a> -->
  55. <!-- </li> -->
  56. <!-- <li> -->
  57. <!-- <a href="https://grafana.com" target="_blank">Grafana</a> -->
  58. <!-- <span>v[[.BuildVersion]] (commit: [[.BuildCommit]])</span> -->
  59. <!-- </li> -->
  60. <!-- [[if .NewGrafanaVersionExists]] -->
  61. <!-- <li> -->
  62. <!-- <a href="https://grafana.com/get" target="_blank" bs&#45;tooltip="'[[.NewGrafanaVersion]]'"> -->
  63. <!-- New version available! -->
  64. <!-- </a> -->
  65. <!-- </li> -->
  66. <!-- [[end]] -->
  67. <!-- </ul> -->
  68. <!-- </div> -->
  69. <!-- </footer> -->
  70. </div>
  71. </grafana-app>
  72. <script>
  73. window.grafanaBootData = {
  74. user:[[.User]],
  75. settings: [[.Settings]],
  76. navTree: [[.NavTree]]
  77. };
  78. </script>
  79. [[if .GoogleTagManagerId]]
  80. <script>
  81. dataLayer = [{
  82. 'IsSignedIn': '[[.User.IsSignedIn]]',
  83. 'Email': '[[.User.Email]]',
  84. 'Name': '[[.User.Name]]',
  85. 'UserId': '[[.User.Id]]',
  86. 'OrgId': '[[.User.OrgId]]',
  87. 'OrgName': '[[.User.OrgName]]',
  88. }];
  89. </script>
  90. <!-- Google Tag Manager -->
  91. <noscript><iframe src="//www.googletagmanager.com/ns.html?id=[[.GoogleTagManagerId]]" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  92. <script>(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],
  93. 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);
  94. })(window,document,'script','dataLayer','[[.GoogleTagManagerId]]');</script>
  95. <!-- End Google Tag Manager -->
  96. [[end]]
  97. </body>
  98. </html>