<div class="announce-content">
    <h2>{{ ::announcement.title }}</h2>
    <p marked="announcement.text_content"></p>
</div>
<div class="announce-tracks">
    <ul class="tracks-listing">
        <li ng-repeat="track in announcement.parsedTracks track by track.place" ng-class="{'can-favourite': auth.isLogged, 'is-favourited': auth.isLogged && track.user_data.is_favourited, 'is-playing': track.isPlaying, 'has-played': auth.isLogged && track.user_data.views}">
            <div class="image">
                <a href="#" class="play-button" pfm-eat-click ng-click="play(track)">
                    <i class="fa fa-play" ng-if="!track.isPlaying"></i>
                    <i class="fa fa-pause" ng-if="track.isPlaying"></i>
                </a>
                <img pfm-src-loader="track.covers.thumbnail" pfm-src-size="thumbnail" />
            </div>
            <a class="info" ng-href="{{::track.url}}" ng-if="!hasOverride">
                <span class="title">{{::track.title}}</span>
                <span class="artist">{{::track.user.name}} / {{::track.genre.name}}</span>
            </a>
        </li>
    </ul>
</div>
<div class="announce-actions">
    <a ng-repeat="link in announcement.links" ng-href="{{ ::link.url }}" target="_blank">{{ ::link.title }}</a>
    <a href="#" ng-click="announcement.dontShowAgain()">Don't show again</a>
</div>
<a href="#" class="dismiss-button" ng-click="announcement.dismiss()"><i class="fa fa-times"></i></a>