Started photo gallery.

app/controllers/viewRealEstate.js

@@ -151,6 +151,18 @@ const getViewRealEstate = async (req, res) => {
     return forShowing(allSegmentSelectedValues[object.dbField]);
   });
 
+  //Placeholder array of image url-s --later to be urls from our storage bucket
+  //saved in new database table
+  const realEstatePhotosUrls = [
+    "https://cdn.pixabay.com/photo/2020/02/16/16/31/night-4854108_960_720.jpg",
+    "https://cdn.pixabay.com/photo/2020/02/18/14/05/building-valley-4859574_960_720.jpg",
+    "https://cdn.pixabay.com/photo/2020/02/17/12/51/monastery-4856420_960_720.jpg",
+    "https://cdn.pixabay.com/photo/2020/02/20/11/11/children-4864480_960_720.jpg",
+    "https://cdn.pixabay.com/photo/2020/02/08/16/14/villa-4830490_960_720.jpg",
+    "https://cdn.pixabay.com/photo/2020/02/19/13/26/snow-4862208_960_720.jpg",
+    "https://cdn.pixabay.com/photo/2020/02/18/01/16/down-4858219__340.jpg"
+  ];
+
   res.render("viewRealEstate", {
     title: pageTitle,
     booleanFields,
@@ -159,7 +171,10 @@ const getViewRealEstate = async (req, res) => {
     segmentFields,
     allSegmentSelectedValues,
     locationLat,
-    locationLong
+    locationLong,
+    adType,
+    realEstateType,
+    realEstatePhotosUrls
   });
 };
 

app/views/viewRealEstate.ejs

@@ -1,3 +1,14 @@
+<div class="flexslider">
+  <ul class="slides">
+    <% for (const photoUrl of realEstatePhotosUrls) { %>
+    <li>
+      <img src=<%= photoUrl %> alt=""/>
+    </li>
+    <% } %>
+  </ul>
+</div>
+
+
 <br>
 <div class="row col s12">
 <% for (const field of inputFields){ %>
@@ -46,7 +57,17 @@
   </div>
 </div>
 
+<script type="text/javascript" charset="utf-8">
+  $(window).load(function() {
+    $('.flexslider').flexslider();
+  });
+</script>
+
 <script>
+  //Setting up image gallery - carousel
+  
+
+  //Setting up location map
   let map;
 
   function initMap() {