Skip to content

N
nexpie-grafana-theme
Commit 7e2f653b by Nick Christus
Options

added alerting tab stub and styles

parent bf25b9f4
Showing with 369 additions and 0 deletions
public/app/features/panel/partials/panel.html
......@@ -35,6 +35,11 @@
<button class="gf-box-header-close-btn" ng-click="exitFullscreen();">
Back to dashboard
</button>
<div class="gf-box-header-save-btn">
There are unsaved changes.
<button class="btn btn-success btn-small"><i class="fa fa-save"></i> Save</button>
</div>
</div>
<div class="gf-box-body">
......
public/app/panels/graph/module.js
......@@ -34,6 +34,7 @@ function (angular, $, _, kbn, moment, TimeSeries, PanelMeta) {
$scope.panelMeta.addEditorTab('Axes & Grid', 'app/panels/graph/axisEditor.html');
$scope.panelMeta.addEditorTab('Display Styles', 'app/panels/graph/styleEditor.html');
$scope.panelMeta.addEditorTab('Time range', 'app/features/panel/partials/panelTime.html');
$scope.panelMeta.addEditorTab('Alerting', 'app/panels/graph/alerting.html');
$scope.panelMeta.addExtendedMenuItem('Export CSV', '', 'exportCsv()');
$scope.panelMeta.addExtendedMenuItem('Toggle legend', '', 'toggleLegend()');
......
public/img/critical.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="70px" height="70px" viewBox="15 -15 70 70" xml:space="preserve">
<g>
<path fill="#EC2128" d="M55.2-7l-0.1,0.4 M78.9-6.1c-3.9-3.9-9.1-6.1-14.6-6.1c-2.7,0-5.4,0.5-7.9,1.6L55.2-7l1.1-3.5l3.4,1.1
l-0.2,0.6c1.5-0.4,3.1-0.6,4.7-0.6c4.8,0,9.4,1.9,12.8,5.3s5.3,7.9,5.3,12.8s-1.9,9.4-5.3,12.8l-27,27l-27-27
c-3.4-3.4-5.3-7.9-5.3-12.8S19.6-0.8,23-4.2s7.9-5.3,12.8-5.3c2,0,4,0.3,5.8,1l0.3-1.5l3.5,0.7l0.1-0.4c-3-1.6-6.3-2.4-9.7-2.4
c-5.6-0.1-10.8,2.1-14.7,6S15,3,15,8.6s2.2,10.7,6.1,14.7L50,52.2l28.9-28.9c3.9-3.9,6.1-9.1,6.1-14.7S82.8-2.2,78.9-6.1z"/>
<path fill="#EC2128" d="M51.3,5.3l6.5-1l-11.2,27l-0.1,0.2l1.9-19.7l-7.3,0.5v-0.2l4.3-21.4L41.9-10l-0.3,1.5l-1.1,5.3
c-1.5-0.6-3.1-0.9-4.8-0.9c-3.4,0-6.6,1.3-9,3.7S23,5.2,23,8.6s1.3,6.6,3.7,9L50,40.8l23.2-23.2c2.4-2.4,3.7-5.6,3.7-9
s-1.3-6.6-3.7-9c-2.4-2.4-5.6-3.7-9-3.7c-2.5,0-4.8,0.7-6.8,2l2.2-6.8l0.2-0.6l-3.4-1.1L55.2-7l-0.1,0.4
C55.1-6.6,51.3,5.3,51.3,5.3z"/>
</g>
</svg>
public/img/online.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="70px" height="70px" viewBox="15 -15 70 70" xml:space="preserve">
<path fill="#01A64F" d="M50,52.2l-28.9-29C17.2,19.3,15,14.1,15,8.6s2.2-10.8,6.1-14.7s9.1-6.1,14.6-6.1c5.4,0,10.4,2,14.3,5.7
c3.9-3.7,8.9-5.7,14.3-5.7c5.5,0,10.7,2.2,14.6,6.1S85,3,85,8.6s-2.2,10.7-6.1,14.7L50,52.2z M35.7-9.5c-4.8,0-9.4,1.9-12.8,5.3
s-5.3,7.9-5.3,12.8s2,9.3,5.4,12.7l27,27l27-27c3.4-3.4,5.3-7.9,5.3-12.8S80.4-0.9,77-4.3c-3.4-3.4-7.9-5.3-12.8-5.3
c-4.8,0-9.4,1.9-12.8,5.3L50-2.7l-1.5-1.5C45.1-7.6,40.6-9.5,35.7-9.5z"/>
<path fill="#01A64F" d="M73.2-0.4c-2.4-2.4-5.6-3.7-9-3.7c-3.4,0-6.6,1.3-9,3.7l-1.5,1.5L51.9,3L50,4.9L48.1,3l-1.9-1.9l-1.5-1.5
c-2.4-2.4-5.6-3.7-9-3.7c-3.4,0-6.6,1.3-9,3.7S23,5.2,23,8.6s1.3,6.6,3.7,9L50,40.8l23.2-23.2c2.4-2.4,3.7-5.6,3.7-9
S75.6,2,73.2-0.4z"/>
</svg>
public/img/warn-tiny.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="78px" height="71.9px" viewBox="19 -15.9 78 71.9" xml:space="preserve">
<g>
<path fill="#FEC254" d="M21.9,7.3c0-0.5,0-1,0.1-1.5l-3,3c0.3,5.3,2.4,10.2,6,14.1l2.1-2.1C23.8,17,21.9,12.3,21.9,7.3z
M28.41,26.338l2.12-2.12l10.04,10.04l-2.12,2.12L28.41,26.338z M42.1-12.9c5,0,9.7,1.8,13.4,5.2l2.2-2.2c-3.9-3.6-8.8-5.6-14.1-6
l-3,3H42.1z M41.905,39.846l2.12-2.12l10.042,10.04l-2.12,2.12L41.905,39.846z M88.2,21.5L58,51.7l-0.5-0.5l-2.1,2.1l2.6,2.6
l32.3-32.3c3.2-3.2,5.3-7.2,6.3-11.5l-5.2,5.2C90.5,18.9,89.5,20.3,88.2,21.5L88.2,21.5z M94.1,7.3v0.5L97,4.9
C96.5-0.2,94.2-5,90.6-8.8l-2.1,2.1C92.1-2.9,94.1,2,94.1,7.3z M25.7-9.1C22.8-6.2,20.8-2.8,19.8,1l16-16C32-14,28.6-12,25.7-9.1z
M74-12.9c3.8,0,7.5,1.1,10.7,3.1l2.2-2.2c-3.8-2.5-8.3-3.9-12.9-3.9c-1.2,0-2.4,0.1-3.6,0.3L66-11.3C68.5-12.3,71.2-12.9,74-12.9z
M64-2.7L62.3-1l-2.1,2.1L58,3.2l-2.1-2.1L54.8,0l-20,20l10,10L80.2-5.4c-1.9-1-4-1.5-6.2-1.5C70.2-6.9,66.6-5.4,64-2.7z M32.1-2.7
C29.4,0,28,3.5,28,7.3c0,3.4,1.3,6.6,3.4,9.2L51.3-3.4c-2.6-2.2-5.8-3.5-9.2-3.5C38.3-6.9,34.8-5.4,32.1-2.7z M84,17.3
c2.7-2.7,4.1-6.2,4.1-10c0-3.7-1.4-7.1-3.9-9.7L48.3,33.5l9.7,9.7C58,43.2,84,17.3,84,17.3z"/>
</g>
</svg>
public/img/warn.svg 0 → 100644
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="70px" height="70px" viewBox="15 -15 70 70" xml:space="preserve">
<g>
<path fill="#F79520" d="M41.39,43.607l1.908-1.91l3.677,3.678l-1.91,1.91L41.39,43.607z M21.635,23.795l1.91-1.91l3.677,3.678
l-1.91,1.91L21.635,23.795z M47.8-4.9l1.9-1.9c-1.3-1.2-2.8-2.2-4.3-3l-2,2C45-7,46.4-6.1,47.8-4.9z M35.7-9.5c2,0,4,0.3,5.8,1
l2.1-2.1c-1.9-0.8-3.8-1.3-5.9-1.5l-2.6,2.6H35.7z M17.7,8.6V8l-2.6,2.6c0.2,2,0.7,4,1.5,5.9l2.1-2.1C18,12.6,17.7,10.6,17.7,8.6z
M23-4.2c2.6-2.6,5.8-4.3,9.4-5l3-3c-3.7,0.1-7.2,1.1-10.3,3L18-2.1C16.1,1,15.1,4.5,15,8.2l3-3C18.7,1.7,20.4-1.6,23-4.2z
M19.4,16.2l-2,2c0.8,1.5,1.8,3,3,4.3l1.9-1.9C21.1,19.3,20.1,17.8,19.4,16.2z M36.433,38.6l1.91-1.908l3.676,3.677l-1.91,1.908
L36.433,38.6z M82.4,8.6c0,0.5,0,0.9-0.1,1.4L85,7.3c-0.1-2.1-0.6-4.1-1.3-6l-2.1,2.1C82.1,5,82.4,6.8,82.4,8.6z M85,9.8L81.8,13
c-0.8,3.1-2.4,6-4.7,8.3L50,48.4l-1.8-1.8l-1.9,1.9l3.7,3.7l29.9-29.9C83,18.8,84.7,14.4,85,9.8z M26.59,28.8l1.91-1.908
l3.677,3.677l-1.91,1.908L26.59,28.8z M31.477,33.737l1.91-1.91l3.676,3.677l-1.91,1.91L31.477,33.737z M70.9-8.2l2-2
c-1.8-0.8-3.7-1.4-5.7-1.7l-2.5,2.5C66.9-9.4,69-9,70.9-8.2z M50-2.7l1.5-1.5c2.9-2.9,6.6-4.7,10.6-5.2l2.8-2.8h-0.6
c-3,0-5.8,0.6-8.5,1.8l-6.7,6.7L50-2.7z M76.9-4.4l1.9-1.9c-1.3-1.2-2.7-2.3-4.2-3.2l-2,2C74.2-6.6,75.6-5.6,76.9-4.4z M80.9,1.5
l2-2c-0.8-1.6-1.7-3.1-2.9-4.4L78.1-3C79.3-1.7,80.2-0.1,80.9,1.5z M26.8-0.4c-2.4,2.4-3.7,5.6-3.7,9c0,0.5,0,0.9,0.1,1.3l14-14
c-0.4,0-0.9-0.1-1.3-0.1C32.4-4.1,29.2-2.8,26.8-0.4z M23.5,12c0.5,1.7,1.4,3.4,2.6,4.8L44-1.1c-1.4-1.2-3-2.1-4.8-2.6L23.5,12z
M73.3,17.6c2.4-2.4,3.7-5.6,3.7-9V8L47.1,37.9l2.9,2.9C50,40.8,73.3,17.6,73.3,17.6z M37.2,28l3.7,3.7L73.1-0.5
c-1.3-1.3-2.9-2.2-4.5-2.8L37.2,28z M57.4-2L32.3,23.1l3.7,3.7L66.6-3.8C65.9-3.9,65.1-4,64.3-4C61.8-4.1,59.4-3.4,57.4-2z
M42.1,32.9l3.7,3.7L76.6,5.8c-0.4-1.8-1.2-3.5-2.4-5L42.1,32.9z M46.2,1.1l-0.9-0.9l-18,17.9l3.7,3.7l17.9-18L48.1,3"/>
</g>
</svg>
public/less/alerting.less 0 → 100644
.copy-query {
display: block;
width: 30px;
height: 36px;
margin: 0;
padding: 0;
border: 0;
background: transparent url(/img/CopyQuery.png) 50% 50% no-repeat;
cursor: pointer;
}
.alert-state {
display: inline-block;
padding-left: 30px;
background: 0 50% no-repeat;
background-size: 20px auto;
}
.alert-state-online {
background-image: url('/img/online.svg');
}
.alert-state-warning {
background-image: url('/img/warn-tiny.svg');
}
.alert-state-critical {
background-image: url('/img/critical.svg');
}
.alert-notify-emails {
width: 400px;
border-right: 1px solid @black;
}
.alert-notify-emails .bootstrap-tagsinput {
width: 394px; // offset for 8px left padding and border width
}
.alert-notify-emails .bootstrap-tagsinput input {
border: 0;
}
public/less/gfbox.less
......@@ -25,6 +25,13 @@
}
}
.gf-box-header-save-btn {
padding: 7px 0;
float: right;
color: @grayLight;
font-style: italic;
}
.gf-box-body {
padding: 20px;
min-height: 150px;
......
public/less/grafana.less
......@@ -18,6 +18,7 @@
@import "fonts.less";
@import "tabs.less";
@import "timepicker.less";
@import "alerting.less";
.row-control-inner {
padding:0px;
......
public/less/overrides.less
......@@ -560,6 +560,15 @@ div.flot-text {
background-color: darken(@purple, 10%);
}
.label-tag-email {
padding-left: 25px;
background: @black url(/img/envelope.png) 5px 50% no-repeat !important;
border-color: @black !important;
font-size: 12px;
font-weight: normal;
border-radius: 5px;
}
// inspector
.inspector-request-table {
......
public/less/tightform.less
......@@ -156,6 +156,12 @@ input[type=checkbox].tight-form-checkbox {
margin: 0;
}
.tight-form-textarea {
height: 200px;
margin: 0;
box-sizing: border-box;
}
select.tight-form-input {
border: none;
border-right: 1px solid @grafanaTargetSegmentBorder;
......
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