bosun.org@v0.0.0-20210513094433-e25bc3e69a1f/cmd/bosun/web/static/templates/index.html (about) 1 <!DOCTYPE html> 2 <html ng-app="bosunApp"> 3 <head> 4 <title ng-bind="'Bosun — ' + title"></title> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <link rel="shortcut icon" href="/favicon.ico"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <link href="/static/css/bootstrap.min.css" rel="stylesheet"> 9 <link href="/static/css/jquery-ui.min.css" rel="stylesheet"> 10 <link href="/static/css/font-awesome.min.css" rel="stylesheet"> 11 <style> 12 .disabled, .disabled:hover { 13 cursor: not-allowed; 14 color: #999999 !important; 15 } 16 .navbar-static-top { 17 margin-bottom: 19px; 18 } 19 #logo { 20 position: absolute; 21 top: 7.5px; /* (navbar height (40 in variables.less) - size of logo (25 in 0-bosun.ts)) / 2 */ 22 } 23 #logo-text { 24 margin-left: 38px; 25 font-size: 28px; 26 color: #1f5296; 27 letter-spacing: -1px; 28 } 29 .tablesorter-headerAsc .tablesorter-header-inner::before { 30 content: '▲'; 31 } 32 .tablesorter-headerDesc .tablesorter-header-inner::before { 33 content: '▼'; 34 } 35 36 .panel-heading { 37 cursor: pointer; cursor: hand; 38 } 39 40 .panel-title { 41 font-size: 15px; 42 } 43 44 label.select { 45 margin-left: 12px; 46 margin-top: -2px; 47 } 48 .with-selected { 49 margin-right: 5px; 50 border-right: 1px solid #ccc; 51 padding-right: 5px; 52 } 53 54 svg { 55 font: 10px sans-serif; 56 } 57 .axis path, .axis line, .focus line { 58 fill: none; 59 stroke: #000; 60 shape-rendering: crispEdges; 61 } 62 .line { 63 fill: none; 64 stroke-width: 1px; 65 shape-rendering: auto; 66 } 67 .ylabel { 68 font: 12px sans-serif; 69 } 70 71 .tl-axis path, .tl-axis line { 72 stroke-width: 1; 73 } 74 .tl-normal { 75 fill: #3c763d; 76 } 77 .tl-critical, .tl-error { 78 fill: #A94442; 79 } 80 .tl-warning { 81 fill: #faebcc; 82 } 83 .tl-unknown { 84 fill: #d9edf7; 85 } 86 .tl-legend { 87 font-weight: bold; 88 margin-bottom: 10px; 89 border-color: black; 90 border-width: 2px; 91 } 92 93 .icon-smaller { 94 font-size: 0.7em; 95 } 96 97 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { 98 display: none !important; 99 } 100 </style> 101 </head> 102 <body ng-controller="BosunCtrl" ng-init="init({{.Settings}})"> 103 <div class="navbar navbar-default navbar-static-top" role="navigation"> 104 <div class="container"> 105 <div class="navbar-header"> 106 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> 107 <span class="sr-only">Toggle navigation</span> 108 <span class="icon-bar"></span> 109 <span class="icon-bar"></span> 110 <span class="icon-bar"></span> 111 </button> 112 <a class="navbar-brand" href="/"> 113 <div id="logo"></div> 114 <div id="logo-text">Bosun</div> 115 </a> 116 </div> 117 <div class="navbar-collapse collapse" id="navbar-collapse"> 118 <ul class="nav navbar-nav"> 119 <li ng-class="active('items')"> 120 <a ng-if="opentsdbEnabled" href="/items" ng-cloak>Items</a> 121 <a ng-if="!opentsdbEnabled" class="disabled" tooltip title="Items available for configured OpenTSDB datasource" href="javascript:void(0)" ng-cloak>Items</a> 122 </li> 123 <li ng-show="opentsdbEnabled" ng-class="active('graph')"><a href="/graph">Graph</a></li> 124 <li ng-class="active('expr')"><a href="/expr">Expression</a></li> 125 <li ng-class="active('config')"><a href="/config">Rule Editor</a></li> 126 <li ng-class="active('silence')"><a href="/silence">Silence</a></li> 127 <li ng-show="annotateEnabled" ng-class="active('annotation')" ng-cloak><a href="/annotation">Submit Annotation</a></li> 128 </ul> 129 <ul class="nav navbar-nav navbar-right"> 130 <li ng-if="quiet" class="navbar-text alert-danger" ng-cloak>Quiet Mode Enabled</li> 131 <li ng-cloak> 132 <button class="btn btn-default navbar-btn btn-sm" ng-click="shorten()" ng-hide="shortlink">Short Link</button> 133 <input type="text" class="navbar-btn btn-sm form-control input-sm" id="shortlink" ng-show="shortlink"> 134 </li> 135 136 {{ $Username := "{{auth.Username()}}" }} 137 <li ng-if="auth.Enabled() || tokensEnabled" class="dropdown" ng-cloak><a href="#" class="dropdown-toggle" data-toggle="dropdown" ><span class='fa fa-user'></span> {{$Username}} <i class="fa fa-caret-down" aria-hidden="true"></i></a> 138 <ul class="dropdown-menu"> 139 <li ng-if="auth.Enabled()"><a href="/login/out" target='_self'>Log out</a></li> 140 <li ng-if="tokensEnabled && auth.HasPermission('Manage Tokens')"><a href="/tokens">Manage Auth Tokens</a></li> 141 </ul> 142 </li> 143 <li ng-cloak class='navbar-text' ng-if="!auth.Enabled() && !tokensEnabled"><span class='fa fa-user'></span> {{ $Username }}</li> 144 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-question-circle fa-lg" aria-hidden="true"></i> <i class="fa fa-caret-down" aria-hidden="true"></i></a> 145 <ul class="dropdown-menu"> 146 <li class="dropdown-header">Main Documentation</li> 147 <li><a href="https://bosun.org/usage" target="_blank">Usage 148 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 149 <li><a href="https://bosun.org/expressions" target="_blank">Expression Language 150 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 151 <li><a href="https://bosun.org/definitions" target="_blank">Definitions (RuleConf) 152 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 153 <li><a href="https://bosun.org/system_configuration" target="_blank">System Configuration 154 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 155 <li><a href="https://bosun.org/api" target="_blank">API Endpoints 156 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 157 <li><a href="https://bosun.org/resources" target="_blank">Other Resouces List 158 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 159 <li class="dropdown-header">Other Resources</li> 160 <li><a href="https://github.com/bosun-monitor/bosun" target="_blank"> 161 <i class="fa fa-github" aria-hidden="true"></i> 162 Bosun Project on Github 163 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 164 <li><a href="https://bosun.slack.com/" target="_blank"> 165 <i class="fa fa-slack" aria-hidden="true"></i> 166 Slack Chat Room 167 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 168 <li><a href="https://bosun.org/slackInvite" target="_blank"> 169 <i class="fa fa-slack" aria-hidden="true"></i> 170 Slack Inviter 171 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 172 <li><a href="https://stackoverflow.com/questions/tagged/bosun" target="_blank"> 173 <i class="fa fa-stack-overflow" aria-hidden="true"></i> 174 Stack Overflow Bosun Tag 175 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 176 <li><a href="https://stackoverflow.com/documentation/bosun/topics" target="_blank"> 177 <i class="fa fa-stack-overflow" aria-hidden="true"></i> 178 Stack Overflow Bosun Docs and Examples 179 <i class="fa fa-external-link icon-smaller" aria-hidden="true"></i></a></li> 180 </ul> 181 </li> 182 </ul> 183 </div> 184 </div> 185 </div> 186 <div class="container"> 187 <div class="row"> 188 <div class="col-lg-12" ng-view> 189 </div> 190 </div> 191 </div> 192 <script src="/static/js/jquery.min.js"></script> 193 <script src="/static/js/jquery-ui.js"></script> 194 <script src="/static/js/underscore-min.js"></script> 195 <script src="/static/js/angular.min.js"></script> 196 <script src="/static/js/angular-route.min.js"></script> 197 <script src="/static/js/angular-sanitize.min.js"></script> 198 <script src="/static/js/angular-strap.js"></script> 199 <script src="/static/js/angular-strap.tpl.min.js"></script> 200 <script src="/static/js/ace/ace.js"></script> 201 <script src="/static/js/angular-ace.js"></script> 202 <script src="/static/js/bootstrap.min.js"></script> 203 <script src="/static/js/moment.min.js"></script> 204 <script src="/static/js/moment-duration-format.min.js"></script> 205 <script src="/static/js/d3.v3.min.js"></script> 206 <script src="/static/js/jquery.tablesorter.min.js"></script> 207 <script src="/static/js/FileSaver.min.js"></script> 208 <script src="/static/js/clipboard.min.js"></script> 209 <script src="/static/js/ngclipboard.min.js"></script> 210 <script src="/static/js/bosun.js"></script> 211 {{.Includes}} 212 </body> 213 </html>