bosun.org@v0.0.0-20210513094433-e25bc3e69a1f/cmd/bosun/web/static/partials/host.html (about)

     1  <h1 ng-bind="host"></h1>
     2  <ul class="nav nav-tabs">
     3  	<li ng-class="{active: tab == 'stats'}"><a href ng-click="setTab('stats')">Primary Stats</a></li>
     4  	<li ng-class="{active: tab == 'metrics'}"><a href ng-click="setTab('metrics')">Available Metrics</a></li>
     5  	<li ng-class="{active: tab == 'metadata'}"><a href ng-click="setTab('metadata')">Metadata</a></li>
     6  </ul>
     7  <div class="tab-content">
     8  	<div class="tab-pane" ng-class="{active: tab == 'stats'}">
     9  		<div class="row">
    10  			<div class="col-lg-6">
    11  				<h4>CPU</h4>
    12  				<div class="chart" ts-graph data="cpu"></div>
    13  			</div>
    14  			<div class="col-lg-6">
    15  				<h4>Memory <small ng-show="mem_total">Total: {{mem_total | bytes}}</small></h4>
    16  				<div class="chart" ts-graph data="mem" bytes="true"></div>
    17  			</div>
    18  		</div>
    19  		<div class="row">
    20  			<div class="col-lg-6" ng-repeat="i in idata">
    21  				<h4>Network Bit/s: {{i[0].Tags.iface}}</h4>
    22  				<div class="chart" bytes="true" ts-graph data="i" generator="'area'"></div>
    23  			</div>
    24  		</div>
    25  		<div class="row">
    26  			<div class="col-lg-6" ng-repeat="fs in fsdata">
    27  				<h4>Disk Space: {{fs[0].Tags.disk}} <small ng-show="fs.used">({{fs.used| bytes}} / {{fs.total | bytes}})</small></h4>
    28  				<div class="chart" bytes="true" ts-graph data="fs"></div>
    29  			</div>
    30  		</div>
    31  	</div>
    32  
    33  	<div class="tab-pane" ng-class="{active: tab == 'metrics'}">
    34  		<h1>Metrics</h1>
    35  		<div class="form-group">
    36  			<input class="form-control" placeholder="Filter Metrics" ng-model="filterMetrics">
    37  		</div>
    38  		<ul>
    39  			<li ng-repeat="metric in metrics | filter:filterMetrics"><a href="/graph?b64={{btoa(json(mlink(metric)))}}" ng-bind="metric"></a></li>
    40  		</ul>
    41  	</div>
    42  	<div class="tab-pane" ng-class="{active: tab == 'metadata'}">
    43  		<h1>Metadata</h1>
    44  		<table class="table">
    45  			<thead>
    46  				<tr>
    47  					<th>Name</th>
    48  					<th>Tags</th>
    49  					<th>Value</th>
    50  				</tr>
    51  			</thead>
    52  			<tbody>
    53  				<tr ng-repeat="data in metadata | orderBy:'Name'">
    54  					<td ng-bind="data.Name"></td>
    55  					<td>
    56  						<ul class="list-unstyled">
    57  							<li ng-repeat="(k, v) in data.Tags" style="white-space: nowrap">
    58  								{{k}}: {{v}}
    59  							</li>
    60  						</ul>
    61  					</td>
    62  					<td ng-bind="data.Value"></td>
    63  				</tr>
    64  			</tbody>
    65  		</table>
    66  	</div>
    67  </div>