github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 01:13:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fixes #145 and #146

Browse source 
- Adding 5px margin to the sparklines in compact mode
- Moving onclick from table heder to metric name
This commit is contained in:
Chris Cowan 2014-03-12 12:47:19 -07:00
parent 3f68d7d03d
commit 645a28b75d
1 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
kibana/panels/stats_table/module.html
View file

@ -32,6 +32,9 @@
height: 10px;
width: 50px;
}
.marvel-stats-sparkline.compact {
margin-left: 5px;
}
.marvel-muted .mutable {
opacity: 0.3;
}
@ -52,14 +55,14 @@
<!-- full view -->
<table bindonce class="table table-bordered" ng-if="!panel.compact">
<thead>
<th class="pointer" ng-click="set_sort('__name__')">
{{panel.mode}}
<th class="pointer">
<span ng-click="set_sort('__name__')">{{panel.mode}}</span>
<i ng-show="'__name__' == panel.sort[0]" class="pointer link" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
<a ng-disabled="!hasSelected()" id="detail_view_link" ng-href="{{detailViewLink()}}" class="btn btn-mini btn-info pull-right" bs-tooltip="detailViewTip()" data-placement="right">Dashboard</a>
</th>
<th ng-repeat="metric in panel.metrics" ng-class="alertClass(warnLevels[metric.field])" class="pointer" ng-click="set_sort(metric.field)">
{{metric.name}}
<th ng-repeat="metric in panel.metrics" ng-class="alertClass(warnLevels[metric.field])" class="pointer">
<span ng-click="set_sort(metric.field)">{{metric.name}}</span>
<i ng-show='metric.field == panel.sort[0]' class="pointer link" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
</th>
</thead>
@ -95,14 +98,14 @@
<!-- compact view -->
<table bindonce class="table table-bordered table-condensed marvel-table" ng-if="panel.compact">
<thead>
<th class="pointer" ng-click="set_sort('__name__')">
{{panel.mode}}
<th class="pointer">
<span ng-click="set_sort('__name__')">{{panel.mode}}</span>
<i ng-show="'__name__' == panel.sort[0]" class="pointer link" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
<a ng-disabled="!hasSelected()" id="detail_view_link" ng-href="{{detailViewLink()}}" class="btn btn-mini btn-info pull-right" bs-tooltip="detailViewTip()" data-placement="right">Dashboard</a>
</th>
<th ng-repeat="metric in panel.metrics" ng-class="alertClass(warnLevels[metric.field])" class="pointer" ng-click="set_sort(metric.field)">
{{metric.name}}
<th ng-repeat="metric in panel.metrics" ng-class="alertClass(warnLevels[metric.field])" class="pointer">
<span ng-click="set_sort(metric.field)">{{metric.name}}</span>
<i ng-show='metric.field == panel.sort[0]' class="pointer link" ng-class="{'icon-chevron-up': panel.sort[1] == 'asc','icon-chevron-down': panel.sort[1] == 'desc'}"></i>
</th>
</thead>
@ -121,7 +124,7 @@
<div class="pointer" ng-click="rowClick(row,metric)">
<span bo-text="(_.isNull(row[metric.field].value)?'n/a':row[metric.field].value) | metric_format:metric"></span>
<div ng-if="sparkLines" class="marvel-stats-sparkline pointer" ng-click="rowClick(row,metric)" panel='panel' field="metric.field" series="row[metric.field].series"></div>
<div ng-if="sparkLines" class="marvel-stats-sparkline compact pointer" ng-click="rowClick(row,metric)" panel='panel' field="metric.field" series="row[metric.field].series"></div>
</div>
</td>
</tr>