translate

templates/play.html

@@ -0,0 +1,12 @@
+{% extends 'base.html' %}
+{% block head %}
+  <script type="text/javascript" src="/static/js/jquery.padma.js"></script>
+  <script type="text/javascript">
+    
+
+  </script>
+
+{% endblock %}
+{% block body %}
+
+{% endblock %}

templates/translate.html

@@ -0,0 +1,67 @@
+{% 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="tr">Turkish</option>
+        <option value="fr">French</option>
+        <option value="hi">Hindi</option>
+      </select>
+      <button id="saveSrt">Save</button><br />
+      <textarea id="newSrt"></textarea>
+    </div>
+  </div>
+
+
+{% endblock %}
+