251 lines
8.2 KiB
Plaintext
251 lines
8.2 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">
|
|
<% 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 id="no-active-sessions">
|
|
No active public sessions found.
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div id="sessions-scheduled" class="session-container">
|
|
<%= render :partial => "sessionList", :locals => {:title => "future, scheduled sessions", :category => "sessions-scheduled"} %>
|
|
<br />
|
|
<div id="no-scheduled-sessions">
|
|
No scheduled sessions found.
|
|
</div>
|
|
<div id="end-of-ss-list" class="end-of-list">
|
|
No more scheduled sessions.
|
|
</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">{name}</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>
|
|
</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}
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Still Needed:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{open_slots}
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width="10%" class="latency">
|
|
<div class="center">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency}
|
|
</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>
|
|
<td class="noborder" style="text-align:center; vertical-align:middle;">
|
|
<a class="join-link" style="display:{join_link_display_style};">
|
|
<%= image_tag "content/icon_join.png", :size => "19x22" %>
|
|
</a>
|
|
</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">{name}</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>
|
|
</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}
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Still Needed:</td>
|
|
<td>
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{open_slots}
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td width="10%" class="latency pt10">
|
|
<div class="center">
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{latency}
|
|
</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>
|
|
<td class="noborder rsvp-section">
|
|
<span class="rsvp-msg" style="display:none;">You cannot RSVP to this session.</span>
|
|
<a class="rsvp-link" style="display:{rsvp_link_display_style};">
|
|
<%= image_tag "content/icon_join.png", :size => "19x22" %>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-notation-files">
|
|
<a 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="#" class="avatar-tiny">
|
|
<img src="{avatar_url}" />
|
|
</a>
|
|
</td>
|
|
<td width="100%">
|
|
<a user-id="{userId}" hoveraction="musician" href="{profile_url}">{musician_name}</a>
|
|
</td>
|
|
<td>
|
|
<div class="instruments" class="nowrap">{instruments}</div>
|
|
</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>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-latency">
|
|
<tr class="mb15">
|
|
<td class="{latency_style}">
|
|
{latency_text}
|
|
</td>
|
|
</tr>
|
|
<tr><td><div style='height:5px;'> </div></td></tr>
|
|
</script>
|