IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

changed playlist modal to edit pane

Browse Source
This commit is contained in:
Torkel Ödegaard 2014-08-26 09:46:15 +02:00
parent 9fc6c4888f
commit 1a97f79d54
5 changed files with 65 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/controllers/annotationsEditorCtrl.js
View File

@ -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,

114
src/app/partials/playlist.html
View File

@ -1,55 +1,61 @@
<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>
<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>

2
src/app/partials/search.html
View File

@ -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>

2
src/css/less/bootswatch.dark.less
View File

@ -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 {

4
src/css/less/grafana.less
View File

@ -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 @@
.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;