energylink/public/app/features/playlist/partials/playlists.html

<navbar icon="fa fa-fw fa-list" title="Playlists"></navbar>

<div class="page-container">
  <div class="page-wide">

		<a class="btn btn-inverse pull-right" href="playlists/create">
			<i class="fa fa-plus"></i>
			New playlist
		</a>

    <h2>Saved playlists</h2>

     <table class="filter-table" style="margin-top: 20px">
      <thead>
        <th><strong>Name</strong></th>
        <th><strong>Start url</strong></th>
        <th style="width: 61px"></th>
        <th style="width: 61px"></th>
        <th style="width: 25px"></th>

      </thead>
      <tr ng-repeat="playlist in ctrl.playlists">
        <td>
					<a href="playlists/edit/{{playlist.id}}">{{playlist.name}}</a>
        </td>
        <td >
					<a href="playlists/play/{{playlist.id}}">playlists/play/{{playlist.id}}</a>
        </td>
        <td class="text-center">
          <a href="playlists/play/{{playlist.id}}" class="btn btn-inverse btn-mini">
            <i class="fa fa-play"></i>
            Play
          </a>
        </td>
        <td  class="text-right">
          <a href="playlists/edit/{{playlist.id}}" class="btn btn-inverse btn-mini">
            <i class="fa fa-edit"></i>
            Edit
          </a>
        </td>
        <td  class="text-right">
          <a ng-click="ctrl.removePlaylist(playlist)" class="btn btn-danger btn-mini">
            <i class="fa fa-remove"></i>
          </a>
        </td>
      </tr>
    </table>

  </div>
</div>