Made Playlist UI user friendly

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

View File

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

View File

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