grafana/public/app/partials/dashboard.html

116 lines
4.4 KiB
HTML
Raw Normal View History

<div body-class class="dashboard">
2014-06-08 07:40:44 -05:00
<div ng-include src="topNavPartial">
</div>
<div dash-editor-view></div>
<div dash-search-view></div>
<div class="clearfix"></div>
2014-08-25 10:27:19 -05:00
<div ng-if="submenuEnabled" ng-include="'app/partials/submenu.html'">
</div>
<div class="clearfix"></div>
2014-08-25 09:14:47 -05:00
<div class="main-view-container">
<div class="grafana-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.rows" row-height>
<div class="row-control">
<div class="row-control-inner">
2014-08-25 09:14:47 -05:00
<div class="row-close" ng-show="row.collapse" data-placement="bottom" >
<div class="row-close-buttons">
<span class="row-button bgPrimary" ng-click="toggleRow(row)">
2015-01-08 04:03:27 -06:00
<i bs-tooltip="'Expand row'" data-placement="right" class="fa fa-caret-left pointer" ></i>
2014-08-25 09:14:47 -05:00
</span>
</div>
<div class="row-text pointer" ng-click="toggleRow(row)" ng-bind="row.title | interpolateTemplateVars:this"></div>
2014-08-25 09:14:47 -05:00
</div>
<div class="row-open" ng-show="!row.collapse">
<div class='row-tab bgSuccess dropdown' ng-show="dashboardMeta.canEdit" ng-hide="dashboardViewState.fullscreen">
2014-08-25 09:14:47 -05:00
<span class="row-tab-button dropdown-toggle" data-toggle="dropdown">
2015-01-08 04:03:27 -06:00
<i class="fa fa-bars"></i>
2014-08-25 09:14:47 -05:00
</span>
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="drop1">
<li>
<a ng-click="toggleRow(row)">Collapse row</a>
</li>
2014-08-25 09:14:47 -05:00
<li class="dropdown-submenu">
<a href="javascript:void(0);">Add Panel</a>
<ul class="dropdown-menu">
<li bindonce ng-repeat="(key, value) in panels">
<a ng-click="addPanelDefault(key)" bo-text="value.name"></a>
2014-08-25 09:14:47 -05:00
</li>
</ul>
</li>
<li class="dropdown-submenu">
<a href="javascript:void(0);">Set height</a>
<ul class="dropdown-menu">
<li><a ng-click="setHeight('25px')">25 px</a></li>
<li><a ng-click="setHeight('100px')">100 px</a></li>
<li><a ng-click="setHeight('150px')">150 px</a></li>
<li><a ng-click="setHeight('200px')">200 px</a></li>
<li><a ng-click="setHeight('250px')">250 px</a></li>
<li><a ng-click="setHeight('300px')">300 px</a></li>
<li><a ng-click="setHeight('350px')">350 px</a></li>
<li><a ng-click="setHeight('450px')">450 px</a></li>
<li><a ng-click="setHeight('500px')">500 px</a></li>
<li><a ng-click="setHeight('600px')">600 px</a></li>
<li><a ng-click="setHeight('700px')">700 px</a></li>
2014-08-25 09:14:47 -05:00
</ul>
</li>
<li class="dropdown-submenu">
<a href="javascript:void(0);">Move</a>
<ul class="dropdown-menu">
<li><a ng-click="moveRow('up')">Up</a></li>
<li><a ng-click="moveRow('down')">Down</a></li>
<li><a ng-click="moveRow('top')">To top</a></li>
<li><a ng-click="moveRow('bottom')">To Bottom</a></li>
2014-08-25 09:14:47 -05:00
</ul>
</li>
<li>
2014-08-26 00:27:43 -05:00
<a dash-editor-link="app/partials/roweditor.html">Row editor</a>
2014-08-25 09:14:47 -05:00
</li>
<li>
<a ng-click="deleteRow()">Delete row</a>
2014-08-25 09:14:47 -05:00
</li>
</ul>
</div>
</div>
</div>
2014-09-23 09:11:31 -05:00
<div class="panels-wrapper" ng-if="!row.collapse">
<div class="row-text pointer" ng-click="toggle_row(row)" ng-if="row.showTitle" ng-bind="row.title | interpolateTemplateVars:this">
2014-08-25 09:14:47 -05:00
</div>
<div ng-repeat="(name, panel) in row.panels track by panel.id" class="panel" ui-draggable="!dashboardViewState.fullscreen" drag="panel.id"
ui-on-Drop="onDrop($data, row, panel)" drag-handle-class="drag-handle" panel-width>
<panel-loader type="panel.type" class="panel-margin"></panel-loader>
2014-08-25 09:14:47 -05:00
</div>
<div panel-drop-zone class="panel panel-drop-zone" ui-on-drop="onDrop($data, row)" data-drop="true">
<div class="panel-container" style="background: transparent">
<div style="text-align: center">
<em>Drop here</em>
</div>
</div>
2014-08-25 09:14:47 -05:00
</div>
2014-06-08 07:40:44 -05:00
2014-08-25 09:14:47 -05:00
<div class="clearfix"></div>
</div>
</div>
</div>
<div ng-show='dashboardMeta.canEdit' class="row-fluid add-row-panel-hint" ng-hide="dashboardViewState.fullscreen">
2014-08-25 10:27:19 -05:00
<div class="span12" style="text-align:right;">
<span style="margin-right: 10px;" ng-click="addRowDefault()" class="pointer btn btn-info btn-small">
2015-01-08 04:03:27 -06:00
<span><i class="fa fa-plus"></i> ADD ROW</span>
2014-08-25 10:27:19 -05:00
</span>
</div>
2014-08-25 09:14:47 -05:00
</div>
2014-08-25 10:27:19 -05:00
2014-08-25 09:14:47 -05:00
</div>
2014-06-08 07:40:44 -05:00
<div ng-include="'app/partials/console.html'" ng-if="consoleEnabled">
</div>
</div>