Skip to content

N
nexpie-grafana-theme
Commit 35bdc1dd by Torkel Ödegaard
Options

began work on function panel

parent 5dded7e0
Showing with 60 additions and 15 deletions
src/app/panels/graphite/editor.html
<div class="editor-row"> <div class="editor-row">
<style> <style>
.grafana-target { .grafana-target-inner-wrapper {
border-top: 1px solid #444444; border-top: 1px solid #444444;
border-bottom: 1px solid #444444; border-bottom: 1px solid #444444;
} }
.grafana-target-top td { .grafana-target-inner {
border-top: 1px solid black; border-top: 1px solid black;
border-bottom: 1px solid black; border-bottom: 1px solid black;
background: #202020; background: #202020;
padding: 0;
margin: 0;
} }
.grafana-target-onoff {
float: left;
padding: 5px 7px;
}
.grafana-segment-list { .grafana-segment-list {
list-style: none; list-style: none;
margin: 0; margin: 0;
float: left;
} }
.grafana-segment-list > li { .grafana-segment-list > li {
float: left; float: left;
...@@ -26,6 +31,9 @@ ...@@ -26,6 +31,9 @@
border-left: 1px solid #050505; border-left: 1px solid #050505;
color: #c8c8c8; color: #c8c8c8;
} }
.grafana-target-controls {
float: right;
}
.grafana-target .dropdown { .grafana-target .dropdown {
padding: 0; margin: 0; padding: 0; margin: 0;
} }
...@@ -34,15 +42,29 @@ ...@@ -34,15 +42,29 @@
} }
a.grafana-target-segment:focus { a.grafana-target-segment:focus {
outline: 0; outline: 0;
text-decoration: none;
}
.grafana-target-fun-panel ul {
list-style: none;
}
.grafana-target-fun-panel ul > li {
float: left;
padding: 5px 7px;
}
.grafana-target-fun-panel-icon {
float: left;
padding: 5px 7px;
} }
</style> </style>
<div class="grafana-target" ng-repeat="target in panel.targets" ng-controller="GraphiteTargetCtrl" ng-init="init()"> <div class="grafana-target" ng-repeat="target in panel.targets" ng-controller="GraphiteTargetCtrl" ng-init="init()">
<div class="grafana-target-inner-wrapper">
<table style="margin: 0; padding: 0;width:100%;"> <div class="grafana-target-inner">
<tr class="grafana-target-top"> <span class="grafana-target-onoff">
<td style="padding-left: 10px;width: 25px;"><i class="icon-eye-open"></i></td> <i class="icon-eye-open"></i>
<td> </span>
<ul class="grafana-segment-list" role="menu"> <ul class="grafana-segment-list" role="menu">
<li class="dropdown" ng-repeat="segment in segments" role="menuitem"> <li class="dropdown" ng-repeat="segment in segments" role="menuitem">
<a tabindex="1" class="grafana-target-segment dropdown-toggle" <a tabindex="1" class="grafana-target-segment dropdown-toggle"
...@@ -54,13 +76,36 @@ ...@@ -54,13 +76,36 @@
</li> </li>
</ul> </ul>
</li> </li>
<ul> </ul>
</td> <span class="grafana-target-controls">
<td>
<i class="icon-remove"></i> <i class="icon-remove"></i>
</td> </span>
</tr> <div class="clearfix"></div>
</table> </div>
<div class="grafana-target-fun-panel">
<span class="grafana-target-fun-panel-icon">
<i class="icon-share-alt"></i>
</span>
<ul>
<li>
<a href="asd">sumSeries</a>
</li>
<li>
<a href="asd">avgSeries</a>
</li>
<li>
<a href="asd">scaleToSeconds</a>
</li>
<li>
<a href="asd">alias</a>
</li>
<li>
<a href="asd">other</a>
</li>
</ul>
</div>
</div>
<!-- <div class="row-fluid"> <!-- <div class="row-fluid">
<div class="span12"> <div class="span12">
<span ng-if="!editMode"> <span ng-if="!editMode">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment