304 lines
11 KiB
Plaintext
304 lines
11 KiB
Plaintext
<!-- Find Session Screen -->
|
|
<div layout="screen" layout-id="findSession" id="findSession" class="screen secondary">
|
|
<div class="content">
|
|
<div class="content-head">
|
|
<div class="content-icon">
|
|
<%= image_tag "content/icon_search.png", :size => "19x19" %>
|
|
</div>
|
|
|
|
<h1>find a session</h1>
|
|
|
|
<%= render "screen_navigation" %>
|
|
</div>
|
|
<div class="content-body">
|
|
<div class="content-body-scroller">
|
|
<form id="find-session-form">
|
|
<div class="session-filter">
|
|
<div style="min-width:770px;">
|
|
<div class="left ml35" style="padding-top:3px;">Filter Session List:</div>
|
|
|
|
<!-- genre filter -->
|
|
<div id="find-session-genre" class="left ml10">
|
|
<%= render "genreSelector" %>
|
|
</div>
|
|
|
|
<!-- date filter -->
|
|
<div class="search-box">
|
|
<input type="text" id="session-date-filter" placeholder="Any Date" />
|
|
</div>
|
|
|
|
<!-- language filter -->
|
|
<div class="language">
|
|
<select id="session-language-filter">
|
|
<option value="">All Languages</option>
|
|
<% music_session_languages.each do |language| %>
|
|
<option value="<%= language[:id] %>"><%= language[:label] %></option>
|
|
<% end %>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- keyword filter -->
|
|
<div class="search-box">
|
|
<input id="session-keyword-srch" type="text" name="search" placeholder="Search by Keyword" />
|
|
</div>
|
|
|
|
<div class="right mr10">
|
|
<a id="btn-refresh" href="/client#/findSession" style="text-decoration:none;" class="button-grey">REFRESH<span class="extra"></span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="content-wrapper">
|
|
<div id="sessions-active" class="session-container">
|
|
<%= render :partial => "sessionList", :locals => {:title => "current, active sessions", :category => "sessions-active"} %>
|
|
<br />
|
|
<div class="paginate-wait">Fetching results...<div class="spinner-small"></div></div>
|
|
<div id="no-active-sessions" class="end-of-list">
|
|
End of list.
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div id="sessions-scheduled" class="session-container">
|
|
<%= render :partial => "sessionList", :locals => {:title => "future, scheduled sessions", :category => "sessions-scheduled"} %>
|
|
<br />
|
|
<div class="paginate-wait">Fetching results...<div class="spinner-small"></div></div>
|
|
<div id="no-scheduled-sessions" class="end-of-list">
|
|
End of list.
|
|
</div>
|
|
<span class="btn-next-wrapper"><a href="/api/sessions/inactive?page=1" class="btn-next">Next</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- active session template -->
|
|
<script type="text/template" id="template-active-session-row">
|
|
<tr data-session-id="{id}" class="found-session">
|
|
<td width="30%">
|
|
<table class="musician-groups" cellpadding="0" cellspacing="0" width="100%">
|
|
<tr>
|
|
<td class="bold"><a href="/sessions/{id}" rel="external">{name}</a></td>
|
|
<td align="right" width="75">({genres})</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">{description}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Notation Files:</td>
|
|
<td>{notation_files}</td>
|
|
</tr>
|
|
<tr class="action-links">
|
|
<td>
|
|
<a class="listen-link" style="display:{listen_link_display_style};">
|
|
<%= image_tag "content/listen-icon.jpg", :size => "40x40" %>
|
|
</a>
|
|
<br/>
|
|
<span class="listen-link-details"><span class="listen-link-text">{listen_link_text}</span><a href="#" class="listen-detail-hover">?</a></span>
|
|
</td>
|
|
<td>
|
|
<a class="join-link" style="display:{join_link_display_style};">
|
|
<%= image_tag "content/join-icon.jpg", :size => "37x40" %>
|
|
</a>
|
|
<span class="join-link-text">Join</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width="35%">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td>In Session:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0" width="100%">
|
|
{in_session_musicians}
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>RSVPs:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0" width="100%">
|
|
{rsvp_musicians_first_3}
|
|
</table>
|
|
<div style="display:none;">
|
|
<table class="musicians" cellpadding="0" cellspacing="0" width="100%">
|
|
{rsvp_musicians_remaining}
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Still Needed:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{open_slots_first_3}
|
|
</table>
|
|
<div style="display:none">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{open_slots_remaining}
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width="10%" class="latency">
|
|
<div class="center">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency_in_session}
|
|
</table>
|
|
</div>
|
|
<div class="center">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency_first_3}
|
|
</table>
|
|
</div>
|
|
<div id="latency-extra-{id}" class="center" style="display:none;">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency_remaining}
|
|
</table>
|
|
</div>
|
|
</td>
|
|
<td width="20%">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
<tr><td><span class="bold">Chat Language:</span><br/>{language}</td></tr>
|
|
<tr><td><span class="bold">Musician Access:</span><br/>{musician_access}</td></tr>
|
|
<tr><td><span class="bold">Fan Access:</span><br/>{fan_access}</td></tr>
|
|
<tr><td><span class="bold">Legal Policy:</span><br/>{legal_policy}</td></tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|
|
<!-- inactive session template -->
|
|
<script type="text/template" id="template-inactive-session-row">
|
|
<tr data-session-id="{id}" class="found-session">
|
|
<td width="30%">
|
|
<table class="musician-groups" cellpadding="0" cellspacing="0" width="100%">
|
|
<tr>
|
|
<td class="bold"><a href="/sessions/{id}/details" rel="external">{name}</a></td></td>
|
|
<td align="right" width="75">({genres})</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">{description}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Notation Files:</td>
|
|
<td>{notation_files}</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">{scheduled_start}</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td class="nowrap">
|
|
<span class="rsvp-msg" style="display:none;">You cannot RSVP to this session.</span>
|
|
<a class="rsvp-link">
|
|
<%= image_tag "content/rsvp-icon.jpg", :size => "40x40" %>
|
|
</a>
|
|
<br/>
|
|
<span class="rsvp-link-text">RSVP</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width="35%">
|
|
<table class="musician-groups" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td>RSVPs:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0" width="100%">
|
|
{rsvp_musicians_first_3}
|
|
</table>
|
|
<div style="display:none">
|
|
<table class="musicians" cellpadding="0" cellspacing="0" width="100%">
|
|
{rsvp_musicians_remaining}
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Still Needed:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{open_slots_first_3}
|
|
</table>
|
|
<div style="display:none;">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{open_slots_remaining}
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width="10%" class="latency pt10">
|
|
<div class="center">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency_first_3}
|
|
</table>
|
|
</div>
|
|
<div id="latency-extra-{id}" class="center" style="display:none;">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency_remaining}
|
|
</table>
|
|
</div>
|
|
</td>
|
|
<td width="20%">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
<tr><td><span class="bold">Chat Language:</span><br/>{language}</td></tr>
|
|
<tr><td><span class="bold">Musician Access:</span><br/>{musician_access}</td></tr>
|
|
<tr><td><span class="bold">Fan Access:</span><br/>{fan_access}</td></tr>
|
|
<tr><td><span class="bold">Legal Policy:</span><br/>{legal_policy}</td></tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-notation-files">
|
|
<a class="{link_class}" data-notation-id="{notation_id}" href="{file_url}" rel="external">{file_name}</a><br />
|
|
</script>
|
|
|
|
<script type="text/template" id="template-musician-info">
|
|
<tr>
|
|
<td width="24">
|
|
<a user-id="{userId}" hoveraction="musician" href="{profile_url}" class="avatar-tiny">
|
|
<img src="{avatar_url}" />
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a user-id="{userId}" hoveraction="musician" href="{profile_url}">{musician_name}</a>
|
|
</td>
|
|
<td>
|
|
<div class="instruments" class="nowrap">{instruments}</div>
|
|
</td>
|
|
<td>{more_link} </td>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-open-slots">
|
|
<tr>
|
|
<td width="24">
|
|
<img src="{instrument_url}" />
|
|
</td>
|
|
<td>
|
|
<div class="instruments" class="nowrap">{instrument} ({proficiency})</div>
|
|
</td>
|
|
<td>{more_link} </td>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-latency">
|
|
<tr class="mb15">
|
|
<td class="{{data.latency_style}} latency-value" data-user-id="{{data.id}}" data-audio-latency="{{data.audio_latency || ''}}" data-full-score="{{data.full_score || ''}}" data-internet-score="{{data.internet_score || ''}}">
|
|
{{data.latency_text}}
|
|
</td>
|
|
</tr>
|
|
<tr><td><div style='height:5px;'> </div></td></tr>
|
|
</script>
|