99 lines
5.3 KiB
Plaintext
99 lines
5.3 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') %>
|
|
<%= 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">
|
|
<div class="f11" data-hint="container">
|
|
<div class="left" style="width:63px;margin-top:-12px;">
|
|
<!-- avatar -->
|
|
<div class="avatar-small"><img src="{avatar_url}" /></div>
|
|
</div>
|
|
<!-- todo scott vfrs-1455 i need a template tutorial to define the three variables that substitute here:
|
|
score:
|
|
musician_one_way_score is joined_score / 2;
|
|
musician_score_color is green, yellow, red, blue, or purple (depending upon value of joined_score)
|
|
musician_score_color_alt is good, moderate, poor, unacceptable,or missing
|
|
-->
|
|
<!-- <div class="left" style="***help***">
|
|
{musician_one_way_score} <img src="../assets/content/icon_{musician_score_color}_score.png" alt="{musician_score_color_alt}" width="12" height="12" align="absmiddle"/>
|
|
</div> -->
|
|
<div class="right musician-following" style="width: 120px;">
|
|
<div class="bold">FOLLOWING:</div>
|
|
<table class="musicians" cellpadding="0" cellspacing="5">{musician_follow_template}</table>
|
|
</div>
|
|
<div class="" style="margin-left: 63px; margin-right: 130px;margin-top: 12px;">
|
|
<div class="first-row" data-hint="top-row">
|
|
<div class="lcol left">
|
|
<!-- 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="whitespace">
|
|
<div class="biography">{biography}</div>
|
|
</div>
|
|
<div class="clearleft"></div>
|
|
</div>
|
|
<div class="button-row " data-hint="button-row">
|
|
<div class="lcol stats left">
|
|
<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="follows" 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>
|
|
<span class="score-count">{musician_one_way_score} <img src="../assets/content/icon_{musician_score_color}_score.png" alt="{musician_score_color_alt} score" width="12" height="12" align="absmiddle" style="margin-right:4px;"/></span>
|
|
</div>
|
|
<div class="result-list-button-wrapper" data-musician-id={musician_id}>
|
|
{musician_action_template}
|
|
</div>
|
|
<div class="clearall"></div>
|
|
</div>
|
|
</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>
|
|
|
|
<script type="text/template" id="template-musician-follow-info">
|
|
<tr>
|
|
<td width="32">
|
|
<a user-id="{user_id}" hoveraction="musician" href="{profile_url}" class="avatar-tiny"><img src="{avatar_url}" /></a>
|
|
</td>
|
|
<td>
|
|
<a user-id="{user_id}" hoveraction="musician" href="{profile_url}"><strong>{musician_name}</strong></a>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|