Files
dss.web/client/app/views/mixes/mixes.directive.html
Fergal Moran ea4d15dd98 New URL scheme
2015-12-10 22:37:20 +00:00

54 lines
2.7 KiB
HTML
Executable File

<div class="box">
<div class="box-title">
<a ui-sref="root.user.mix({user: mix.user.slug, mix: mix.slug})"><h3><i class="fa fa-headphones"></i>{{mix.title}}</h3></a>
<div class="actions">
<a ng-click="editMix(mix)" class="btn btn-mini content-refresh" data-toggle="tooltip" data-title="Edit">
<i class="fa fa-pencil"></i>
</a>
<a ng-click="deleteMix(mix)" class="btn btn-mini content-remove" data-toggle="tooltip" data-title="Delete">
<i class="fa fa-times"></i>
</a>
</div>
</div>
<div class="box-content">
<div class="col-md-4 image-container widget-advanced"
style="background-image: url('{{mix.mix_image}}');">
<div style="background-image: url('{{mix.user.profile_image_small}}')"
class="widget-image-container animation-hatch">
<div ng-class="playState==1 ? 'pause' : 'play'" style="display: block" ng-click="play(mix)"
class="playbtn play"></div>
</div>
</div>
<div class="col-md-7 pull-right">
<div class="row">
<h4></h4>
</div>
<div class="row">
<aside>By <a ui-sref="root.user({user: mix.user.slug})">{{mix.user.display_name}}</a></aside>
</div>
<div class="row">
<div class="btn-group mix-tools" role="group" aria-label="Default button group">
<button ng-click="shareFacebook()" type="button" class="btn"
title="Share to facebook" data-toggle="tooltip">
<i class="fa fa-2x fa-facebook-square"></i></button>
<button ng-click="shareTwitter()" type="button" class="btn"
title="Share to twitter" data-toggle="tooltip">
<i class="fa fa-2x fa-twitter-square"></i></button>
<!--
<button type="button" class="btn" title="Add to" data-toggle="tooltip">
<i class="glyphicon glyphicon-plus"></i></button>
-->
<button ng-click="toggleLike()" type="button" class="btn"
tooltip="tooltip" data-toggle="tooltip"
ng-attr-title="{{mix.is_liked ? 'Unlike' : 'Like'}}">
<i class="fa fa-2x"
ng-class="mix.is_liked ? 'fa-heart' : 'fa-heart-o'"
ng-style="{'color': mix.is_liked ? 'red' : ''}">
</i>
</button>
</div>
</div>
</div>
</div>
</div>