mirror of
https://github.com/fergalmoran/dss.git
synced 2026-01-04 16:04:35 +00:00
Updated pipeline css
This commit is contained in:
Fergal Moran
25
static/js/dss/templates/activityitemview.jst
Normal file
25
static/js/dss/templates/activityitemview.jst
Normal file
@@ -0,0 +1,25 @@
|
||||
<div class="itemdiv dialogdiv">
|
||||
<div class="user">
|
||||
<img alt="avatar image" src="<%= user_image %>">
|
||||
</div>
|
||||
|
||||
<div class="body">
|
||||
<div class="time">
|
||||
<i class="fa fa-clock-o"></i>
|
||||
<span class="green"><%= human_date %></span>
|
||||
</div>
|
||||
|
||||
<div class="name">
|
||||
<a href="<%= user_profile %>"><%= user_name %></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<%= verb %> <a href="<%= item_url %>"><%= item_name %></a>
|
||||
</div>
|
||||
|
||||
<div class="tools">
|
||||
<a href="#" class="btn btn-xser btn-info">
|
||||
<i class="fa fa-only fa fa-share-alt"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
11
static/js/dss/templates/activitylistview.jst
Normal file
11
static/js/dss/templates/activitylistview.jst
Normal file
@@ -0,0 +1,11 @@
|
||||
<div class="widget-header header-color-blue2">
|
||||
<h4 class="lighter smaller">
|
||||
<i class="fa fa-comment"></i>
|
||||
Activity
|
||||
</h4>
|
||||
</div>
|
||||
<div class="widget-body">
|
||||
<div class="widget-main" id="activity-container">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
25
static/js/dss/templates/commentitemview.jst
Normal file
25
static/js/dss/templates/commentitemview.jst
Normal file
@@ -0,0 +1,25 @@
|
||||
<div class="itemdiv dialogdiv">
|
||||
<div class="user">
|
||||
<img alt="<%= user_name %>'s Avatar" src="<%= avatar_image %>"/>
|
||||
</div>
|
||||
|
||||
<div class="body">
|
||||
<div class="time">
|
||||
<i class="fa fa-clock-o"></i>
|
||||
<span class="green"><%= humanise(date_created) %></span>
|
||||
</div>
|
||||
|
||||
<div class="name">
|
||||
<a href="<%= user_url %>"><%= user_name %></a>
|
||||
</div>
|
||||
<div class="text"><%= comment %></div>
|
||||
|
||||
<% if (can_edit) { %>
|
||||
<div class="tools">
|
||||
<a id="delete-comment" class="btn btn-minier btn-danger">
|
||||
<i class="fa fa-trash-o"></i>
|
||||
</a>
|
||||
</div>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
14
static/js/dss/templates/commentlistview.jst
Normal file
14
static/js/dss/templates/commentlistview.jst
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="widget-box ">
|
||||
<div class="widget-header">
|
||||
<h4 class="lighter smaller">
|
||||
<i class="fa fa-comment blue"></i>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div class="widget-body">
|
||||
<div class="widget-main no-padding">
|
||||
<div id="comment-list-container" class="dialogs" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
90
static/js/dss/templates/header.jst
Normal file
90
static/js/dss/templates/header.jst
Normal file
@@ -0,0 +1,90 @@
|
||||
<div class="navbar-container">
|
||||
<div class="navbar-header pull-left">
|
||||
<a href="/" class="navbar-brand">
|
||||
Deep|South|Sounds
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-header">
|
||||
<ul class="nav ace-nav">
|
||||
<li><a href="/mixes"><i class="fa fa-music fa fa-white"></i>Mixes</a></li>
|
||||
<li><a href="/users"><i class="fa fa-user fa fa-white"></i>Users</a></li>
|
||||
<% if (com.podnoms.settings.currentUser != -1) { %>
|
||||
<li><a href="/stream" title="Show mixes from people you follow" id="header-stream-button"><i
|
||||
class="fa fa-dot-circle-o fa-white"></i>Stream</a></li>
|
||||
<% } %>
|
||||
<li><a data-bypass="true" title="Show random mix from our vaults" id="header-random-button"><i
|
||||
class="fa fa-cogs fa fa-white"></i>Random</a></li>
|
||||
<li><a data-bypass="true" target="_blank" href="/podcast"><i class="fa fa-rss fa fa-white"></i>Podcast</a>
|
||||
</li>
|
||||
<% if (com.podnoms.settings.liveEnabled != -1) { %>
|
||||
<li class="purple">
|
||||
<a data-bypass="true" class="btn-success" id="header-live-button"> Listen Live
|
||||
<i class="fa fa-headphones fa fa-white" id="header-live-icon"></i>
|
||||
</a>
|
||||
</li>
|
||||
<% } %>
|
||||
<% if (com.podnoms.settings.currentUser != -1) { %>
|
||||
<li class="purple">
|
||||
<a href="/mix/upload" id='upload'>Upload
|
||||
<i class="fa fa-upload fa fa-white"></i>
|
||||
</a>
|
||||
</li>
|
||||
<% } %>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navbar-header pull-right" role="navigation">
|
||||
<ul class="nav ace-nav">
|
||||
<li id="header-search"></li>
|
||||
<li><a class="btn-danger" data-bypass="true" id="header-donate-button"><i class="fa fa-euro"/>Donate</a>
|
||||
</li>
|
||||
<li class="nav ace-nav" id="header-notifications">
|
||||
<!-- End Notifications li -->
|
||||
</li>
|
||||
<% if (com.podnoms.settings.currentUser != -1) { %>
|
||||
<li class="light-blue">
|
||||
<a data-toggle="dropdown" data-bypass="true" href="#" class="dropdown-toggle">
|
||||
<img id="nav-profile-image" class="nav-user-photo"
|
||||
src="<%= com.podnoms.settings.avatarImage %>"
|
||||
alt="AAProfileImg"/>
|
||||
<span class="user-info">
|
||||
<small>Welcome,</small>
|
||||
<%= com.podnoms.settings.userName %>
|
||||
</span>
|
||||
<i class="fa fa-caret-down"></i>
|
||||
</a>
|
||||
<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
|
||||
<li>
|
||||
<a href="/me">
|
||||
<i class="fa fa-cog"></i>
|
||||
Settings
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<%= com.podnoms.settings.userUrl %>">
|
||||
<i class="fa fa-user"></i>
|
||||
Profile
|
||||
</a>
|
||||
</li>
|
||||
<li class="divider"></li>
|
||||
<li>
|
||||
<form id="logout-form" method="post" action="{% url "account_logout" %}"
|
||||
style="display: none">
|
||||
{% csrf_token %}
|
||||
</form>
|
||||
<a data-bypass="true" id="header-logout-button"
|
||||
onclick="document.getElementById('logout-form').submit();">
|
||||
<i class="fa fa-off"></i>
|
||||
Logout
|
||||
</a>
|
||||
<input type="hidden" name="user_id" value="{{ user.id }}"/>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<% } else { %>
|
||||
<li>
|
||||
<a data-bypass="true" id="header-login-button">Login/Signup</a>
|
||||
</li>
|
||||
<% } %>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
47
static/js/dss/templates/mixdetailview.jst
Normal file
47
static/js/dss/templates/mixdetailview.jst
Normal file
@@ -0,0 +1,47 @@
|
||||
<div class="row">
|
||||
<section id="mix">
|
||||
<ul id="mix-list-container-ul" class="mix-listing audio-listing"></ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="row well-sm">
|
||||
<section id="mix-comment">
|
||||
<div class="input-group" id="comment-input">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-sm btn-default"
|
||||
id="btn-add-comment"
|
||||
type="button">
|
||||
<i class="fa fa-comment bigger-110"></i>
|
||||
Add comment!
|
||||
</button>
|
||||
</span>
|
||||
<input class="form-control" type="text" id="comment-text" name="comment-text">
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="row">
|
||||
<section id="mix-detail-section">
|
||||
<ul id="mix-tab" class="nav nav-tabs" data-tabs="tabs">
|
||||
<li class="active" id="tab-description">
|
||||
<a data-bypass="true" href="#description" data-toggle="tab">
|
||||
<i class="orange fa fa-terminal bigger-120"></i>
|
||||
Description
|
||||
</a>
|
||||
</li>
|
||||
<li id="tab-comments">
|
||||
<a data-bypass="true" href="#comments" data-toggle="tab">
|
||||
<i class="orange fa fa-comments bigger-120"></i>
|
||||
Comments
|
||||
<span class="badge badge-danger"><%= comments.length %></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div id="mix-tabContent" class="tab-content">
|
||||
<div class="tab-pane active in fade" id="description">
|
||||
<pre id="mix-description"><%= description %></pre>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="comments">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
149
static/js/dss/templates/mixeditview.jst
Normal file
149
static/js/dss/templates/mixeditview.jst
Normal file
@@ -0,0 +1,149 @@
|
||||
<div class="widget-box">
|
||||
<div class="widget-header widget-header-blue widget-header-flat">
|
||||
<h4 class="widget-title lighter">New Mix Wizard</h4>
|
||||
|
||||
<div class="widget-toolbar">
|
||||
<label>
|
||||
<small class="green">
|
||||
<b>Keep it clean</b>
|
||||
</small>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="widget-body">
|
||||
<div class="widget-main">
|
||||
<div id="mix-upload-wizard" data-target="#step-container">
|
||||
<ul class="wizard-steps">
|
||||
<li data-target="#step1" class="active" id="header-step1">
|
||||
<span class="step">1</span>
|
||||
<span class="title">Mix</span>
|
||||
</li>
|
||||
<li data-target="#step2" id="header-step2">
|
||||
<span class="step">2</span>
|
||||
<span class="title">Details</span>
|
||||
</li>
|
||||
<li data-target="#step3" id="header-step3">
|
||||
<span class="step">3</span>
|
||||
<span class="title">Flair</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<div class="progress">
|
||||
<div class="progress-bar" id="mix-upload-progress"></div>
|
||||
</div>
|
||||
<div class="step-content pos-rel" id="step-container">
|
||||
<div class="step-pane active" id="step1">
|
||||
<form action="_upload/" id="mix-upload-form" class="dropzone">
|
||||
<input type="hidden" name="upload-hash">
|
||||
|
||||
<div class="fallback">
|
||||
Your browser is too old for uploading file <br/>
|
||||
Please come back with Chrome or Firefox
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="step-pane" id="step2">
|
||||
<form id="mix-details-form" class="form-horizontal">
|
||||
<input type="hidden" class="upload-hash">
|
||||
<input type="hidden" id="upload-extension">
|
||||
|
||||
<div class="form-group">
|
||||
<label class="control-label text-primary"
|
||||
for="title">Title</label>
|
||||
<input class="form-control" type="text"
|
||||
id="title" name="title"
|
||||
placeholder="Brief title for your mix"
|
||||
value="<%= title %>">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label text-primary"
|
||||
for="description">Description</label>
|
||||
<textarea class="autosize-transition form-control"
|
||||
rows="12"
|
||||
id="description" name="description"
|
||||
placeholder="Tracklist or something.."><%= description %></textarea>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="step-pane" id="step3">
|
||||
<form id="mix-flair-form" class="form-horizontal">
|
||||
<div class="row-fluid">
|
||||
<div class="control-group">
|
||||
<label for="genres" class="control-label text-primary">Genres</label>
|
||||
|
||||
<div class="controls">
|
||||
<input value="0000" id="genres" style="width:98%"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<h5 class="text-primary">Mix Image (click to change)</h5>
|
||||
|
||||
<div class="fileinput fileinput-new" data-provides="fileinput">
|
||||
<div class="fileinput-preview thumbnail" data-trigger="fileinput"
|
||||
style="width: 200px; height: 150px;">
|
||||
<img id="mix-image"
|
||||
class="editable img-responsive image-user-profile"
|
||||
alt="Mix Image"
|
||||
src="<%= mix_image %>">
|
||||
</div>
|
||||
<div>
|
||||
<span class="btn btn-default btn-file">
|
||||
<span class="fileinput-new">Select image</span>
|
||||
<span class="fileinput-exists">Change</span>
|
||||
<input type="file" name="..." id="mix-image-fileinput">
|
||||
</span>
|
||||
<a href="#" class="btn btn-default fileinput-exists"
|
||||
data-dismiss="fileinput">Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="mix_display_controls">
|
||||
<label class="inline">
|
||||
<small class="muted">Downloads:</small>
|
||||
<input class="ace ace-switch ace-switch-7"
|
||||
type="checkbox"
|
||||
id="download_allowed"
|
||||
name="download_allowed"
|
||||
<% print(download_allowed ? 'checked="checked"' : '') %>
|
||||
>
|
||||
<span class="lbl"></span>
|
||||
</label>
|
||||
<% if (canHomepage()) { %>
|
||||
<label class="inline">
|
||||
<small class="muted">Homepage:</small>
|
||||
<input class="ace ace-switch ace-switch-7"
|
||||
type="checkbox"
|
||||
id="is_featured"
|
||||
name="is_featured"
|
||||
<% print(is_featured ? 'checked="checked"' : '') %>
|
||||
>
|
||||
<span class="lbl"></span>
|
||||
</label>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<div class="wizard-actions">
|
||||
<button class="btn btn-prev" disabled="disabled">
|
||||
<i class="ace-icon fa fa-arrow-left"></i>
|
||||
Prev
|
||||
</button>
|
||||
<button class="btn btn-success btn-next" data-last="Finish">
|
||||
Next
|
||||
<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
157
static/js/dss/templates/mixitemview.jst
Normal file
157
static/js/dss/templates/mixitemview.jst
Normal file
@@ -0,0 +1,157 @@
|
||||
<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>
|
||||
<span class="msg-body">
|
||||
<span class="mix-title">
|
||||
<a href="/<%= user_profile_url %>" id="<%= id %>">
|
||||
<i class="fa fa-user"></i> <%= user_name %>
|
||||
</a>
|
||||
</span>
|
||||
<span class="mix-time">
|
||||
<i class="fa fa-clock-o"></i>
|
||||
<span><%= humanise(upload_date) %></span>
|
||||
</span>
|
||||
</span>
|
||||
</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">
|
||||
<% _.each(genres, function(i) { %>
|
||||
<a href="/mixes/genre/<%= i.slug %>" class="label label-info arrowed-right arrowed-in"><%=
|
||||
i.description %></a>
|
||||
<% }); %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row dss-player-wrapper">
|
||||
<!-- TODO: refactor the player into a template -->
|
||||
<div class="pnp-instance">
|
||||
<div class="pnp-wrapper">
|
||||
<img class="pnp-waveform img-responsive" alt="mix waveform"
|
||||
src="<%= waveform_url %>">
|
||||
|
||||
<div class="pnp-time-display-label pnp-time-display-label-elapsed"></div>
|
||||
<div class="pnp-time-display-label pnp-time-display-label-duration"><%= secondsToHms(duration) %>
|
||||
</div>
|
||||
<div class="pnp-download-overlay"></div>
|
||||
<div class="pnp-played-overlay"></div>
|
||||
<div class="pnp-seekhead"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="player-footer">
|
||||
<div class="play-button footer-button">
|
||||
<a id="play-button-<%= id %>" class="mix-state-toggle play blue" data-bypass="true" style="">
|
||||
<i id="play-state-fa fa-<%= id %>" class="fa fa-play bigger-180"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer-button">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="fa fa-share"></i>Share
|
||||
<span class="fa fa-caret-down fa fa-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 (utils.isAuth()) { %>
|
||||
<div class="like-button footer-button">
|
||||
<a class="btn <% if (liked) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
|
||||
id="like-<%= id %>"
|
||||
data-id="<%= id %>">
|
||||
<i class="fa fa-heart"></i> Like<%if (liked) {%>d<% } %>
|
||||
</a>
|
||||
</div>
|
||||
<div class="favourite-button footer-button">
|
||||
<a class="btn <% if (favourited) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
|
||||
id="favourite-<%= id %>"
|
||||
data-id="<%= id %>"><i class="fa fa-star-empty"></i> Favourite<% if (favourited) {%>d<% } %>
|
||||
</a>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="footer-button">
|
||||
<ul class="list-nostyle list-horiz">
|
||||
<li title="<%= play_count %> Plays" class="stats-item bordered-right">
|
||||
<span class="fa fa-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="fa fa-download 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="fa fa-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="fa fa-heart tooltip-success" data-rel="tooltip" data-placement="right" title=""
|
||||
data-original-title="<%= like_count %> Likes">
|
||||
<%= like_count %>
|
||||
</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<% if(can_edit) { %>
|
||||
<div class="edit-button footer-button-right">
|
||||
<a href="/mix/edit/<%= slug %>" class="btn btn-xs"
|
||||
data-id="<%= id %>"><i class="fa fa-edit"></i>Edit</a>
|
||||
</div>
|
||||
<div class="delete-button footer-button-right">
|
||||
<a data-bypass="true" class="btn btn-xs btn-danger"
|
||||
data-id="<%= id %>"><i class="fa fa-trash"></i>Delete</a>
|
||||
</div>
|
||||
<% } %>
|
||||
<% if (download_allowed) { %>
|
||||
<% if (utils.isAuth()) { %>
|
||||
<div class="download-button footer-button-right">
|
||||
<a class="btn btn-xs btn-success" data-id="<%= id %>">
|
||||
<i class="fa fa-download"></i> Download</a>
|
||||
</div>
|
||||
<% }else { %>
|
||||
<div class="login-download-button footer-button-right">
|
||||
<a class="btn btn-xs btn-warning" data-id="<%= id %>">
|
||||
<i class="fa fa-download"></i> Login to download</a>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
5
static/js/dss/templates/mixlistlayout.jst
Normal file
5
static/js/dss/templates/mixlistlayout.jst
Normal file
@@ -0,0 +1,5 @@
|
||||
<div>
|
||||
<div id="mix-list-heading"></div>
|
||||
<hr>
|
||||
<div id="mix-list-body"></div>
|
||||
</div>
|
||||
5
static/js/dss/templates/mixlistview.jst
Normal file
5
static/js/dss/templates/mixlistview.jst
Normal file
@@ -0,0 +1,5 @@
|
||||
<div>
|
||||
<ul id="mix-list-container-ul" class="mix-listing audio-listing">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
10
static/js/dss/templates/mixtabheaderview.jst
Normal file
10
static/js/dss/templates/mixtabheaderview.jst
Normal file
@@ -0,0 +1,10 @@
|
||||
<ul class="mix-toggle nav nav-pills" id="mix-tab">
|
||||
<li id="li-latest"><a href="/mixes" id='latest'>Latest</a></li>
|
||||
<li id="li-toprated"><a href="/mixes/toprated" id='toprated'>Top Rated</a></li>
|
||||
<li id="li-mostplayed"><a href="/mixes/mostplayed" id='mostplayed'>Most Played</a></li>
|
||||
<li id="li-mostactive"><a href="/mixes/mostactive" id='mostactive'>Most Active</a></li>
|
||||
<li id="li-recommended"><a href="/mixes/recommended" id='recommended'>Recommended</a></li>
|
||||
<% if (com.podnoms.settings.currentUser != -1) { %>
|
||||
<li id="li-favourites"><a href="/mixes/favourites" id='favourites'>Favourites</a></li>
|
||||
<% } %>
|
||||
</ul>
|
||||
13
static/js/dss/templates/notificationsitemview.jst
Normal file
13
static/js/dss/templates/notificationsitemview.jst
Normal file
@@ -0,0 +1,13 @@
|
||||
<a href="<%= notification_url %>">
|
||||
<img src="<%= user_image %>" class="msg-photo" alt="Avatar Image"/>
|
||||
<span class="msg-body">
|
||||
<span class="msg-title">
|
||||
<span class="blue"><%= user_name %></span>
|
||||
<%= verb %> <%= target %>
|
||||
</span>
|
||||
<span class="msg-time">
|
||||
<i class="fa fa-clock-o"></i>
|
||||
<span><%= humanise(date) %></span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
11
static/js/dss/templates/notificationslistview.jst
Normal file
11
static/js/dss/templates/notificationslistview.jst
Normal file
@@ -0,0 +1,11 @@
|
||||
<a data-toggle="dropdown" data-bypass="true" class="dropdown-toggle" href="#" id="notifications-dropdown">
|
||||
<i id="notification-icon" class="fa fa-bell"></i>
|
||||
<span class="badge badge-important" id="notification-count-badge"></span>
|
||||
</a>
|
||||
|
||||
<ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close" id="notif_list_node">
|
||||
<li class="dropdown-header" >
|
||||
<i class="fa fa-warning-sign"></i>
|
||||
<span id="notification-count"></span>
|
||||
</li>
|
||||
</ul>
|
||||
30
static/js/dss/templates/nowplaying.jst
Normal file
30
static/js/dss/templates/nowplaying.jst
Normal file
@@ -0,0 +1,30 @@
|
||||
<div class="widget-header header-color-pink">
|
||||
<h5>
|
||||
<i class="fa fa-music"></i>
|
||||
Now Playing
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<div class="widget-body">
|
||||
<div class="profile-activity clearfix">
|
||||
<div>
|
||||
<img class="pull-left" alt="mix-image" src="<%= mix_image %>">
|
||||
<a class="user" href="<%= item_url %>" title="<%= title %>"><%= title %></a>
|
||||
|
||||
<div class="time">
|
||||
<i class="fa fa-user bigger-110"></i>
|
||||
<a href="/<%= user_profile_url %>">
|
||||
<%= user_name %>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="now-playing-tools action-buttons">
|
||||
<a id="now-playing-play" class="blue" data-bypass="true">
|
||||
<i class="fa fa-play bigger-125"></i>
|
||||
</a>
|
||||
<a id="now-playing-pause" class="red" data-bypass="true">
|
||||
<i class="fa fa-pause bigger-125"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
15
static/js/dss/templates/search.jst
Normal file
15
static/js/dss/templates/search.jst
Normal file
@@ -0,0 +1,15 @@
|
||||
<div class="nav-search" id="nav-search">
|
||||
<form class="form-search">
|
||||
<span class="input-icon">
|
||||
<input type="text" id="search-text" placeholder="Search ..." class="nav-search-input" id="nav-search-input"
|
||||
autocomplete="off"/>
|
||||
<i class="fa fa-search nav-search-icon"></i>
|
||||
</span>
|
||||
</form>
|
||||
<ul id="search-results" class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
|
||||
<li class="dropdown-header">
|
||||
<i class="fa fa-music"></i>
|
||||
Mixes
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
16
static/js/dss/templates/searchresultview.jst
Normal file
16
static/js/dss/templates/searchresultview.jst
Normal file
@@ -0,0 +1,16 @@
|
||||
<li>
|
||||
<a href="<%= item_url %>">
|
||||
<img src="<%= mix_image %>" class="msg-photo" alt="<%= title %>">
|
||||
<span class="msg-body">
|
||||
<span class="msg-title">
|
||||
<span class="blue"><%= user_name %>:</span>
|
||||
<%= title %>
|
||||
</span>
|
||||
|
||||
<span class="msg-time">
|
||||
<i class="icon-time"></i>
|
||||
<span><%= moment(upload_date).fromNow() %></span>
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
4
static/js/dss/templates/sidebarview.jst
Normal file
4
static/js/dss/templates/sidebarview.jst
Normal file
@@ -0,0 +1,4 @@
|
||||
<div class="widget-box" id="sidebar-now-playing"></div>
|
||||
<div id="sidebar-advert">
|
||||
</div>
|
||||
<div id="sidebar-stream-content"></div>
|
||||
125
static/js/dss/templates/usereditview.jst
Normal file
125
static/js/dss/templates/usereditview.jst
Normal file
@@ -0,0 +1,125 @@
|
||||
<div id="title-area">
|
||||
<p class="page-header">User details</p>
|
||||
</div>
|
||||
<div id="layout-area" class="hero-well">
|
||||
<div class="row">
|
||||
<form enctype="multipart/form-data" method="post" class="form-horizontal" id="id-new-user-form">
|
||||
<input type="hidden" name="id" value="<%= id %>"/>
|
||||
<fieldset>
|
||||
<div class="col-md-5">
|
||||
<div class="clearfix control-group" id="div_display_name">
|
||||
<label class="control-label" for="display_name">Display name</label>
|
||||
|
||||
<div class="controls">
|
||||
<input type="text" maxlength="75" name="display_name" class="col-xs-10"
|
||||
id="display_name"
|
||||
value="<%= display_name %>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix control-group" id="div_slug">
|
||||
<label class="control-label" for="slug">Profile Slug</label>
|
||||
|
||||
<div class="controls">
|
||||
<input type="text" maxlength="75" name="slug" class="col-xs-10"
|
||||
id="slug"
|
||||
value="<%= slug %>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix control-group" id="div_email">
|
||||
<label class="control-label" for="email">E-mail address</label>
|
||||
|
||||
<div class="controls">
|
||||
<input type="text" maxlength="75" name="email" class="col-xs-10" id="email"
|
||||
value="<%= email %>">
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix control-group" id="div_avatar_image_select">
|
||||
<label class="control-label requiredField" for="avatar_image_select_0">Avatar Image
|
||||
<span class="asteriskField">*</span></label>
|
||||
|
||||
<div class="controls">
|
||||
<label class="radio">
|
||||
Use gravatar image.
|
||||
<input type="radio" id='avatar_gravatar' value='gravatar' name="avatar_type"/>
|
||||
</label>
|
||||
<label class="radio">
|
||||
Use Twitter/Facebook image.
|
||||
<input type="radio" id='avatar_social' value='social' name="avatar_type"/>
|
||||
</label>
|
||||
<label class="radio">
|
||||
Use custom image.
|
||||
<input type="radio" id='avatar_custom' value='custom' name="avatar_type"/>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<p id="custom_avatar_helptext" class="text-warning bigger-110 orange">
|
||||
<i class="fa fa-warning-sign"></i>
|
||||
Choose your custom image in your Profile Page
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="row">
|
||||
<p>
|
||||
<h5>What can we share about you?</h5>
|
||||
</p>
|
||||
<div class="col-md-5 pull-left">
|
||||
<h5>Share this activity</h5>
|
||||
<table class="table dss-option-table table-condensed table-bordered">
|
||||
<tbody>
|
||||
<tr class="info">
|
||||
<td>Likes</td>
|
||||
<td>Favourites</td>
|
||||
<td>Comments</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="checkbox" name="activity_sharing_likes"
|
||||
id="activity_sharing_likes" <%= renderCheckbox(activity_sharing_likes)
|
||||
%>>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="activity_sharing_favourites"
|
||||
id="activity_sharing_favourites"
|
||||
<%= renderCheckbox(activity_sharing_favourites) %>>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="activity_sharing_comments"
|
||||
id="activity_sharing_comments"
|
||||
<%= renderCheckbox(activity_sharing_comments) %>>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="col-md-5 pull-right">
|
||||
<h5>On these networks</h5>
|
||||
<table class="table dss-option-table table-condensed table-bordered">
|
||||
<tbody>
|
||||
<tr class="info">
|
||||
<td>Facebook</td>
|
||||
<td>Twitter</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: center; vertical-align: middle">
|
||||
<input type="checkbox" name="activity_sharing_networks_facebook"
|
||||
<%= renderCheckbox(activity_sharing_networks_facebook) %>>
|
||||
</td>
|
||||
<td>
|
||||
<input type="checkbox" name="activity_sharing_networks_twitter"
|
||||
<%= renderCheckbox(activity_sharing_networks_twitter) %>>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-actions">
|
||||
<button id="save-changes" class="btn">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
110
static/js/dss/templates/useritemview.jst
Normal file
110
static/js/dss/templates/useritemview.jst
Normal file
@@ -0,0 +1,110 @@
|
||||
<div class="col-sm-12">
|
||||
<h3 class="header blue smaller">
|
||||
<i class="fa fa-user"></i>
|
||||
<a href="/user/<%= slug %>"><%= display_name %></a>
|
||||
<span class="pull-right">
|
||||
<a class="btn btn-xs btn-success" href="/user/<%= slug %>/mixes">
|
||||
<i class="fa fa-music"></i>
|
||||
Mixes
|
||||
<span class="badge badge-purple"><%= mix_count%></span>
|
||||
</a>
|
||||
<a class="btn btn-xs btn-success" href="/user/<%= slug %>/favourites">
|
||||
<i class="fa fa-star"></i>
|
||||
Favourites
|
||||
<span class="badge badge-purple"><%= favourite_count %></span>
|
||||
</a>
|
||||
<a class="btn btn-xs btn-success" href="/user/<%= slug %>/likes">
|
||||
<i class="fa fa-heart"></i>
|
||||
Likes
|
||||
<span class="badge badge-purple"><%= like_count %></span>
|
||||
</a>
|
||||
<a class="btn btn-xs btn-success" href="/user/<%= slug %>/followers">
|
||||
<i class="fa fa-check"></i>
|
||||
Followers
|
||||
<span class="badge badge-purple"><%= followers.length %></span>
|
||||
</a>
|
||||
<a class="btn btn-xs btn-success" href="/user/<%= slug %>/following">
|
||||
<i class="fa fa-share"></i>
|
||||
Following
|
||||
<span class="badge badge-purple"><%= following.length %></span>
|
||||
</a>
|
||||
</span>
|
||||
</h3>
|
||||
|
||||
<div class="col-sm-3 center">
|
||||
<span class="profile-picture">
|
||||
<img class="img-responsive" alt="Avatar Image" style="width: 130px; height: 90px" src="<%= avatar_image %>">
|
||||
</span>
|
||||
|
||||
<div class="space-4"></div>
|
||||
<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
|
||||
<div class="inline position-relative">
|
||||
<% if (isMe(id)) { %>
|
||||
<a href="#" data-bypass="true" class="user-title-label dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="fa fa-circle light-green middle"></i>
|
||||
|
||||
<span class="white"><%= display_name %></span>
|
||||
</a>
|
||||
<ul class="align-left dropdown-menu dropdown-caret dropdown-lighter">
|
||||
<li class="dropdown-header"> Change Status</li>
|
||||
<li>
|
||||
<a href="#" data-bypass="true">
|
||||
<i class="fa fa-circle green"></i>
|
||||
|
||||
<span class="green">Available</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-bypass="true">
|
||||
<i class="fa fa-circle red"></i>
|
||||
|
||||
<span class="red">Busy</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" data-bypass="true">
|
||||
<i class="fa fa-circle grey"></i>
|
||||
|
||||
<span class="grey">Invisible</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<% } else { %>
|
||||
<p class="user-title-label dropdown-toggle">
|
||||
<i class="fa fa-circle light-green middle"></i>
|
||||
|
||||
<span class="white"><%= display_name %></span>
|
||||
</p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9 bordered-faint">
|
||||
<blockquote>
|
||||
<%= description %>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="space-4"></div>
|
||||
</div>
|
||||
<div class="col-sm-9 pull-right">
|
||||
<div class="pull-right">
|
||||
<i class="fa fa-calendar"></i> <span class="text-primary">Joined:</span><span class="text-muted"> <%= humanise(date_joined) %></span>
|
||||
<i class="fa fa-calendar"></i> <span class="text-primary">Last Seen:</span><span class="text-muted"> <%= humanise(last_login) %></span>
|
||||
</div>
|
||||
<% if (utils.isAuth()) {%>
|
||||
<button id="follow-button" class="btn btn-xs <%= is_following ? 'btn-success' : 'btn-danger' %>">
|
||||
<i class="<%= is_following ? 'fa fa-ok' : 'fa fa-eye-open' %>"></i>
|
||||
<%= is_following == true ? 'Following' : 'Follow' %>
|
||||
</button>
|
||||
<% } else { %>
|
||||
<button id="follow-button-login"
|
||||
class="follow-button btn btn-xs btn-danger icon">
|
||||
<i id="follow-icon" class="fa fa-eye-close"></i>Login to Follow
|
||||
</button>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-12">
|
||||
<div class="hr hr-18 dotted hr-double"></div>
|
||||
</div>
|
||||
12
static/js/dss/templates/userlistview.jst
Normal file
12
static/js/dss/templates/userlistview.jst
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="col-xs-12">
|
||||
<form class="form-search pull-right">
|
||||
<span class="input-icon">
|
||||
<input id="search-text" type="text" placeholder="Search ..."
|
||||
class="nav-search-input col-sm-12" id="nav-search-input" autocomplete="off">
|
||||
<i class="fa fa-search nav-search-icon"></i>
|
||||
</span>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-xs-12" id="user-table">
|
||||
|
||||
</div>
|
||||
135
static/js/dss/templates/userprofileview.jst
Normal file
135
static/js/dss/templates/userprofileview.jst
Normal file
@@ -0,0 +1,135 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="hr dotted clearfix"></div>
|
||||
<div id="user-profile-1" class="user-profile row">
|
||||
<div class="col-xs-12 col-sm-3 center">
|
||||
<div>
|
||||
<span class="profile-picture">
|
||||
<img id="avatar"
|
||||
class="img-responsive image-user-profile"
|
||||
alt="Avatar Image"
|
||||
src="<%= avatar_image %>">
|
||||
</span>
|
||||
|
||||
<div class="space-4"></div>
|
||||
<div class="width-80 label label-info label-xlg arrowed-in arrowed-in-right">
|
||||
<div class="inline position-relative">
|
||||
<a href="#" class="user-title-label dropdown-toggle" data-toggle="dropdown">
|
||||
<i class="fa fa-circle light-green middle"></i>
|
||||
|
||||
<span class="white"><%= display_name %></span>
|
||||
</a>
|
||||
<ul class="align-left dropdown-menu dropdown-caret dropdown-lighter">
|
||||
<li class="dropdown-header"> Change Status</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-circle green"></i>
|
||||
|
||||
<span class="green">Available</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-circle red"></i>
|
||||
|
||||
<span class="red">Busy</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="fa fa-circle grey"></i>
|
||||
|
||||
<span class="grey">Invisible</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-6"></div>
|
||||
<div class="profile-contact-info">
|
||||
<div class="profile-contact-links align-left">
|
||||
<% if (utils.isAuth()) {%>
|
||||
<a id="follow-button" class="btn btn-link <% if (is_following) { %> following-disabled <% } %>" data-bypass="true">
|
||||
<i class="fa fa-plus-sign bigger-120 <% if (is_following) { %>red<% } else { %>green <%}%>"></i>
|
||||
<% if (is_following) { %>Unfollow<% } else { %>Follow<%}%>
|
||||
</a>
|
||||
<% }else { %>
|
||||
<a id="follow-button-login" class="btn btn-link" data-bypass="true">
|
||||
<i class="fa fa-plus-sign bigger-120 green"></i>
|
||||
Login to follow
|
||||
</a>
|
||||
<% }%>
|
||||
|
||||
<br>
|
||||
<a class="btn btn-link" href="<%= url %>">
|
||||
<i class="fa fa-globe bigger-125 blue"></i>
|
||||
Profile Link
|
||||
</a>
|
||||
</div>
|
||||
<div class="space-6"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-12 col-sm-9">
|
||||
<div class="center">
|
||||
<a href="/user/<%= slug %>/mixes" class="btn btn-pink">
|
||||
<i class="fa fa-music"></i>
|
||||
<span class="smaller-90">Mixes</span>
|
||||
<span class="badge badge-warning"><%= mix_count%></span>
|
||||
</a>
|
||||
<a href="/user/<%= slug %>/favourites" class="btn btn-danger">
|
||||
<i class="fa fa-star"></i>
|
||||
<span class="smaller-90">Favourites</span>
|
||||
<span class="badge badge-warning"><%= favourite_count %></span>
|
||||
</a>
|
||||
<a href="/user/<%= slug %>/likes" class="btn btn-purple">
|
||||
<i class="fa fa-heart /bigger-230"></i>
|
||||
<span class="smaller-90">Likes</span>
|
||||
<span class="badge badge-warning"><%= like_count %></span>
|
||||
</a>
|
||||
<a href="/user/<%= slug %>/followers" class="btn btn-default">
|
||||
<i class="fa fa-check"></i>
|
||||
<span class="smaller-90">Followers</span>
|
||||
<span class="badge badge-warning"><%= followers.length %></span>
|
||||
</a>
|
||||
<a href="/user/<%= slug %>/following" class="btn btn-warning">
|
||||
<i class="fa fa-share"></i>
|
||||
<span class="smaller-90">Following</span>
|
||||
<span class="badge badge-warning"><%= following.length %></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="space-12"></div>
|
||||
<div class="profile-user-info profile-user-info-striped">
|
||||
<div class="profile-info-row">
|
||||
<div class="profile-info-name"> Location</div>
|
||||
<div class="profile-info-value">
|
||||
<i class="fa fa-map-marker light-orange bigger-110"></i>
|
||||
<span class="usereditable" id="city" style="display: inline;"><%= city %></span>
|
||||
<span class="usereditable" id="country" style="display: inline;"><%= country %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-info-row">
|
||||
<div class="profile-info-name"> Joined</div>
|
||||
<div class="profile-info-value">
|
||||
<span id="signup" style="display: inline;"><%= humanise(date_joined) %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-info-row">
|
||||
<div class="profile-info-name"> Last Online</div>
|
||||
<div class="profile-info-value">
|
||||
<span id="login" style="display: inline; background-color: rgba(0, 0, 0, 0);"><%= humanise(last_login) %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profile-info-row">
|
||||
<div class="profile-info-name"> About Me</div>
|
||||
<div class="profile-info-value">
|
||||
<div class="usereditable" id="about" style="display: inline; white-space:pre-wrap;"><%= description %></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-20"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user