77 lines
1.5 KiB
HTML
77 lines
1.5 KiB
HTML
{% 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">
|
|
<option value="xx">Select</option>
|
|
<option value="tr">Turkish</option>
|
|
<option value="fr">French</option>
|
|
<option value="hi">Hindi</option>
|
|
</select>
|
|
<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 />
|
|
<textarea id="newSrt"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{% endblock %}
|
|
|