Added range slider to gardensize and price

app/controllers/gardenSizes.js

@@ -1,8 +1,21 @@
 const { currentRERequest } = require('../helpers/url');
-const { gardenSizes, getRealEstateTypeEnum } = require('../helpers/enums');
+const { getRealEstateTypeEnum } = require('../helpers/enums');
 
 const getGardenSize = (req,res) => {
-  res.render('gardenSize', { gardenSizes });
+  const rangeFrom = {
+    min : 0,
+    max : 3000,
+    value : 0,
+    step : 100
+  }
+
+  const rangeTo = {
+    min : 0,
+    max : 3000,
+    value : 100,
+    step : 100
+  }
+  res.render('gardenSize', { rangeFrom, rangeTo });
 };
 
 const postGardenSize = async (req, res) => {
@@ -13,7 +26,8 @@ const postGardenSize = async (req, res) => {
 
   const realEstateType = getRealEstateTypeEnum(request.realEstateType);
   if (realEstateType && realEstateType.hasGardenSize) {
-    request.gardenSize = req.body.gardensize;
+    request.gardenSize = req.body.from;
+    request.gardenSizeRange = req.body.to;
     await request.save();
   }
 

app/controllers/prices.js

@@ -1,8 +1,22 @@
 const { currentRERequest } = require('../helpers/url');
-const { prices } = require('../helpers/enums');
 
 const getPrice = (req,res) => {
-  res.render('price', { prices });
+  const rangeFrom = {
+    min : 0,
+    max : 250000,
+    value : 0,
+    step : 1000
+  }
+
+  const rangeTo = {
+    min : 0,
+    max : 250000,
+    value : 50000,
+    step : 1000
+  }
+
+
+  res.render('price', {rangeFrom, rangeTo  });
 };
 
 const postPrice = async (req, res) => {
@@ -11,7 +25,8 @@ const postPrice = async (req, res) => {
   const nextStepPage = req.query.nextStep || 'pregled';
   const nextStepUrl = `/${nextStepPage}/${request.uniqueId}`;
 
-  request.price = req.body.price;
+  request.price = req.body.from;
+  request.priceRange = req.body.to;
   await request.save();
 
   res.redirect(nextStepUrl);

app/controllers/queryReview.js

@@ -10,7 +10,16 @@ const getQueryReview = async (req,res) => {
     return null;
   }
 
-  const { realEstateType, region, municipality, size, gardenSize, price } = request.dataValues;
+  const { 
+    realEstateType, 
+    region, 
+    municipality, 
+    size, 
+    sizeRange, 
+    gardenSize, 
+    gardenSizeRange, 
+    price, 
+    priceRange } = request.dataValues;
 
   const realEstateTypeObject = getRealEstateTypeEnum(realEstateType);
   const enableGardenSizeEdit = realEstateTypeObject ? realEstateTypeObject.hasGardenSize : false;
@@ -18,9 +27,9 @@ const getQueryReview = async (req,res) => {
   const realEstateTypeTitle = realEstateType ? getEnumTypeTitle(realEstateTypes, realEstateType) : null;
   const regionName = region ? getRegionName(region) : null;
   const municipalityName = (region && municipality) ? getMunicipalityName(region, municipality) : null;
-  const sizeTitle = size ? size + "m2" : null;
-  const gardenSizeTitle = gardenSize ? getEnumTypeTitle(gardenSizes, gardenSize) : null;
-  const priceTitle = price ? getEnumTypeTitle(prices, price) : null;
+  const sizeTitle = size ? size + "-" + sizeRange + " m2" : null;
+  const gardenSizeTitle =  gardenSize ? gardenSize + "-" + gardenSizeRange + " m2" : null;
+  const priceTitle =  price ? price + "-" + priceRange + " KM" : null;
 
   const uniqueId = request.dataValues.uniqueId ? request.dataValues.uniqueId : '';
 

app/controllers/sizes.js

@@ -2,7 +2,21 @@ const { currentRERequest } = require('../helpers/url');
 const { sizes, getRealEstateTypeEnum } = require('../helpers/enums');
 
 const getSize = (req,res) => {
-  res.render('size', { sizes });
+  const rangeFrom = {
+    min : 0,
+    max : 250,
+    value : 0,
+    step : 10
+  }
+
+  const rangeTo = {
+    min : 0,
+    max : 250,
+    value : 50,
+    step : 10
+  }
+
+  res.render('size', { rangeFrom, rangeTo });
 };
 
 const postSize = async (req, res) => {
@@ -13,7 +27,8 @@ const postSize = async (req, res) => {
   const nextStep = realEstateType && realEstateType.hasGardenSize ? 'okucnica' : 'cijena';
   const nextStepPage = req.query.nextStep || nextStep;
   const nextStepUrl = `/${nextStepPage}/${request.uniqueId}`;
-  request.size = req.body.from + "-" + req.body.to ;
+  request.size = req.body.from;
+  request.sizeRange = req.body.to;
   await request.save();
 
   res.redirect(nextStepUrl);