<ul class="playlists stretch-to-bottom">
    <li ng-repeat="playlist in playlists">
        <div class="btn-group">
            <a href="#" pfm-eat-click class="btn btn-small" ng-click="togglePlaylistPin(playlist)" ng-class="{active: playlist.is_pinned, 'btn-primary': playlist.is_pinned}">
                <i class="icon-pushpin"></i>
            </a>
            <a href="#" pfm-eat-click class="btn btn-small" ng-click="editPlaylist(playlist)">Edit</a>
            <a href="#" pfm-eat-click class="btn btn-small btn-danger" ng-click="deletePlaylist(playlist)">Delete</a>
        </div>
        <a href="{{playlist.url}}" class="main">
            <span class="is-public">
                <span ng-show="playlist.is_public">Is Public</span>
                <span ng-hide="playlist.is_public">Is Private</span>
            </span>

            <img ng-src="{{playlist.covers.small}}" />
            <span class="title">
                {{playlist.title}}
            </span>
        </a>
    </li>
</ul>