mirror of
https://github.com/grafana/grafana.git
synced 2025-02-10 23:55:47 -06:00
101 lines
3.9 KiB
HTML
101 lines
3.9 KiB
HTML
<div dash-class ng-if="dashboard">
|
|
<dashnav></dashnav>
|
|
|
|
<div class="dashboard-container">
|
|
|
|
<div dash-editor-view></div>
|
|
<dashboard-search></dashboard-search>
|
|
<div class="clearfix"></div>
|
|
|
|
<dashboard-submenu ng-if="submenuEnabled" dashboard="dashboard"></dashboard-submenu>
|
|
|
|
<div class="clearfix"></div>
|
|
|
|
<div class="dash-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.rows" row-height>
|
|
<div class="dash-row-header pointer" ng-click="toggleRow(row)" ng-if="row.showTitle || dashboard.editMode" ng-mouseenter="settingsHover(row)" ng-mouseleave="settingsHover(row)">
|
|
<div class="dash-row-header-title" ng-bind="row.title | interpolateTemplateVars:this"></div>
|
|
<div class="dash-row-header-settings dropdown">
|
|
<a class="pointer dropdown-toggle" data-toggle="dropdown" ng-show="row.hoverSettings || dashboard.editMode">
|
|
<i class="fa fa-cog"></i>
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="drop1">
|
|
<li>
|
|
<a ng-click="toggleRow(row)">Collapse row</a>
|
|
</li>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a ng-click="editRow()">Row editor</a>
|
|
</li>
|
|
<li>
|
|
<a ng-click="deleteRow()">Delete row</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="dash-row-header-chevron">
|
|
<a class="pointer" ng-click="row.collapse = !row.collapse">
|
|
<i class="fa fa-chevron-down" ng-show="!row.collapse"></i>
|
|
<i class="fa fa-chevron-right" ng-show="row.collapse"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panels-wrapper" ng-if="!row.collapse">
|
|
<div ng-repeat="panel in row.panels track by panel.id" class="panel" ui-draggable="!dashboard.meta.fullscreen" drag="panel.id" ui-on-drop="onDrop($data, row, panel)" drag-handle-class="drag-handle" panel-width>
|
|
<plugin-component type="panel" class="panel-margin">
|
|
</plugin-component>
|
|
</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>
|
|
</div>
|
|
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-show='dashboardMeta.canEdit' class="row-fluid add-row-panel-hint" ng-hide="dashboard.meta.fullscreen">
|
|
<div class="span12" style="text-align:right;">
|
|
<span style="margin-right: 10px;" ng-click="addRowDefault()" class="pointer btn btn-secondary btn-small">
|
|
<span><i class="fa fa-plus"></i> ADD ROW</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|