Updated blog to include directory views for photos.

blogContent/photos/2019/dir.md

@@ -0,0 +1 @@
+# June

blogContent/photos/2019/june/dir.md

@@ -0,0 +1 @@
+# June

routes/photos/index.js

@@ -15,17 +15,22 @@ const fs = require('fs');
 routes.get('/', (request, result) =>
 {
     //do something later
+    result.write("Not implemented yet.");
+    result.end();
 });
 
 
 
 const photosBaseDir = "blogContent/photos";
+
 photoPageBuilder = function(filename, request, templateContext)
 {
+    const imagePath =  "/" +  photosBaseDir + filename + "/";
     return new Promise((resolve, reject)=>
     {
         if(fs.existsSync(photosBaseDir + filename + "/post.md"))
         {
+
             var markdownContent = utils.getFileContents(
                 photosBaseDir + filename + "/post.md");
 
@@ -34,7 +39,6 @@ photoPageBuilder = function(filename, request, templateContext)
             {
                 templateContext.images = [];
                 templateContext.mainPost = html;
-                var imagePath =  "/" +  photosBaseDir + filename + "/";
                 fs.readdirSync(photosBaseDir + filename).forEach(file=>
                 {
                     if(file.includes('.jpg')) //doesn't pick up mark down files
@@ -51,6 +55,21 @@ photoPageBuilder = function(filename, request, templateContext)
             })
 
         }
+        else if(fs.existsSync(photosBaseDir + filename + "/dir.md"))
+        {
+            templateContext.folders = [];
+            templateContext.directory = true;
+            fs.readdirSync(photosBaseDir + filename).forEach(file=>
+            {
+                if(!file.includes('.md') && !file.includes('.jpg')) //only pick up folders
+                {
+                    templateContext.folders.push({url: "/photos" + filename + "/" + file,
+                        img:imagePath + file + "/1.jpg"});
+                }
+            });
+
+            resolve();
+        }
         else
         {
             templateContext.error = true;

templates/photos/photosEntry.html

@@ -11,36 +11,59 @@
         {mainPost}
     </div>
 
-    <div id="lightgallery" class="row p-2 align-content-center">
-
-        {for img in images}
-            <div class="col-lg-4 col-md-6 col-xs-12 thumb p-12 text-center" data-src='{img.full}'>
-                <div class="span4"></div>
-                <div class="span4">
-                <a href="{img.full}">
-                    <img class="img-thumbnail img-responsive center-block"  width="100%" src="{img.full}" />
-                </a>
+    {if directory}
+        <div class="row p-2 align-content-center">
+            {for dir in folders}
+                <div class="col-lg-4 col-md-6 col-xs-12 thumb p-12 text-center"'>
+                    <div class="span4"></div>
+                    <div class="span4">
+                        <a href="{dir.url}">
+                            <img class="img-thumbnail img-responsive center-block"  width="100%" src="{dir.img}" />
+                        </a>
+                    </div>
+                    <div class="span4"></div>
                 </div>
-                <div class="span4"></div>
-            </div>
-        {/for}
-
-        {if error}
-            <div class="row p-lg-0">
-                <h1 class="align-content-center">Page Not Found</h1>
-                <div class="align-content-center center-block">
-                    <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
+            {/for}
+        </div>
+
+    {else}
+
+        <div id="lightgallery" class="row p-2 align-content-center">
+
+            {for img in images}
+                <div class="col-lg-4 col-md-6 col-xs-12 thumb p-12 text-center" data-src='{img.full}'>
+                    <div class="span4"></div>
+                    <div class="span4">
+                        <a href="{img.full}">
+                            <img class="img-thumbnail img-responsive center-block"  width="100%" src="{img.full}" />
+                        </a>
+                    </div>
+                    <div class="span4"></div>
                 </div>
-            </div>
-            <br><br>
-        {/if}
-        <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
+            {/for}
+
+
+            <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
             <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
-        <!--</a>-->
-        <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
+            <!--</a>-->
+            <!--<a href="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg">-->
             <!--<img src="/blogContent/photos/2019/june/mohawk-river-trail/DSC02145.jpg" />-->
-        <!--</a>-->
+            <!--</a>-->
+        </div>
+    {/if}
+
+
+    {if error}
+    <div class="row p-lg-0">
+        <h1 class="align-content-center">Page Not Found</h1>
+        <div class="align-content-center center-block">
+            <img src="/includes/img/404.jpg" alt="Page not found" width="70%" />
+        </div>
     </div>
+    <br><br>
+    {/if}
+
+
 
 </div>
 <!--