fix view bugs

api/static/script_util.js

@@ -3,7 +3,9 @@ var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggl
 var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
   return new bootstrap.Tooltip(tooltipTriggerEl)
 });
-
+var myModal = new bootstrap.Modal(document.getElementById('history'), {
+  keyboard: false
+})
 var avatarModal = new bootstrap.Modal(document.getElementById('avatarmega'), {
   keyboard: false
 })
@@ -185,8 +187,7 @@ function openNav() {
   $.get("/history_input", function (data, status) {
     console.log(data)
     loaded_data = data
-    console.log(data)
-    for (var obj of loaded_data) {
+    for (var obj of data) {
       var historyList = document.querySelector('.historyList');
       var list = document.createElement('li');
       list.id = obj.id;
@@ -194,7 +195,6 @@ function openNav() {
       var divImgfr = document.createElement('div');
       divImgfr.classList.add('item_imgfr');
       var img = document.createElement('img');
-      console.log(obj['image_urls'][0]);
       img.setAttribute('src', obj['image_urls'][0]);
       divImgfr.appendChild(img);
       // div-content
@@ -260,7 +260,7 @@ function load_data() {
   var title = document.getElementById("title");
   var linker = document.getElementById("linker");
 
-  avatarModal.hide()
+  myModal.hide()
   tid = event.srcElement.id
   console.log(tid);
   linker.setAttribute('href', `http://${loaded_data.find(item => item.id == tid).link}`)

api/templates/make_video.html

@@ -184,6 +184,19 @@
         </div>
       </div>
     </div>
+    <div class="modal" tabindex="-1"  id="history" aria-labelledby="history" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content text-center">
+          <div class="modal-header">
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><img src="static/img/close.svg" alt=""></button>
+          </div>
+          <div class="modal-body">
+            <img class="modal-img" src="" alt="">
+            <h5 class="modal-title mt-2"></h5>
+          </div>
+        </div>
+      </div>
+    </div>
     </div>