83 lines
4.2 KiB
Plaintext
83 lines
4.2 KiB
Plaintext
<!-- Musician Screen -->
|
|
<%= content_tag(:div, :layout => 'screen', 'layout-id' => 'musicians', :class => "screen secondary", id: 'musicians-screen') do -%>
|
|
<%= content_tag(:div, :class => :content) do -%>
|
|
<%= content_tag(:div, :class => 'content-head') do -%>
|
|
<%= content_tag(:div, image_tag("content/icon_musicians.png", {:height => 19, :width => 19}), :class => 'content-icon') %>
|
|
<%= content_tag(:h1, 'musicians') %>
|
|
<%= render "screen_navigation" %>
|
|
<% end -%>
|
|
<%= content_tag(:div, :class => 'content-body') do -%>
|
|
<%= form_tag('', {:id => 'find-musician-form', :class => 'inner-content'}) do -%>
|
|
<%= render(:partial => "web_filter", :locals => {:search_type => Search::PARAM_MUSICIAN}) %>
|
|
<%= content_tag(:div, :class => 'filter-body') do %>
|
|
<%= content_tag(:div, :class => 'content-body-scroller') do -%>
|
|
<%= content_tag(:div, :class => 'content-wrapper musician-wrapper') do -%>
|
|
<%= content_tag(:div, '', :id => 'musician-filter-results', :class => 'filter-results') %>
|
|
<div class="paginate-wait">Fetching more results...
|
|
<div class="spinner-small"></div>
|
|
</div>
|
|
<%= content_tag(:div, 'No more results.', :class => 'end-of-list', :id => 'end-of-musician-list') %>
|
|
<% end -%>
|
|
<% end -%>
|
|
<% end -%>
|
|
<% end -%>
|
|
<% end -%>
|
|
<% end -%>
|
|
<% end -%>
|
|
|
|
<!-- Session Row Template -->
|
|
<script type="text/template" id="template-find-musician-row">
|
|
<div class="profile-band-list-result musician-list-result" data-musician-id={musician_id}>
|
|
<div class="f11" data-hint="container">
|
|
<div class="left musician-avatar">
|
|
<!-- avatar -->
|
|
<div class="avatar-small"><img src="{avatar_url}" /></div>
|
|
</div>
|
|
<div class="left musician-info"">
|
|
<div class="first-row" data-hint="top-row">
|
|
<div class="musician-profile">
|
|
<!-- name & location -->
|
|
<div class="result-name">{musician_name}</div>
|
|
<div class="result-location">{musician_location}</div>
|
|
<div id="result_instruments" class="instruments nowrap mt10">{instruments}</div>
|
|
</div>
|
|
<div class="musician-stats">
|
|
<span class="friend-count">{friend_count} <img src="../assets/content/icon_friend.png" alt="friends" width="14" height="12" align="absmiddle" style="margin-right:4px;"/></span>
|
|
<span class="follower-count">{follow_count} <img src="../assets/content/icon_followers.png" alt="followers" width="22" height="12" align="absmiddle" style="margin-right:4px;"/></span>
|
|
<span class="recording-count">{recording_count} <img src="../assets/content/icon_recordings.png" alt="recordings" width="12" height="13" align="absmiddle" style="margin-right:4px;"/></span>
|
|
<span class="session-count">{session_count} <img src="../assets/content/icon_session_tiny.png" alt="sessions" width="12" height="12" align="absmiddle" style="margin-right:4px;"/></span>
|
|
</div>
|
|
</div>
|
|
<br clear="both"/>
|
|
</div>
|
|
<div class="left musician-latency">
|
|
<div class="latency-help">Your latency<br/>to {musician_first_name} is: </div>
|
|
<div class="latency-holder">
|
|
{latency_badge}
|
|
</div>
|
|
<br clear="both"/>
|
|
</div>
|
|
<div class="button-row" data-hint="button-row">
|
|
<div class="biography">{biography}</div>
|
|
<div class="result-list-button-wrapper" data-musician-id={musician_id}>
|
|
{musician_action_template}
|
|
</div>
|
|
<br clear="both"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</script>
|
|
|
|
<script type="text/template" id="template-musician-action-btns">
|
|
<a href="{profile_url}" class="button-orange smallbutton">PROFILE</a>
|
|
<% if current_user && current_user.musician? %>
|
|
<a href="#" class="{friend_class} smallbutton search-m-friend">{friend_caption}</a>
|
|
|
|
<% end %>
|
|
<a href="#" class="{follow_class} smallbutton search-m-follow">{follow_caption}</a>
|
|
<a href="#" class="{message_class} smallbutton search-m-message">{message_caption}</a>
|
|
<!--<a href="#" class="{button_message} smallbutton search-m-like">MESSAGE</a>-->
|
|
<div class="clearall"></div>
|
|
|
|
</script> |