partially done with homepage

makon57 · Jun 30, 2021 · 79b20e4 · 79b20e4
1 parent 14e0ace
commit 79b20e4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/routes/index.js b/routes/index.js
@@ -10,9 +10,9 @@ router.get('/', csrfProtection, asyncHandler(async(req, res) => {
   res.render('index', ({ trails }));
 }));
 
-router.get('/trails/:id(\\d+)', csrfProtection, asyncHandler(async(req, res, next) => {
+router.get('/trail/:id(\\d+)', csrfProtection, asyncHandler(async(req, res, next) => {
   const trailId = parseInt(req.params.id, 10);
-  const trail = await db.Trails.findByPk(trailId);
+  const trail = await db.Trail.findByPk(trailId);
   res.render('trail-detail', {
       title: "Park Detail",
       trail

diff --git a/views/index.pug b/views/index.pug
@@ -14,7 +14,6 @@ block content
       h1 MixTrail
         div(class="search")
           input(type="text" id="search-bar" class="search-bar" placeholder="Find your next trail!")
-
   div(class="test")
     each trail in trails
       div(class="trail-div")

diff --git a/views/trail-detail.pug b/views/trail-detail.pug
@@ -0,0 +1,7 @@
+extends layout.pug
+
+block content
+    div
+        p= trail.name
+        img(src=`../trails/trail-${trail.id}.jpg` alt=`${trail.name}` class=`trail-image-${trail.id}`)
+        p= trail.description