Skip to content

N
nexpie-grafana-theme
Commit 1a97f79d by Torkel Ödegaard
Options

changed playlist modal to edit pane

parent 9fc6c488
Showing with 65 additions and 60 deletions
src/app/controllers/annotationsEditorCtrl.js
...@@ -9,7 +9,7 @@ function (angular, app, _, $) { ...@@ -9,7 +9,7 @@ function (angular, app, _, $) {
var module = angular.module('grafana.controllers'); var module = angular.module('grafana.controllers');
module.controller('AnnotationsEditorCtrl', function($scope, datasourceSrv, $timeout) { module.controller('AnnotationsEditorCtrl', function($scope, datasourceSrv) {
var annotationDefaults = { var annotationDefaults = {
name: '', name: '',
datasource: null, datasource: null,
......
src/app/partials/playlist.html
<div ng-controller="PlaylistCtrl" ng-init="init()"> <div ng-controller="PlaylistCtrl" ng-init="init()">
<div class="modal-header"> <div class="dashboard-editor-header">
<h3>Start dashboard playlist</h3> <div class="dashboard-editor-title">
</div> <i class="icon icon-play"></i>
<div class="modal-body"> Start dashboard playlist
<div class="editor-row"> </div>
<div class="section"> </div>
<div class="editor-option">
<table class="table table-striped span4"> <div class="dashboard-editor-body">
<tr>
<th>Dashboard</th> <div class="editor-row">
<th>Include</th> <div class="section">
<th style="white-space: nowrap;">Remove as favorite</th> <div class="editor-option">
</tr> <table class="table table-striped span4">
<tr ng-repeat="dashboard in favDashboards"> <tr>
<td style="white-space: nowrap;"> <th>Dashboard</th>
{{dashboard.title}} <th>Include</th>
</td> <th style="white-space: nowrap;">Remove as favorite</th>
<td style="text-align: center"> </tr>
<input type="checkbox" ng-model="dashboard.include" ng-checked="dashboard.include" /> <tr ng-repeat="dashboard in favDashboards">
</td> <td style="white-space: nowrap;">
<td style="text-align: center"> {{dashboard.title}}
<i class="icon-remove pointer" ng-click="removeAsFavorite(dashboard)"></i> </td>
</td> <td style="text-align: center">
</tr> <input type="checkbox" ng-model="dashboard.include" ng-checked="dashboard.include" />
<tr ng-hide="favDashboards.length"> </td>
<td colspan="3"> <td style="text-align: center">
<i class="icon-warning"></i> No dashboards marked as favorites <i class="icon-remove pointer" ng-click="removeAsFavorite(dashboard)"></i>
</td> </td>
</tr> </tr>
</table> <tr ng-hide="favDashboards.length">
</div> <td colspan="3">
<div class="editor-option"> <i class="icon-warning"></i> No dashboards marked as favorites
<div class="span4"> </td>
<span><i class="icon-question-sign"></i> </tr>
Dashboards available in the playlist are only the once marked as favorites (stored in local browser storage). </table>
To mark a dashboard as favorite, use save icon in the menu and in the dropdown select Mark as favorite </div>
<br/><br/> <div class="editor-option">
</span> <div class="span4">
</div> <span><i class="icon-question-sign"></i>
</div> Dashboards available in the playlist are only the once marked as favorites (stored in local browser storage).
<div class="editor-option"> To mark a dashboard as favorite, use save icon in the menu and in the dropdown select Mark as favorite
<label> <br/><br/>
Timespan between change </span>
</label> </div>
<input type="text" class="input-small" ng-model="timespan" /> </div>
</div> <div class="editor-option">
</div> <label>
</div> Timespan between change
<div class="modal-footer"> </label>
<button class="btn btn-success" ng-click="start();dismiss();"><i class="icon-play"></i> Start</button> <input type="text" class="input-small" ng-model="timespan" />
<button type="button" class="btn btn-primary" ng-click="dismiss();"><i class="icon-ban-circle"></i> Cancel</button> </div>
</div> </div>
</div> </div>
</div> </div>
\ No newline at end of file
<div class="dashboard-editor-footer">
<button class="btn btn-success" ng-click="start();dismiss();"><i class="icon-play"></i> Start</button>
<button type="button" class="btn btn-success pull-right" ng-click="dismiss();"><i class="icon-ban-circle"></i> Close</button>
</div>
</div>
src/app/partials/search.html
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<li ng-if="!showImport"> <li ng-if="!showImport">
<div class="grafana-search-panel"> <div class="grafana-search-panel">
<div class="search-field-wrapper"> <div class="search-field-wrapper">
<button class="btn btn-success pull-right" config-modal="app/partials/playlist.html"> <button class="btn btn-success pull-right" dash-editor-link="app/partials/playlist.html">
<i class="icon-play"></i> <i class="icon-play"></i>
Playlist Playlist
</button> </button>
......
src/css/less/bootswatch.dark.less
...@@ -363,7 +363,7 @@ div.subnav { ...@@ -363,7 +363,7 @@ div.subnav {
background-image: none; background-image: none;
.box-shadow(none); .box-shadow(none);
border: none; border: none;
.border-radius(0); .border-radius(2px);
text-shadow: none; text-shadow: none;
&.disabled { &.disabled {
......
src/css/less/grafana.less
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
width: 100%; width: 100%;
} }
button { button {
margin: 0 2px 0 0; margin: 0 4px 0 0;
} }
> span { > span {
display: block; display: block;
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
.search-tagview-switch { .search-tagview-switch {
position: absolute; position: absolute;
top: 15px; top: 15px;
right: 266px; right: 272px;
color: darken(@linkColor, 30%); color: darken(@linkColor, 30%);
&.active { &.active {
color: @linkColor; color: @linkColor;
......
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