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

feat(playlist): minor ux changes for playlists

Browse Source
This commit is contained in:
bergquist 2016-01-04 15:11:05 +01:00
parent aa83dc15e2
commit be1fb13162
3 changed files with 20 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
public/app/features/playlist/partials/playlists.html
View File

@ -1,47 +1,42 @@
<topnav icon="fa fa-fw fa-list" title="Playlists"></topnav> <topnav icon="fa fa-fw fa-list" title="Playlists"></topnav>
<div class="page-container"> <div class="page-container" style="background: transparent; border: 0;">
<div class="page"> <div class="page-wide">
<button type="submit" class="btn btn-success" ng-click="createPlaylist()">Create playlist</button> <h2>Playlists</h2>
<br> <button type="submit" class="btn btn-success pull-right" ng-click="createPlaylist()">
<br> <i class="fa fa-plus"></i> New playlist</button>
<br />
<div ng-if="playlists.length === 0"> <table class="filter-table" style="margin-top: 20px">
<em>No saved playlists</em> <thead>
</div> <th><strong>Title</strong></th>
<th><strong>Url</strong></th>
<th style="width: 61px"></th>
<th style="width: 61px"></th>
<th style="width: 25px"></th>
<div ng-if="playlists.length > 0"> </thead>
<em>Saved playlists</em>
</div>
<br>
<table class="grafana-options-table" ng-if="playlists.length > 0">
<tr>
<td><strong>Title</strong></td>
<td colspan="0"><strong>Url</strong></td>
</tr>
<tr ng-repeat="playlist in playlists"> <tr ng-repeat="playlist in playlists">
<td style="width:1%"> <td >
{{playlist.title}} {{playlist.title}}
</td> </td>
<td style="width:90%"> <td >
<a href="{{ playlistUrl(playlist) }}">{{ playlistUrl(playlist) }}</a> <a href="{{ playlistUrl(playlist) }}">{{ playlistUrl(playlist) }}</a>
</td> </td>
<td style="width: 1%"> <td class="text-center">
<a href="{{ playlistUrl(playlist) }}" class="btn btn-inverse btn-mini"> <a href="{{ playlistUrl(playlist) }}" class="btn btn-inverse btn-mini">
<i class="fa fa-play"></i> <i class="fa fa-play"></i>
Play Play
</a> </a>
</td> </td>
<td style="width: 1%"> <td class="text-right">
<a href="playlists/edit/{{playlist.id}}" class="btn btn-inverse btn-mini"> <a href="playlists/edit/{{playlist.id}}" class="btn btn-inverse btn-mini">
<i class="fa fa-edit"></i> <i class="fa fa-edit"></i>
Edit Edit
</a> </a>
</td> </td>
<td style="width: 1%"> <td class="text-right">
<a ng-click="removePlaylist(playlist)" class="btn btn-danger btn-mini"> <a ng-click="removePlaylist(playlist)" class="btn btn-danger btn-mini">
<i class="fa fa-remove"></i> <i class="fa fa-remove"></i>
</a> </a>

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

@ -41,13 +41,10 @@ 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');
}; };
}); });
}); });