104 lines
4.1 KiB
Plaintext
104 lines
4.1 KiB
Plaintext
<!-- Find Session Screen -->
|
|
<div layout="screen" layout-id="findSession" class="screen secondary">
|
|
<div class="content">
|
|
<div class="content-head">
|
|
<div class="content-icon">
|
|
<a href="#"><%= image_tag "content/icon_search.png", :size => "19x19" %></a>
|
|
</div>
|
|
|
|
<h1>find a session</h1>
|
|
|
|
<%= render "screen_navigation" %>
|
|
</div>
|
|
<form id="find-session-form">
|
|
<div class="session-filter">
|
|
<div style="min-width:770px">
|
|
<div class="left ml35">Filter Session List:</div>
|
|
|
|
<!-- musician filter -->
|
|
<div class="ml10 left">
|
|
<div id="musician-list" class="multiselect-dropdown">
|
|
<div class="list-item-text">
|
|
<a id="musician-list-header">All musicians</a>
|
|
</div>
|
|
<a class="arrow-down" id="musician-list-arrow"></a>
|
|
<div id="musician-list-items" class="list-items">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- genre filter -->
|
|
<div class="left ml10">
|
|
<%= render "genreSelector" %>
|
|
</div>
|
|
|
|
<!-- keyword filter -->
|
|
<div class="search-box">
|
|
<input id="search-session-input" type="text" name="search" value="Search by Keyword" onfocus="enterText(this.id,'')" onblur="enterText(this.id,'Search by Keyword')" />
|
|
</div>
|
|
<div class="right mr10">
|
|
<a id="btn-refresh" href="#" style="text-decoration:none;" class="button-grey">REFRESH</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-scroller">
|
|
<div class="content-wrapper" style="padding-left:35px;padding-top:10px;">
|
|
<%= render :partial => "sessionList", :locals => {:title => "sessions you're invited to", :category => "sessions-invitations"} %><br /><br />
|
|
<%= render :partial => "sessionList", :locals => {:title => "sessions with friends or bandmates", :category => "sessions-friends"} %><br /><br />
|
|
<%= render :partial => "sessionList", :locals => {:title => "other sessions", :category => "sessions-other"} %>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Session Row Template -->
|
|
<script type="text/template" id="template-session-row">
|
|
<tr id="{id}" data-sortScore="{sortScore}">
|
|
<td width="100">{genres}</td>
|
|
<td width="25%">{description}</td>
|
|
<td width="20%">
|
|
<!-- sub-table of musicians -->
|
|
<table class="musicians" cellpadding="0" cellspacing="0">
|
|
{musician_template}
|
|
</table>
|
|
</td>
|
|
<td width="15%">{audience}</td>
|
|
<td>
|
|
<div class="{latency_style}" style="margin:auto">{latency_text}</div>
|
|
</td>
|
|
<td style="text-align:center">
|
|
<a id="play-link" href="{play_url}">
|
|
<%= image_tag "content/icon_playbutton.png", :size => "20x20" %>
|
|
</a>
|
|
</td>
|
|
<td class="noborder" style="text-align:center">
|
|
<a id="join-link" href="join_url">
|
|
<%= image_tag "content/icon_join.png", :size => "19x22" %>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|
|
<script type="text/template" id="template-musician-info">
|
|
<tr>
|
|
<td width="24">
|
|
<a href="#" class="avatar-tiny">
|
|
<img src="{avatar_url}" />
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a href="{profile_url}">{musician_name}</a>
|
|
</td>
|
|
<td>
|
|
<div id="instruments" class="nowrap">
|
|
{instruments}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</script>
|
|
|
|
<!-- Genre option template -->
|
|
<script type="text/template" id="template-musician-filter">
|
|
<div class="list-item-text"><input type="checkbox" value="{value}"> {label}</div>
|
|
</script> |