Parcourir la source

Pictures now served dynamically to site.

Lee Morgan il y a 5 ans
Parent
commit
1e68224927
3 fichiers modifiés avec 31 ajouts et 5 suppressions
  1. 8 1
      travel.js
  2. 22 1
      views/travel/index.html
  3. 1 3
      views/writing/index.js

+ 8 - 1
travel.js

@@ -36,6 +36,13 @@ module.exports = {
             .join("/");
 
         let pictures = fs.readdirSync(`${__dirname}/content/${path}`);
-        console.log(pictures);
+
+        let response = [];
+        
+        for(let i = 0; i < pictures.length; i++){
+            response.push(`/${path}/${pictures[i]}`);
+        }
+
+        return res.json(response);
     }
 }

+ 22 - 1
views/travel/index.html

@@ -5,6 +5,27 @@
         <title>Lee Morgan</title>
     </head>
     <body>
-        <h1>Well Done</h1>
+        <div id="images"></div>
+
+        <script>
+            let path = window.location.pathname
+                .split("/")
+                .slice(2)
+                .join("/");
+
+            fetch(`/travel/images/${path}`)
+                .then(response => response.json())
+                .then((response)=>{
+                    let container = document.getElementById("images");
+
+                    for(let i = 0; i < response.length; i++){
+                        let img = document.createElement("img");
+                        img.src = response[i];
+                        img.alt = "A picture";
+                        container.appendChild(img);
+                    }
+                })
+                .catch(err => {});
+        </script>
     </body>
 </html>

+ 1 - 3
views/writing/index.js

@@ -24,9 +24,7 @@ fetch("/writing/comments/touchscreens")
             }
         }
     })
-    .catch((err)=>{
-        console.log(err);
-    });
+    .catch((err)=>{});
 
     createComment = ()=>{
         event.preventDefault();