Add title to video modal

js/ui.js

@@ -101,6 +101,7 @@ window.addEventListener('load', () => {
  * and apply video source
  */
 window.addEventListener('load', () => {
+    let modal = document.querySelector('#mod-vid');
     let vidLinks = Array.from(document.querySelectorAll('a[href="#open-vid"]'));
     let source = document.querySelector('source');
     let video = source.parentNode;
@@ -110,9 +111,16 @@ window.addEventListener('load', () => {
      */
     vidLinks.forEach(a => {
         let aNodes = a.childNodes;
-        
+        // Hacky??
+        let title = a.parentElement
+            .nextElementSibling
+            .firstElementChild
+            .innerHTML
+            .trim();
+
         a.addEventListener('click', () => {
             aNodes.forEach(n => {
+
                 if (n.src) {
                     let vStr = n.src
                     .substr(n.src.lastIndexOf('/')+1, n.src.length)
@@ -124,13 +132,15 @@ window.addEventListener('load', () => {
                 }
             });
             
-            document.querySelector('#mod-vid').classList.add('active');
+            modal.classList.add('active');
+            document.querySelector('.modal-title').classList.add('roboto');
+            document.querySelector('.modal-title').innerHTML = title;
         });
     });
 
     let close = document.querySelectorAll('#mod-vid a[href="#close"]')[1];
 
     close.addEventListener('click', () => {
-        document.querySelector('#mod-vid').classList.remove('active');
+        modal.classList.remove('active');
     });
 })