padmaAPI/templates/list.html

{% extends 'base.html' %}
{% block head %}
<title>Pad.ma: Play</title>
<link rel="stylesheet" type="text/css" href="/static/css/padmaList.css" />
<script type="text/javascript" src="/static/js/padmaApi.js"></script>
<script type="text/javascript" src="/static/js/padmaList.js"></script>
<script type="text/javascript" src="/static/js/padmaVideo.js"></script>
<script type="text/javascript" src="/static/js/padmaLayer.js"></script>
<script type="text/javascript" src="/static/js/padmaSearch.js"></script>
<script type="text/javascript">
var listId = "{{ listId|escapejs }}"
</script>

{% endblock %}

{% block body %}
<!--
  <div id="resultWrapper">
    <div id="results">
    
    </div>
    <div id="resultDetails">
    </div>
  </div>
-->
<script type="text/html" id="tmpl_layerResult">
    <div class="layerTitle">
      <span class="layerTrack"><%= layer.track %> </span>: 
      <span class="layerValue"><%= layer.shortValue %>... </span>
      <span class="layerInOut"><%= layer.time_in_npt %> - <%= layer.time_out_npt %></span>
      <span class="layerBtns">
        <a href="#" class="addToClipBin" title="Add this clip to playlist.">&gt;&gt;</a> 
      </span>
    </div>
</script>

<script type="text/html" id="tmpl_clip">
 <div class="clipMain">
    <div class="clipImages">
      <div class="clipInImage clipImage">
        <img src="<%= layer.firstFrame128 %>" title="In: <%= layer.value %>" /><br />
        <%= layer.time_in_npt %>
      </div>
      <div class="clipOutImage clipImage">
        <img src="<%= layer.lastFrame128 %>" title="Out: <%= layer.value %>" /><br />
        <%= layer.time_out_npt %>
      </div>
    </div>
      <div class="layerControls">
        foo bar
      </div>
    </div>
  </div>
</script>
<div id="wrapper">
    <div id="playBin">

    </div>

    <div id="videos">

    </div>
  <div id="buffer">
  <br /><br /><br /><br />
  </div>
<div id="bottomBar">
  <div id="searchDiv">
    <form id="searchForm" action="" method="">
      Search: <input type="text" id="search" />
    </form>
  </div>
</div>

{% endblock %}