padmaAPI/templates/translate.html

77 lines
1.5 KiB
HTML
Raw Permalink Normal View History

2010-07-17 15:31:37 +00:00
{% extends 'base.html' %}
{% block head %}
<style type="text/css">
html, body {
width: 100%;
height: 100%;
}
#wrapper {
width: 100%;
height: 100%;
}
.col {
float: left;
width: 40%;
height: 100%;
}
#video {
width: 400px;
margin-left: auto;
margin-right: auto;
}
#srt {
font-size: 11px;
}
#newSrt {
width: 100%;
margin-left: auto;
margin-right: auto;
height: 90%;
}
</style>
<script type="text/javascript" src="/static/js/jquery.srt.js"></script>
<script type="text/javascript" src="/static/js/translate.js"></script>
{% endblock %}
{% block body %}
<div id="wrapper">
<div id="leftCol" class="col">
<input id="padmaId" />
<button id="fetchVideoData">Fetch Data</button>
<div id="videoContainer">
<video id="video" controls="controls"></video>
<div id="srt" data-video="video" data-srt="urlOfSrt"></div>
</div>
</div>
<div id="rightCol" class="col">
<select id="language">
2010-07-17 20:26:05 +00:00
<option value="xx">Select</option>
2010-07-17 15:31:37 +00:00
<option value="tr">Turkish</option>
<option value="fr">French</option>
<option value="hi">Hindi</option>
</select>
2010-07-17 20:26:05 +00:00
<button id="saveSrt">Save</button>
<select id="languageLoad">
<option value="xx">Select</option>
<option value="tr">Turkish</option>
<option value="fr">French</option>
<option value="hi">Hindi</option>
</select>
<button id="loadSrt">Load</button><br />
2010-07-17 15:31:37 +00:00
<textarea id="newSrt"></textarea>
</div>
</div>
{% endblock %}