mirror of
https://github.com/fergalmoran/dss.git
synced 2026-01-29 12:17:23 +00:00
139 lines
6.9 KiB
HTML
Executable File
139 lines
6.9 KiB
HTML
Executable File
{% load thumbnail %}
|
|
<div class="row">
|
|
<div class="col-md-2 mix-profile-container">
|
|
<div class="mix-image-container">
|
|
<img alt="mix-logo" class="mix-image-image img-rounded img-polaroid" src="<%= mix_image %>"/>
|
|
</div>
|
|
<div class="mix-profile-insert">
|
|
<h6>
|
|
<a href="/<%= user_profile_url %>" id="<%= id %>">
|
|
<i class="icon-user"></i><%= user_name %>
|
|
</a>
|
|
</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-10 mix-container" id="mix-container-<%= id %>">
|
|
<div class="row orange">
|
|
<div class="pull-left title-bar-item">
|
|
<a class="mix-link"
|
|
id="mix-link-<%= id %>"
|
|
href="<%= item_url %>"
|
|
title="<%= title %>"><%= title %>
|
|
</a>
|
|
</div>
|
|
<div class="pull-right title-bar-item">
|
|
<div id="genre-list" class="pull-right">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="player-seekhead" id="player-seekhead" style="display: none;">
|
|
<span class="player-seekhead-time"></span>
|
|
</div>
|
|
<div class="player-progress">
|
|
<div class="waveform" id="waveform-<%= id %>">
|
|
<label class="dss-time-display-label dss-time-display-label-total" id="player-duration-<%= id %>">00:00:00</label>
|
|
<img id="waveform-image-<%= id %>" class="waveform_image"
|
|
alt="Audio waveform"
|
|
src="<%= waveform_url %>">
|
|
|
|
<div class="download-progress-overlay" id="progress-player-<%= id %>"></div>
|
|
<div class="playhead" id="playhead-player-<%= id %>" style="width: 0px"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="player-footer">
|
|
<div class="play-button footer-button">
|
|
<button class="play-button-small play-button-small-start"></button>
|
|
</div>
|
|
{% if user.is_authenticated %}
|
|
<div class="like-button footer-button">
|
|
<a class="btn btn-pink btn-xs <% if (liked) { %> disabled <% } %>" id="like-<%= id %>"
|
|
data-id="<%= id %>">
|
|
<i class="icon-heart"></i> Like</a>
|
|
</div>
|
|
<div class="favourite-button footer-button">
|
|
<a class="btn btn-pink btn-xs <% if (favourited) { %> disabled <% } %> " id="favourite-<%= id %>"
|
|
data-id="<%= id %>"><i
|
|
class="icon-star-empty"></i> Favourite</a>
|
|
</div>
|
|
{% endif %}
|
|
<div class="footer-button">
|
|
<ul class="list-nostyle list-horiz">
|
|
<li title="<%= play_count %> Plays" class="stats-item bordered-right">
|
|
<span class="icon-play-circle tooltip-success" data-rel="tooltip" data-placement="right" title="" data-original-title="<%= play_count %> Plays">
|
|
<%= play_count %>
|
|
</span>
|
|
</li>
|
|
<li title="<%= download_count %> Downloads" class="stats-item bordered-right">
|
|
<span class="icon-download-alt tooltip-success" data-rel="tooltip" data-placement="right" title="" data-original-title="<%= download_count %> Downloads">
|
|
<%= download_count %>
|
|
</span>
|
|
</li>
|
|
<li title="<%= comment_count %> Comments" class="stats-item bordered-right">
|
|
<span class="icon-comment tooltip-success" data-rel="tooltip" data-placement="right" title="" data-original-title="<%= comment_count %> Comments">
|
|
<%= comment_count %>
|
|
</span>
|
|
</li>
|
|
<li title="<%= like_count %> Likes" class="stats-item bordered-right">
|
|
<span class="icon-heart tooltip-success" data-rel="tooltip" data-placement="right" title="" data-original-title="<%= like_count %> Likes">
|
|
<%= like_count %>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="footer-button">
|
|
<div class="btn-group">
|
|
<button class="btn btn-pink btn-xs dropdown-toggle" data-toggle="dropdown">
|
|
<i class="icon-share"></i>Share
|
|
<span class="icon-caret-down icon-on-right"></span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a data-mode="facebook"
|
|
class="share-button share-button-facebook">
|
|
Facebook
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-mode="twitter"
|
|
class="share-button share-button-twitter">
|
|
Twitter
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a data-mode="embed"
|
|
class="share-button share-button-embed">
|
|
Embed
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% if user.is_staff %}
|
|
<div class="edit-button footer-button-right">
|
|
<a href="/mix/edit/<%= slug %>" class="btn btn-xs"
|
|
data-id="<%= id %>"><i
|
|
class="icon-edit"></i>Edit</a>
|
|
</div>
|
|
{% endif %}
|
|
<% if (download_allowed) { %>
|
|
{% if user.is_authenticated %}
|
|
<div class="download-button footer-button-right">
|
|
<a class="btn btn-xs btn-success" data-id="<%= id %>">
|
|
<i class="icon-download"></i> Download</a>
|
|
</div>
|
|
{% else %}
|
|
<div class="footer-button-right">
|
|
<a class="btn btn-xs btn-success disabled" data-id="<%= id %>">
|
|
<i class="icon-download"></i> Login to download</a>
|
|
</div>
|
|
{% endif %}
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr> |