<div class="list detail card">
    <div class="item item-image">
        <img class="no-opacity" ng-src="{{detail.media_url}}">
    </div>

    <div class="item item-body item-text-wrap">
        <p class="no-opacity">
            <span class="subdued">{{detail.niceCreatedAt}}</span>
            (<span class="subdued">via {{detail.niceSource}}</span>)
        </p>
        <p ng-bind-html="detail.niceDescription" class="no-opacity description">
        </p>
        <a ng-click="openExternal(detail.url)" class="centered button button button-energized">{{ 'Open post' | translate }}</a>
    </div>

    <div class="item tabs tabs-secondary tabs-favorite tabs-icon-left {{detail.favoriteClass}}">
        <a href="" data-id="{{detail.id}}" ng-click="toggleAction()" class="tab-item favorite-action">
            <i class="icon ion-heart"></i>
            {{ detail.action | translate }}
        </a>
        <a href="" class="tab-item" ng-click="shareAction(detail.shareMessage)">
            <i class="icon ion-share"></i>
            {{ 'Share' | translate }}
        </a>
    </div>
</div>