From d36d7f413df114253788245b9c70ab3884b62aad Mon Sep 17 00:00:00 2001
From: Naida Vatric <naida.dozic@gmail.com>
Date: Mon, 24 Feb 2020 15:41:28 +0100
Subject: [PATCH] Initialized flex slider

---
 app/config/appConfig.js       |  4 ++--
 app/views/layout.ejs          |  4 ++++
 app/views/location.ejs        |  2 +-
 app/views/publishLocation.ejs |  2 +-
 app/views/viewRealEstate.ejs  | 34 ++++++++++++++++++++--------------
 development.env               |  2 +-
 6 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/app/config/appConfig.js b/app/config/appConfig.js
index 4b2b1aa..88f1c96 100644
--- a/app/config/appConfig.js
+++ b/app/config/appConfig.js
@@ -34,7 +34,7 @@ const MAX_REAL_ESTATES_IN_FIRST_EMAIL =
 
 const PRINT_CRAWLER_DEBUG = process.env.PRINT_CRAWLER_DEBUG_INFO || 0;
 
-const API_MAP_KEY = process.env.API_MAP_KEY || "";
+const GOOGLE_MAP_KEY = process.env.GOOGLE_MAP_KEY || "";
 
 const PROSTOR_LOGIN = {
   EMAIL: process.env.PROSTOR_LOGIN_EMAIL,
@@ -51,7 +51,7 @@ module.exports = {
   MAX_REAL_ESTATES_IN_EMAIL,
   MAX_REAL_ESTATES_IN_FIRST_EMAIL,
   PRINT_CRAWLER_DEBUG,
-  API_MAP_KEY,
+  GOOGLE_MAP_KEY,
   STAGING,
   CHECK_UP_DAYS,
   PROSTOR_LOGIN
diff --git a/app/views/layout.ejs b/app/views/layout.ejs
index 2b89910..ae3c9e5 100644
--- a/app/views/layout.ejs
+++ b/app/views/layout.ejs
@@ -21,6 +21,10 @@
   <link rel="stylesheet" href="/assets/main.css">
   <link rel="stylesheet" href="/assets/segment.css">
 
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.css" type="text/css" media="screen" />
+  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.js"></script>
+  
+
   <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
diff --git a/app/views/location.ejs b/app/views/location.ejs
index 8e30feb..7f3d8bd 100644
--- a/app/views/location.ejs
+++ b/app/views/location.ejs
@@ -217,7 +217,7 @@
   });
 </script>
 <script
-  src="https://maps.googleapis.com/maps/api/js?key=<%= process.env.API_MAP_KEY %>&language=bs&libraries=places&callback=initMap"
+  src="https://maps.googleapis.com/maps/api/js?key=<%= process.env.GOOGLE_MAP_KEY %>&language=bs&libraries=places&callback=initMap"
   async
   defer
 ></script>
diff --git a/app/views/publishLocation.ejs b/app/views/publishLocation.ejs
index d2dfd01..6c574f3 100644
--- a/app/views/publishLocation.ejs
+++ b/app/views/publishLocation.ejs
@@ -185,7 +185,7 @@
   
   </script>
   <script
-    src="https://maps.googleapis.com/maps/api/js?key=<%= process.env.API_MAP_KEY %>&language=bs&libraries=places&callback=initMap"
+    src="https://maps.googleapis.com/maps/api/js?key=<%= process.env.GOOGLE_MAP_KEY %>&language=bs&libraries=places&callback=initMap"
     async
     defer
   ></script>
diff --git a/app/views/viewRealEstate.ejs b/app/views/viewRealEstate.ejs
index 00bfb08..302863f 100644
--- a/app/views/viewRealEstate.ejs
+++ b/app/views/viewRealEstate.ejs
@@ -1,12 +1,14 @@
-<div class="flexslider">
-  <ul class="slides">
-    <% for (const photoUrl of realEstatePhotosUrls) { %>
-    <li>
-      <img src=<%= photoUrl %> alt=""/>
-    </li>
-    <% } %>
-  </ul>
-</div>
+<section class="slider">
+  <div class="flexslider" style="direction:rtl">
+    <ul class="slides">
+      <% for (const photoUrl of realEstatePhotosUrls) { %>
+        <li>
+          <img src=<%= photoUrl %> alt=""/>
+        </li>
+        <% } %>
+    </ul>
+  </div>
+</section>
 
 
 <br>
@@ -57,10 +59,14 @@
   </div>
 </div>
 
-<script type="text/javascript" charset="utf-8">
-  $(window).load(function() {
-    $('.flexslider').flexslider();
-  });
+<script type="text/javascript">
+  // Can also be used with $(document).ready()
+       $(window).load(function() {
+         $('.flexslider').flexslider({
+           animation: "slide",
+           rtl: true
+         });
+       });
 </script>
 
 <script>
@@ -108,7 +114,7 @@
 
 </script>
 <script
-  src="https://maps.googleapis.com/maps/api/js?key=<%= process.env.API_MAP_KEY %>&language=bs&libraries=places&callback=initMap"
+  src="https://maps.googleapis.com/maps/api/js?key=<%= process.env.GOOGLE_MAP_KEY %>&language=bs&libraries=places&callback=initMap"
   async
   defer
 ></script>
diff --git a/development.env b/development.env
index 18bf56f..3aa56a5 100644
--- a/development.env
+++ b/development.env
@@ -19,7 +19,7 @@ CHECK_UP_DAYS=Check up email is sent after this number of days without notificat
 GA_ID=Google Analytics ID
 
 #=============== GOOGLE MAPS =============#
-API_MAP_KEY=(your-key-here)
+GOOGLE_MAP_KEY=(your-key-here)
 
 #=============== GOOGLE STORAGE =============#
 GOOGLE_APPLICATION_CREDENTIALS="Path to json key file"