opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-01 15:32:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Made Playlist UI user friendly

Browse Source
This commit is contained in:
utkarshcmu
2015-12-28 04:24:38 -08:00
parent ca5099f53b
commit b68df56b03
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
public/app/features/playlist/partials/playlist.html
View File

@ -2,6 +2,7 @@
<div class="page-container" ng-form="playlistEditForm"> <div class="page-container" ng-form="playlistEditForm">
<div class="page"> <div class="page">
<h4>Creating new playlist</h4><br><br>
<div class="row" style="margin-bottom: 10px;"> <div class="row" style="margin-bottom: 10px;">
<div> <div>
<div class="tight-form"> <div class="tight-form">
@ -34,7 +35,7 @@
<div class="tight-form"> <div class="tight-form">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item"> <li class="tight-form-item">
Search Search <tip>Search dashboards by their titles to add to the playlist</tip>
</li> </li>
<li> <li>
<input type="text" <input type="text"
@ -49,14 +50,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="span6">
<h5>Playlist dashboards</h5>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="span6"> <div class="span5">
<table class="grafana-options-table"> <h5>Search results</h5>
<table class="grafana-options-table">
<tr ng-repeat="dashboard in filteredDashboards"> <tr ng-repeat="dashboard in filteredDashboards">
<td style="white-space: nowrap;"> <td style="white-space: nowrap;">
{{dashboard.title}} {{dashboard.title}}
@ -75,12 +74,13 @@
</tr> </tr>
<tr ng-if="isSearchQueryEmpty() && isPlaylistEmpty()"> <tr ng-if="isSearchQueryEmpty() && isPlaylistEmpty()">
<td colspan="2"> <td colspan="2">
<i class="fa fa-warning"></i> Playlist empty <i class="fa fa-warning"></i> Search results empty
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="span6"> <div class="span5">
<h5>Playlist dashboards</h5>
<table class="grafana-options-table"> <table class="grafana-options-table">
<tr ng-repeat="dashboard in dashboards"> <tr ng-repeat="dashboard in dashboards">
<td style="white-space: nowrap;"> <td style="white-space: nowrap;">

4
public/app/features/playlist/playlistsCtrl.js
View File

@ -13,6 +13,7 @@ function (angular, _) {
$location, $location,
backendSrv backendSrv
) { ) {
$scope.playlists = playlists; $scope.playlists = playlists;
$scope.playlistUrl = function(playlist) { $scope.playlistUrl = function(playlist) {
@ -40,10 +41,13 @@ function (angular, _) {
src: './app/features/playlist/partials/playlist-remove.html', src: './app/features/playlist/partials/playlist-remove.html',
scope: modalScope scope: modalScope
}); });
}; };
$scope.createPlaylist = function() { $scope.createPlaylist = function() {
$location.path('/playlists/create'); $location.path('/playlists/create');
}; };
}); });
}); });