Added Editing Mode

MSU-AI · Mar 22, 2023 · c4d2c4f · c4d2c4f
1 parent 47f330d
commit c4d2c4f
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 106 deletions.
diff --git a/Frontend/templates/Frontend/video-editing.html b/Frontend/templates/Frontend/video-editing.html
@@ -45,6 +45,9 @@
       </div>
 
       <div class="transcript-container">
+          <div class="transcript-controls">
+              <button id="save-transcript-button", onclick="editMode()">Edit</button>
+          </div>
         <div class="transcript-header">
           <p></p>
         </div>
@@ -54,10 +57,7 @@
         <!-- Transcript -->
       <div id = "transcript">
 
-        </div>
-        <div class="transcript-controls">
-          <button id="save-transcript-button">Save</button>
-        </div>
+        </div> 
       </div>
 
       <!-- Video -->
@@ -88,7 +88,8 @@
       </div>
       </div>
       <script src="{% static 'js/upload-video.js' %}"></script>
-      <script src="{% static 'js/video-editing.js' %}"></script>
+      <script src="{% static 'js/transcript-generation.js' %}"></script>
+      <script src="{% static 'js/transcript-editing.js' %}"></script>
 
 
 

diff --git a/static/css/video-editing.css b/static/css/video-editing.css
@@ -225,14 +225,40 @@ nav ul li a{
   padding: 50px;
   border: 2px white;
   overflow: scroll;
-
 }
-
 .transcript-container::-webkit-scrollbar{
   display: none;
 }
+.transcript-container-editing {
+  width: 30%;
+  height: 70%;
+  float: left;
+  font-family: Arial, sans-serif;
+  padding: 50px;
+  border: 2px white;
+  overflow: scroll;
+  background: #404040;
+}
+.transcript-container-editing::-webkit-scrollbar{
+  display: none;
+}
+
+#transcript-editing {}
+
+#transcript-editing p{
+    font-size: 24px;
+    font-weight: bold;
+    margin-bottom: 20px;
+}
 
-.transcript-header {
+#transcript-editing span::selection{
+    background-color:#00d199;
+}
+
+
+#transcript-editing span{}
+
+#transcript-header {
   font-size: 24px;
   font-weight: bold;
   margin-bottom: 20px;
@@ -248,7 +274,7 @@ nav ul li a{
   transition: 0.32s;
 }
 
-#transcript span:hover{
+#transcript span:hover {
   color: #00d199;
   font-size: 28px;
 }
@@ -308,4 +334,4 @@ nav ul li a{
   margin-top: 20px;
   background-color: #454c5a;
   border-radius: 5px;
-}
+}
diff --git a/static/js/video-editing.js b/static/js/video-editing.js