grafana/public/app/features/playlist/partials/playlists.html
Ivana Huckova 1c58202b26
@grafana/ui: Replace various icons using Icon component (#23442)
* Replace icons in dashboard and settings

* Replace icons in alerting

* Update batch of icons

* Implement icons accross various files

* Style updates

* Search: Fix recent and starred icons

* Update styling and details

* Replace new icon created by unicons

* Fix e2e test, styling

* Minor styling updates

Co-authored-by: Clarity-89 <homes89@ukr.net>
2020-04-12 22:20:02 +02:00

69 lines
2.4 KiB
HTML

<page-header model="ctrl.navModel"></page-header>
<div class="page-container page-body">
<div ng-if="ctrl.playlists.length > 0">
<div class="page-action-bar">
<div class="page-action-bar__spacer"></div>
<a class="btn btn-primary pull-right" href="playlists/create">
New playlist
</a>
</div>
<table class="filter-table filter-table--hover">
<thead>
<th><strong>Name</strong></th>
<th style="width: 100px"></th>
<th style="width: 78px"></th>
</thead>
<tr ng-repeat="playlist in ctrl.playlists">
<td class="link-td">
<a href="playlists/edit/{{playlist.id}}">{{playlist.name}}</a>
</td>
<td class="dropdown">
<button class="btn btn-inverse btn-small" data-toggle="dropdown">
Start playlist
<icon name="'angle-down'"></icon>
</button>
<ul class="dropdown-menu" role="menu">
<li>
<a href="{{playlist.startUrl}}">
<icon name="'play'"></icon> In Normal mode</span>
</a>
<a href="{{playlist.startUrl}}?kiosk=tv">
<icon name="'play'"></icon> In TV mode</span>
</a>
<a href="{{playlist.startUrl}}?kiosk=tv&autofitpanels">
<icon name="'play'"></icon> In TV mode <span class="muted">(with auto fit panels)</span>
</a>
<a href="{{playlist.startUrl}}?kiosk">
<icon name="'play'"></icon> In Kiosk mode</span>
</a>
<a ng-href="{{playlist.startUrl}}?kiosk&autofitpanels">
<icon name="'play'"></icon> In Kiosk mode <span class="muted">(with auto fit panels)</span>
</a>
</li>
</ul>
</td>
<td class="text-right">
<a ng-click="ctrl.removePlaylist(playlist)" class="btn btn-danger btn-small">
<icon name="'times'"></icon>
</a>
</td>
</tr>
</table>
</div>
<div ng-if="ctrl.playlists.length === 0">
<empty-list-cta
title="'There are no playlists created yet'"
buttonIcon="'plus'"
buttonLink="'playlists/create'"
buttonTitle="'Create Playlist'"
proTip="'You can use playlists to cycle dashboards on TVs without user control'"
proTipLink="'http://docs.grafana.org/reference/playlist/'"
proTipLinkTitle="'Learn more'"
proTipTarget="'_blank'" />
</div>
</div>
<footer />