lecture.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Lee Morgan -lecture-</title>
  6. <link rel="stylesheet" href="/learn/style">
  7. </head>
  8. <body id="lectureBody">
  9. <h1 id="title"></h1>
  10. <h3 id="course"></h3>
  11. <h6 id="date"></h6>
  12. <iframe id="video"></iframe>
  13. <p id="description"></p>
  14. <div id="documents">
  15. <h2>Resources</h2>
  16. </div>
  17. <ol id="exercises">
  18. <h2>Exercises</h2>
  19. </ol>
  20. <script>
  21. let video = document.getElementById("video");
  22. let sizeIframe = ()=>{
  23. let width = document.getElementById("lectureBody").clientWidth;
  24. let multiplier = (width * 0.9) / video.contentWindow.document.body.scrollWidth;
  25. video.width = video.contentWindow.document.body.scrollWidth * multiplier;
  26. video.height = video.contentWindow.document.body.scrollHeight * multiplier;
  27. }
  28. video.onload = sizeIframe();
  29. let id = window.location.href.split("/");
  30. id = id[id.length-1];
  31. fetch(`/learn/lectures/json/one/${id}`)
  32. .then(response => response.json())
  33. .then((response)=>{
  34. document.getElementById("title").innerText = response.title;
  35. document.getElementById("course").innerText = response.course.title;
  36. document.getElementById("date").innerText = response.date;
  37. video.src = response.video;
  38. // video.src = "https://rumble.com/embed/vg8er5/?pub=n4vcr";
  39. document.getElementById("description").innerText = response.description;
  40. let documents = document.getElementById("documents");
  41. for(let i = 0; i < response.documents.length; i++){
  42. let a = document.createElement("a");
  43. a.href = response.documents[i];
  44. a.innerText = response.documents[i];
  45. documents.appendChild(a);
  46. }
  47. let exercises = document.getElementById("exercises");
  48. for(let i = 0; i < response.exercises.length; i++){
  49. let li = document.createElement("li");
  50. li.innerText = response.exercises[i];
  51. exercises.appendChild(li);
  52. }
  53. })
  54. .catch((err)=>{});
  55. </script>
  56. </body>
  57. </html>