public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added collapsable rows, error handling in table panel, ground work for new kinds of binding, refactored view a bit

Browse Source
This commit is contained in:
Rashid Khan
2013-02-01 14:16:55 -07:00
parent 896a6f7c10
commit a73242cae5
13 changed files with 78 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
partials/dashboard.html
+23 -12
View File
@@ -1,17 +1,28 @@
<div class="row-fluid" style="margin-top:50px">
<div class="row-fluid">
<div class="span8"><h2>{{dashboards.title}} <small>Last {{timespan}}</small></h2></div>
<div class="span4"><div><input type="file" id="upload" upload /></div></div>
</div>
<div class="row-fluid" ng-repeat="(row_name, row) in dashboards.rows" style="height:{{row.height}}">
<div ng-repeat="(name, panel) in row.panels">
<div class="span{{panel.span}}" style="position:relative">
<div class="span12 alert alert-error panel-error" ng-class="{'ng-cloak': !panel.error}">
<a class="close" ng-click="panel.error=false">&times;</a>
<i class="icon-exclamation-sign"></i> <strong>Oops!</strong> {{panel.error}}
<div class="row-fluid container" style="margin-top:50px">
<!-- Rows -->
<div class="row-fluid" ng-repeat="(row_name, row) in dashboards.rows">
<div class="span12">
<div class="row-fluid" style="padding:0px;margin:0px;height:0px">
<div class="span12" style="min-height:5px;vertical-align:bottom">
<i class="pointer" ng-class="{'icon-minus': !row.collapse,'icon-plus': row.collapse}" ng-click="toggle_row(row)"></i>
<span ng-click="toggle_row(row)" class="pointer"><small>{{row.title}}</small></span>
</div>
<div class="span12" style="padding: 10px;height={{row.height}}" ng-include="'panels/'+panel.type+'/module.html'">
</div>
<div class="row-fluid" style="padding-top:10px" ng-hide="row.collapse">
<!-- Panels -->
<div ng-repeat="(name, panel) in row.panels" class="span{{panel.span}}" style="min-height:{{row.height}}; position:relative">
<!-- Error Panel -->
<div class="row-fluid">
<div class="span12 alert alert-error panel-error" ng-class="{'ng-cloak': !panel.error}">
<a class="close" ng-click="panel.error=false">&times;</a>
<i class="icon-exclamation-sign"></i> <strong>Oops!</strong> {{panel.error}}
</div>
</div>
<!-- Content Panel -->
<div class="row-fluid">
<div class="span12" style="margin-top:0px" ng-include="'panels/'+panel.type+'/module.html'"></div>
</div>
</div>
</div>
</div>