jam-cloud/web/app/views/clients/_findSession2.html.erb

<!-- 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}&nbsp;</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}&nbsp;</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;'>&nbsp;</div></td></tr>
</script>