{% 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" src="/static/js/liveFuncs.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.">>></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="clipImage">
<video class="clipVideo" src="<%= layer.videoSrc128 %>" poster="<%= layer.middleFrame128 %>" controls="controls">
um, browser?
</video>
</div>
<div class="clipOutImage clipImage">
<img src="<%= layer.lastFrame128 %>" title="Out: <%= layer.value %>" /><br />
<%= layer.time_out_npt %>
</div>
</div>
<div class="layerControls">
</div>
<div class="clipView layerControl">
-->
</div>
</div>
</div>
<div class="removeClip">
X
</div>
</div>
</script>
<script type="text/html" id="tmpl_playerWindow">
<html>
<head>
<style type="text/css">
#wrapper {
width: 700px;
margin-left: auto;
margin-right: auto;
}
video {
width: 640px;
margin-left: 30px;
}
#text {
margin-top: 10px;
font-family: Arial, Verdana, sans-serif;
color: #363636;
}
#track {
font-weight: bold;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="video">
<video src="<%= layer.videoSrc320 %>" poster="<%= layer.firstFrame320 %>" controls="controls">browser? open video? huh?</video>
</div>
<div id="text">
<div id="track">
<%= layer.track%>:
</div>
<div id="value">
<%= layer.value_html %>
</div>
</div>
</div>
</body>
</html>
</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" /><span id="resultStats"></span>
</form>
</div>
</div>
{% endblock %}