Fixed google maps bug, changed size, gardenSize, and price colum names, fixed bug with query review not showing default values

Real Estate Slider

See merge request saburly/marketalarm/web!12

Dockerfile

@@ -0,0 +1,11 @@
+FROM postgres:11.3
+
+ENV POSTGIS_MAJOR 2.4
+
+RUN apt-get update \
+      && apt-get --assume-yes install software-properties-common postgis\
+      && rm -rf /var/lib/apt/lists/
+
+RUN mkdir -p /docker-entrypoint-initdb.d
+
+CMD ["postgres"]

README.md

@@ -1,4 +1,36 @@
-# web
+# MarketAlert
+
+The purpose of this project is to build a web application that enables subscribing to notifications when new products are published on various ad based marketplaces. The MVP will be only based on OLX.ba
+
+## Setup
+
+### Setup with npm commands
+
+1. Install packages  
+`npm install`
+
+2. Run setup script  
+`npm run setup`  
+this will create and run postgres image and then execute migrations
+
+3. Run app  
+`npm start` to run app without restart on changes or  
+`npm run start-mon` to run app with automatic restart on code change
 
 
-The purpose of this project is to build a web application that enables subscribing to notifications when new products are published on various ad based marketplaces. The MVP will be only based on OLX.ba
+### Manual setup
+
+1. Create postgres docker image   
+`docker build -t marketalerts .`
+
+2. Run postgres image with  
+`docker run --name pg_marketalerts -d -p 5432:5432 marketalerts`
+
+3. Install packages  
+`npm install`
+
+4. Run migrations from `app` folder  
+`npm run migrate` or `npx sequelize db:migrate`
+
+5. Run app  
+`npm start` or `npm run start-mon` to run app with automatic restart on code change

app/config/config.json

@@ -0,0 +1,15 @@
+{
+  "development": {
+    "username": "docker",
+    "password": "docker",
+    "database": "marketalerts",
+    "port": "5432",
+    "dialect": "postgres"
+  },
+  "test": {
+    "use_env_variable": "DATABASE_URL"
+  },
+  "production": {
+    "use_env_variable": "DATABASE_URL"
+  }
+}

app/controllers/gardenSizes.js

@@ -0,0 +1,40 @@
+const { currentRERequest } = require('../helpers/url');
+const { getRealEstateTypeEnum } = require('../helpers/enums');
+
+const getGardenSize = (req,res) => {
+  const rangeFrom = {
+    min : 10,
+    max : 3000,
+    value : 0,
+    step : 10
+  }
+
+  const rangeTo = {
+    min : 10,
+    max : 3000,
+    value : 100,
+    step : 10
+  }
+  res.render('gardenSize', { rangeFrom, rangeTo });
+};
+
+const postGardenSize = async (req, res) => {
+  const request = await currentRERequest(req);
+
+  const nextStepPage = req.query.nextStep || 'cijena';
+  const nextStepUrl = `/${nextStepPage}/${request.uniqueId}`;
+
+  const realEstateType = getRealEstateTypeEnum(request.realEstateType);
+  if (realEstateType && realEstateType.hasGardenSize) {
+    request.gardenSizeMin = req.body.from;
+    request.gardenSizeMax = req.body.to;
+    await request.save();
+  }
+
+  res.redirect(nextStepUrl);
+};
+
+module.exports = {
+  getGardenSize,
+  postGardenSize
+};

app/controllers/goAgain.js

@@ -0,0 +1,7 @@
+const getGoAgain = async (req,res) => {
+  res.render('goAgain');
+};
+
+module.exports = {
+  getGoAgain
+};

app/controllers/municipalities.js

@@ -0,0 +1,26 @@
+const { currentRERequest } = require('../helpers/url');
+const { getMunicipalitiesForRegion, getMunicipalityName } = require('../helpers/codes');
+
+const getMunicipality = async (req, res) => {
+  let request = await currentRERequest(req);
+  const municipalities = getMunicipalitiesForRegion(request.region);
+
+  res.render('municipality', { municipalities });
+};
+
+const postMunicipality = async (req, res) => {
+
+  const request = await currentRERequest(req);
+  const nextStepParam = req.query.nextStep ? "?nextStep=" + req.query.nextStep : "";
+  const nextStepUrl = `/${'naselje'}/${request.uniqueId}/${getMunicipalityName(request.region, req.body.municipality)}${nextStepParam}`;
+
+  request.municipality = req.body.municipality;
+  await request.save();
+
+  res.redirect(nextStepUrl);
+};
+
+module.exports = {
+  getMunicipality,
+  postMunicipality
+};

app/controllers/neighborhoodMap.js

@@ -0,0 +1,37 @@
+const { currentRERequest } = require('../helpers/url');
+
+const getNeighborhood = async (req, res) => {
+    const municipality = req.params.municipality
+    const nextStep = req.query.nextStep || '/';
+    res.render('neighborhoodMap', {
+        nextStep,
+        municipality
+    });
+
+};
+
+const postNeighborhood = async (req, res) => {
+    let request = await currentRERequest(req);
+    const northWest = [req.body.west, req.body.north];
+    const northEast = [req.body.east, req.body.north];
+    const southEast = [req.body.east, req.body.south];
+    const southWest = [req.body.west, req.body.south];
+
+    request.bounding_box = {
+        type: 'Polygon', coordinates: [
+            [northWest, northEast, southEast,
+                southWest, northWest]
+        ]
+    };
+    await request.save();
+
+    const nextStepPage = req.query.nextStep || 'povrsina';
+    const nextStepUrl = `/${nextStepPage}/${request.uniqueId}`;
+
+    res.redirect(nextStepUrl);
+};
+
+module.exports = {
+    getNeighborhood,
+    postNeighborhood
+};

app/controllers/prices.js

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

app/controllers/queryReview.js

@@ -0,0 +1,85 @@
+const { currentRERequest } = require('../helpers/url');
+const { getRegionName, getMunicipalityName } = require('../helpers/codes');
+const { realEstateTypes, sizes, gardenSizes, prices, getEnumTypeTitle, getRealEstateTypeEnum } = require('../helpers/enums');
+
+const getQueryReview = async (req,res) => {
+  const request = await currentRERequest(req);
+  const nextStep = req.query.nextStep;
+
+  if (!request || !request.dataValues) {
+    return null;
+  }
+
+  const { 
+    realEstateType, 
+    region, 
+    municipality, 
+    sizeMin, 
+    sizeMax, 
+    gardenSizeMin, 
+    gardenSizeMax, 
+    priceMin, 
+    priceMax } = request.dataValues;
+
+  const realEstateTypeObject = getRealEstateTypeEnum(realEstateType);
+  const enableGardenSizeEdit = realEstateTypeObject ? realEstateTypeObject.hasGardenSize : false;
+
+  const realEstateTypeTitle = realEstateType ? getEnumTypeTitle(realEstateTypes, realEstateType) : null;
+  const regionName = region ? getRegionName(region) : null;
+  const municipalityName = (region && municipality) ? getMunicipalityName(region, municipality) : null;
+  const sizeTitle = sizeMin ? sizeMin + "-" + sizeMax + " m2" : null;
+  const gardenSizeTitle =  gardenSizeMin ? gardenSizeMin + "-" + gardenSizeMax + " m2" : null;
+  const priceTitle =  priceMin ? priceMin + "-" + priceMax + " KM" : null;
+
+  const uniqueId = request.dataValues.uniqueId ? request.dataValues.uniqueId : '';
+
+  const queryData = [
+    {
+      id: 'realEstateType',
+      title: realEstateTypeTitle,
+      url: `/vrstanekretnine/${uniqueId}?nextStep=pregled`,
+    },
+    {
+      id: 'region',
+      title: regionName,
+      url: `/grad/${uniqueId}?nextStep=mjesto`,
+    },
+    {
+      id: 'municipality',
+      title: municipalityName,
+      url: `/mjesto/${uniqueId}?nextStep=pregled`,
+    },
+    {
+      id: 'size',
+      title: sizeTitle,
+      url: `/povrsina/${uniqueId}?nextStep=pregled`,
+    },
+    {
+      id: 'gardenSize',
+      title: gardenSizeTitle,
+      url: enableGardenSizeEdit ? `/okucnica/${uniqueId}?nextStep=pregled` : '',
+    },
+    {
+      id: 'price',
+      title: priceTitle,
+      url: `/cijena/${uniqueId}?nextStep=pregled`
+    }
+  ];
+
+  res.render('queryReview', {
+    nextStep,
+    queryData,
+  });
+};
+
+const postQueryReview = async (req, res) => {
+  const request = await currentRERequest(req);
+  const nextStep = req.query.nextStep || `/posalji/${request.uniqueId}`;
+
+  res.redirect(nextStep);
+};
+
+module.exports = {
+  getQueryReview,
+  postQueryReview
+};

app/controllers/querySubmit.js

@@ -0,0 +1,48 @@
+const { currentRERequest } = require('../helpers/url');
+const { isValidEmail } = require('../helpers/email');
+
+const getQuerySubmit = async (req, res) => {
+  const nextStep = req.query.nextStep;
+  const error = req.query.error;
+
+  res.render('querySubmit', {
+    nextStep,
+    error
+  });
+};
+
+const postQuerySubmit = async (req, res) => {
+  const request = await currentRERequest(req);
+  const nextStep = req.query.nextStep || '/ponovo';
+
+  const emailInput = req.body.email;
+  const emailConfirmInput = req.body.confirm;
+  let error = "Greška ! Unesite validan email";
+
+  if (!isValidEmail(emailInput) || !isValidEmail(emailConfirmInput)) {
+
+    error = "Greška ! Unesite validan email";
+    res.render('querySubmit', {
+      error
+    });
+    return;
+  }
+
+  if (emailInput !== emailConfirmInput) {
+
+    error = "Greška ! Unešeni emailovi nisu isti";
+    res.render('querySubmit', {
+      error
+    });
+    return;
+  }
+
+  request.email = req.body.email;
+  await request.save();
+  res.redirect(nextStep); 
+};
+
+module.exports = {
+  getQuerySubmit,
+  postQuerySubmit
+};

app/controllers/realEstateTypes.js

@@ -0,0 +1,44 @@
+const db = require('../models/index');
+
+const { currentRERequest } = require('../helpers/url');
+const { realEstateTypes, getRealEstateTypeEnum } = require('../helpers/enums');
+
+
+const getRealEstateTypes = (req,res) => {
+  res.render('realEstateType', { realEstateTypes });
+};
+
+const postRealEstateTypes = async (req, res) => {
+  const request = await currentRERequest(req);
+
+  const nextStepPage = req.query.nextStep || 'grad';
+
+  if (request && request.uniqueId) {
+    const nextStepUrl = `/${nextStepPage}/${request.uniqueId}`;
+    request.realEstateType = req.body.realestatetype;
+    if (!getRealEstateTypeEnum(request.realEstateType).hasGardenSize){
+      request.gardenSize = null;
+    }
+    await request.save();
+
+    res.redirect(nextStepUrl)
+  } else {
+    db.RealEstateRequest.create({
+      realEstateType: req.body.realestatetype
+    }).then( (result) => {
+      const nextStepUrl = `/${nextStepPage}/${result.uniqueId}`;
+      res.redirect(nextStepUrl);
+    }).catch( (e) => {
+      res.send(e);
+    });
+  }
+
+
+
+
+};
+
+module.exports = {
+  getRealEstateTypes,
+  postRealEstateTypes
+};

app/controllers/regions.js

@@ -0,0 +1,27 @@
+const { currentRERequest } = require('../helpers/url');
+const { getRegions } = require('../helpers/codes');
+
+const regions = getRegions();
+
+const getRegion = (req,res) => {
+  res.render('region', { regions });
+};
+
+const postRegion = async (req, res) => {
+  const request = await currentRERequest(req);
+
+  const nextStepQueryParam = req.query.nextStep ? '?nextStep=pregled' : '';
+  const nextStepPage = req.query.nextStep || 'mjesto';
+  const nextStepUrl = `/${nextStepPage}/${request.uniqueId}${nextStepQueryParam}`;
+
+  request.region = req.body.region;
+  request.municipality = null;
+  await request.save();
+
+  res.redirect(nextStepUrl)
+};
+
+module.exports = {
+  getRegion,
+  postRegion
+};

app/controllers/sizes.js

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

app/controllers/welcome.js

@@ -0,0 +1,7 @@
+const getWelcome = (req,res) => {
+  res.render('welcome', { nextStep: '/vrstanekretnine' } );
+};
+
+module.exports = {
+  getWelcome
+};

app/helpers/codes.js

@@ -0,0 +1,912 @@
+const regions = [
+   {
+      "name":" Sarajevo",
+      "id":"sarajevo",
+      "olxid": "9",
+      "municipalities":[
+         {
+            "name":"Hadžići",
+            "id":"hadii",
+            "olxid":"3817"
+         },
+         {
+            "name":"Ilidža",
+            "id":"ilida",
+            "olxid":"3879"
+         },
+         {
+            "name":"Ilijaš",
+            "id":"ilija",
+            "olxid":"3892"
+         },
+         {
+            "name":"Sarajevo - Centar",
+            "id":"sarajevocentar",
+            "olxid":"3812"
+         },
+         {
+            "name":"Sarajevo-Novi Grad",
+            "id":"sarajevonovigrad",
+            "olxid":"3969"
+         },
+         {
+            "name":"Sarajevo-Novo Sarajevo",
+            "id":"sarajevonovosarajevo",
+            "olxid":"5896"
+         },
+         {
+            "name":"Sarajevo-Stari Grad",
+            "id":"sarajevostarigrad",
+            "olxid":"4048"
+         },
+         {
+            "name":"Trnovo",
+            "id":"trnovo",
+            "olxid":"4063"
+         },
+         {
+            "name":"Vogošća",
+            "id":"vogoa",
+            "olxid":"4126"
+         }
+      ]
+   },
+   {
+      "name":" Unsko-sanski",
+      "id":"unskosanski",
+      "olxid": "9",
+      "municipalities":[
+         {
+            "name":"Bihać",
+            "id":"biha",
+            "olxid":"75"
+         },
+         {
+            "name":"Bosanska Krupa",
+            "id":"bosanskakrupa",
+            "olxid":"373"
+         },
+         {
+            "name":"Bosanski Petrovac",
+            "id":"bosanskipetrovac",
+            "olxid":"504"
+         },
+         {
+            "name":"Bužim",
+            "id":"buim",
+            "olxid":"374"
+         },
+         {
+            "name":"Cazin",
+            "id":"cazin",
+            "olxid":"857"
+         },
+         {
+            "name":"Ključ",
+            "id":"klju",
+            "olxid":"2362"
+         },
+         {
+            "name":"Sanski Most",
+            "id":"sanskimost",
+            "olxid":"3738"
+         },
+         {
+            "name":"Velika Kladuša",
+            "id":"velikakladua",
+            "olxid":"5122"
+         }
+      ]
+   },
+   {
+      "name":" Posavski",
+      "id":"posavski",
+      "olxid": "15",
+      "municipalities":[
+         {
+            "name":"Domaljevac",
+            "id":"domaljevac",
+            "olxid":"6144"
+         },
+         {
+            "name":"Odžak",
+            "id":"odak",
+            "olxid":"424"
+         },
+         {
+            "name":"Orašje",
+            "id":"oraje",
+            "olxid":"3252"
+         },
+         {
+            "name":"Šamac",
+            "id":"amac",
+            "olxid":"540"
+         }
+      ]
+   },
+   {
+      "name":" Tuzlanski",
+      "id":"tuzlanski",
+      "olxid": "15",
+      "municipalities":[
+         {
+            "name":"Banovići",
+            "id":"banovii",
+            "olxid":"2"
+         },
+         {
+            "name":"Doboj-Istok",
+            "id":"dobojistok",
+            "olxid":"1090"
+         },
+         {
+            "name":"Gradačac",
+            "id":"gradaac",
+            "olxid":"1854"
+         },
+         {
+            "name":"Gračanica",
+            "id":"graanica",
+            "olxid":"1826"
+         },
+         {
+            "name":"Kalesija",
+            "id":"kalesija",
+            "olxid":"2129"
+         },
+         {
+            "name":"Kladanj",
+            "id":"kladanj",
+            "olxid":"2319"
+         },
+         {
+            "name":"Lukavac",
+            "id":"lukavac",
+            "olxid":"2840"
+         },
+         {
+            "name":"Sapna",
+            "id":"sapna",
+            "olxid":"5699"
+         },
+         {
+            "name":"Srebrenik",
+            "id":"srebrenik",
+            "olxid":"4391"
+         },
+         {
+            "name":"Teočak",
+            "id":"teoak",
+            "olxid":"5010"
+         },
+         {
+            "name":"Tuzla",
+            "id":"tuzla",
+            "olxid":"4944"
+         },
+         {
+            "name":"Čelić",
+            "id":"eli",
+            "olxid":"2801"
+         },
+         {
+            "name":"Živinice",
+            "id":"ivinice",
+            "olxid":"5774"
+         }
+      ]
+   },
+   {
+      "name":" Zeničko-dobojski",
+      "id":"zenickodobojski",
+      "olxid": "15",
+      "municipalities":[
+         {
+            "name":"Breza",
+            "id":"breza",
+            "olxid":"704"
+         },
+         {
+            "name":"Doboj-Jug",
+            "id":"dobojjug",
+            "olxid":"1122"
+         },
+         {
+            "name":"Kakanj",
+            "id":"kakanj",
+            "olxid":"2022"
+         },
+         {
+            "name":"Maglaj",
+            "id":"maglaj",
+            "olxid":"2941"
+         },
+         {
+            "name":"Olovo",
+            "id":"olovo",
+            "olxid":"1925"
+         },
+         {
+            "name":"Tešanj",
+            "id":"teanj",
+            "olxid":"4594"
+         },
+         {
+            "name":"Usora",
+            "id":"usora",
+            "olxid":"1087"
+         },
+         {
+            "name":"Vareš",
+            "id":"vare",
+            "olxid":"5037"
+         },
+         {
+            "name":"Visoko",
+            "id":"visoko",
+            "olxid":"5171"
+         },
+         {
+            "name":"Zavidovići",
+            "id":"zavidovii",
+            "olxid":"5548"
+         },
+         {
+            "name":"Zenica",
+            "id":"zenica",
+            "olxid":"4571"
+         },
+         {
+            "name":"Žepče",
+            "id":"epe",
+            "olxid":"2940"
+         }
+      ]
+   },
+   {
+      "name":" Bosansko-podrinjski",
+      "id":"bosanskopodrinjski",
+      "olxid": "15",
+      "municipalities":[
+         {
+            "name":"Foča",
+            "id":"foa",
+            "olxid":"1289"
+         },
+         {
+            "name":"Goražde",
+            "id":"gorade",
+            "olxid":"1588"
+         },
+         {
+            "name":"Pale",
+            "id":"pale",
+            "olxid":"3546"
+         }
+      ]
+   },
+   {
+      "name":" Srednjobosanski",
+      "id":"srednjobosanski",
+      "olxid": "6",
+      "municipalities":[
+         {
+            "name":"Bugojno",
+            "id":"bugojno",
+            "olxid":"732"
+         },
+         {
+            "name":"Busovača",
+            "id":"busovaa",
+            "olxid":"810"
+         },
+         {
+            "name":"Dobretići",
+            "id":"dobretii",
+            "olxid":"4151"
+         },
+         {
+            "name":"Donji Vakuf",
+            "id":"donjivakuf",
+            "olxid":"1160"
+         },
+         {
+            "name":"Fojnica",
+            "id":"fojnica",
+            "olxid":"1407"
+         },
+         {
+            "name":"Gornji Vakuf - Uskoplje",
+            "id":"gornjivakufuskoplje",
+            "olxid":"1775"
+         },
+         {
+            "name":"Jajce",
+            "id":"jajce",
+            "olxid":"1960"
+         },
+         {
+            "name":"Kiseljak",
+            "id":"kiseljak",
+            "olxid":"2237"
+         },
+         {
+            "name":"Kreševo",
+            "id":"kreevo",
+            "olxid":"2608"
+         },
+         {
+            "name":"Novi Travnik",
+            "id":"novitravnik",
+            "olxid":"3477"
+         },
+         {
+            "name":"Travnik",
+            "id":"travnik",
+            "olxid":"4678"
+         },
+         {
+            "name":"Vitez",
+            "id":"vitez",
+            "olxid":"5422"
+         }
+      ]
+   },
+   {
+      "name":" Hercegovačko-neretvanski",
+      "id":"hercegovackoneretvanski",
+      "olxid": "7",
+      "municipalities":[
+         {
+            "name":"Grad Mostar",
+            "id":"gradmostar",
+            "olxid":"3017"
+         },
+         {
+            "name":"Jablanica",
+            "id":"jablanica",
+            "olxid":"1930"
+         },
+         {
+            "name":"Konjic",
+            "id":"konjic",
+            "olxid":"2169"
+         },
+         {
+            "name":"Neum",
+            "id":"neum",
+            "olxid":"3111"
+         },
+         {
+            "name":"Prozor",
+            "id":"prozor",
+            "olxid":"3421"
+         },
+         {
+            "name":"Ravno",
+            "id":"ravno",
+            "olxid":"4769"
+         },
+         {
+            "name":"Stolac",
+            "id":"stolac",
+            "olxid":"4439"
+         },
+         {
+            "name":"Čapljina",
+            "id":"apljina",
+            "olxid":"947"
+         },
+         {
+            "name":"Čitluk",
+            "id":"itluk",
+            "olxid":"1009"
+         }
+      ]
+   },
+   {
+      "name":" Zapadno-hercegovački",
+      "id":"zapadnohercegovacki",
+      "olxid": "8",
+      "municipalities":[
+         {
+            "name":"Grude",
+            "id":"grude",
+            "olxid":"1892"
+         },
+         {
+            "name":"Ljubuški",
+            "id":"ljubuki",
+            "olxid":"2905"
+         },
+         {
+            "name":"Posušje",
+            "id":"posuje",
+            "olxid":"3268"
+         },
+         {
+            "name":"Široki Brijeg",
+            "id":"irokibrijeg",
+            "olxid":"2708"
+         }
+      ]
+   },
+   {
+      "name":" Livanjski",
+      "id":"livanjski",
+      "olxid": "10",
+      "municipalities":[
+         {
+            "name":"Bosansko Grahovo",
+            "id":"bosanskograhovo",
+            "olxid":"560"
+         },
+         {
+            "name":"Drvar",
+            "id":"drvar",
+            "olxid":"4640"
+         },
+         {
+            "name":"Glamoč",
+            "id":"glamo",
+            "olxid":"1533"
+         },
+         {
+            "name":"Kupres",
+            "id":"kupres",
+            "olxid":"2635"
+         },
+         {
+            "name":"Livno",
+            "id":"livno",
+            "olxid":"2741"
+         },
+         {
+            "name":"Tomislavgrad",
+            "id":"tomislavgrad",
+            "olxid":"1228"
+         }
+      ]
+   },
+   {
+      "name":" Banjalučka",
+      "id":"banjalučka",
+      "olxid": "14",
+      "municipalities":[
+         {
+            "name":"Banja Luka",
+            "id":"banjaluka",
+            "olxid":"21"
+         },
+         {
+            "name":"Gradiška",
+            "id":"gradika",
+            "olxid":"305"
+         },
+         {
+            "name":"Istočni Drvar",
+            "id":"istonidrvar",
+            "olxid":"4662"
+         },
+         {
+            "name":"Jezero",
+            "id":"jezero",
+            "olxid":"1965"
+         },
+         {
+            "name":"Kneževo",
+            "id":"kneevo",
+            "olxid":"4147"
+         },
+         {
+            "name":"Kostajnica",
+            "id":"kostajnica",
+            "olxid":"6142"
+         },
+         {
+            "name":"Kotor Varoš",
+            "id":"kotorvaro",
+            "olxid":"2574"
+         },
+         {
+            "name":"Kozarska Dubica",
+            "id":"kozarskadubica",
+            "olxid":"244"
+         },
+         {
+            "name":"Krupa na uni",
+            "id":"krupanauni",
+            "olxid":"382"
+         },
+         {
+            "name":"Kupres ",
+            "id":"kupres",
+            "olxid":"2654"
+         },
+         {
+            "name":"Laktaši",
+            "id":"laktai",
+            "olxid":"2671"
+         },
+         {
+            "name":"Mrkonjić Grad",
+            "id":"mrkonjigrad",
+            "olxid":"3073"
+         },
+         {
+            "name":"Novi Grad",
+            "id":"novigrad",
+            "olxid":"444"
+         },
+         {
+            "name":"Oštra Luka",
+            "id":"otraluka",
+            "olxid":"3737"
+         },
+         {
+            "name":"Petrovac",
+            "id":"petrovac",
+            "olxid":"515"
+         },
+         {
+            "name":"Prijedor",
+            "id":"prijedor",
+            "olxid":"3287"
+         },
+         {
+            "name":"Prnjavor",
+            "id":"prnjavor",
+            "olxid":"3358"
+         },
+         {
+            "name":"Ribnik",
+            "id":"ribnik",
+            "olxid":"2365"
+         },
+         {
+            "name":"Srbac",
+            "id":"srbac",
+            "olxid":"4271"
+         },
+         {
+            "name":"Čelinac",
+            "id":"elinac",
+            "olxid":"979"
+         },
+         {
+            "name":"Šipovo",
+            "id":"ipovo",
+            "olxid":"4509"
+         }
+      ]
+   },
+   {
+      "name":" Dobojsko-Bijeljinska",
+      "id":"dobojskobijeljinska",
+      "olxid": "15",
+      "municipalities":[
+         {
+            "name":"Bijeljina",
+            "id":"bijeljina",
+            "olxid":"123"
+         },
+         {
+            "name":"Bosanski Brod",
+            "id":"bosanskibrod",
+            "olxid":"421"
+         },
+         {
+            "name":"Derventa",
+            "id":"derventa",
+            "olxid":"1030"
+         },
+         {
+            "name":"Doboj",
+            "id":"doboj",
+            "olxid":"1088"
+         },
+         {
+            "name":"Donji Žabar",
+            "id":"donjiabar",
+            "olxid":"3254"
+         },
+         {
+            "name":"Lopare",
+            "id":"lopare",
+            "olxid":"2800"
+         },
+         {
+            "name":"Lukavac",
+            "id":"lukavac",
+            "olxid":"6029"
+         },
+         {
+            "name":"Modriča",
+            "id":"modria",
+            "olxid":"2996"
+         },
+         {
+            "name":"Pelagićevo",
+            "id":"pelagievo",
+            "olxid":"1856"
+         },
+         {
+            "name":"Petrovo",
+            "id":"petrovo",
+            "olxid":"1827"
+         },
+         {
+            "name":"Stanari",
+            "id":"stanari",
+            "olxid":"1148"
+         },
+         {
+            "name":"Teslić",
+            "id":"tesli",
+            "olxid":"4549"
+         },
+         {
+            "name":"Tešanj",
+            "id":"teanj",
+            "olxid":"4636"
+         },
+         {
+            "name":"Travnik",
+            "id":"travnik",
+            "olxid":"4692"
+         },
+         {
+            "name":"Tuzla",
+            "id":"tuzla",
+            "olxid":"4966"
+         },
+         {
+            "name":"Ugljevik",
+            "id":"ugljevik",
+            "olxid":"5009"
+         },
+         {
+            "name":"Vukosavlje",
+            "id":"vukosavlje",
+            "olxid":"3197"
+         },
+         {
+            "name":"Šamac",
+            "id":"amac",
+            "olxid":"539"
+         }
+      ]
+   },
+   {
+      "name":" Sarajevsko-Zvornička",
+      "id":"sarajevskozvornicka",
+      "olxid": "16",
+      "municipalities":[
+         {
+            "name":"Bratunac",
+            "id":"bratunac",
+            "olxid":"595"
+         },
+         {
+            "name":"Han Pijesak",
+            "id":"hanpijesak",
+            "olxid":"1904"
+         },
+         {
+            "name":"Ilijaš",
+            "id":"ilija",
+            "olxid":"3947"
+         },
+         {
+            "name":"Istočni Stari Grad",
+            "id":"istonistarigrad",
+            "olxid":"4049"
+         },
+         {
+            "name":"Kasindo",
+            "id":"kasindo",
+            "olxid":"3880"
+         },
+         {
+            "name":"Kladanj",
+            "id":"kladanj",
+            "olxid":"2325"
+         },
+         {
+            "name":"Lukavica",
+            "id":"lukavica",
+            "olxid":"3971"
+         },
+         {
+            "name":"Milići",
+            "id":"milii",
+            "olxid":"6143"
+         },
+         {
+            "name":"Olovo",
+            "id":"olovo",
+            "olxid":"3221"
+         },
+         {
+            "name":"Osmaci",
+            "id":"osmaci",
+            "olxid":"2128"
+         },
+         {
+            "name":"Pale",
+            "id":"pale",
+            "olxid":"3978"
+         },
+         {
+            "name":"Rogatica",
+            "id":"rogatica",
+            "olxid":"3529"
+         },
+         {
+            "name":"Rudo",
+            "id":"rudo",
+            "olxid":"3648"
+         },
+         {
+            "name":"Sarajevo-Novi Grad",
+            "id":"sarajevonovigrad",
+            "olxid":"6069"
+         },
+         {
+            "name":"Sokolac",
+            "id":"sokolac",
+            "olxid":"4183"
+         },
+         {
+            "name":"Srebrenica",
+            "id":"srebrenica",
+            "olxid":"4310"
+         },
+         {
+            "name":"Trnovo",
+            "id":"trnovo",
+            "olxid":"4067"
+         },
+         {
+            "name":"Ustiprača",
+            "id":"ustipraa",
+            "olxid":"1593"
+         },
+         {
+            "name":"Višegrad",
+            "id":"viegrad",
+            "olxid":"5259"
+         },
+         {
+            "name":"Vlasenica",
+            "id":"vlasenica",
+            "olxid":"5456"
+         },
+         {
+            "name":"Zvornik",
+            "id":"zvornik",
+            "olxid":"5684"
+         },
+         {
+            "name":"Šekovići",
+            "id":"ekovii",
+            "olxid":"4475"
+         },
+         {
+            "name":"Žepa",
+            "id":"epa",
+            "olxid":"1906"
+         }
+      ]
+   },
+   {
+      "name":" Trebinjsko-Fočanska",
+      "id":"trebinjskofocanska",
+      "olxid": "17",
+      "municipalities":[
+         {
+            "name":"Berkovići",
+            "id":"berkovii",
+            "olxid":"4441"
+         },
+         {
+            "name":"Bileća",
+            "id":"bilea",
+            "olxid":"183"
+         },
+         {
+            "name":"Foča",
+            "id":"foa",
+            "olxid":"1287"
+         },
+         {
+            "name":"Gacko",
+            "id":"gacko",
+            "olxid":"1462"
+         },
+         {
+            "name":"Istočni Mostar",
+            "id":"istonimostar",
+            "olxid":"3038"
+         },
+         {
+            "name":"Kalinovik",
+            "id":"kalinovik",
+            "olxid":"2164"
+         },
+         {
+            "name":"Ljubinje",
+            "id":"ljubinje",
+            "olxid":"2884"
+         },
+         {
+            "name":"Nevesinje",
+            "id":"nevesinje",
+            "olxid":"3138"
+         },
+         {
+            "name":"Trebinje",
+            "id":"trebinje",
+            "olxid":"4766"
+         },
+         {
+            "name":"Čajniče",
+            "id":"ajnie",
+            "olxid":"911"
+         }
+      ]
+   },
+   {
+      "name":"Distrikt Brčko",
+      "id":"distriktbrcko",
+      "olxid": "12",
+      "municipalities":[
+        {
+            "name":"Brčko",
+            "id":"brko",
+            "olxid":"12"
+         }
+
+      ]
+   }
+];
+
+const getRegions = () => {
+  return regions.map( (g) => ({ name: g.name, id: g.id, olxid: g.olxid }) );
+};
+
+const getRegion = (regionId) => {
+   return regions.find(region => region.id === regionId);
+};
+
+const getRegionName = (regionId) => {
+   const region = getRegion(regionId);
+   return (region && region.name) ? region.name : null;
+};
+
+const getMunicipalitiesForRegion = (regionId) => {
+  const region = getRegion(regionId);
+  return (region && region.municipalities) ? region.municipalities : null;
+};
+
+const getMunicipalityName = (regionId, municipalityId) => {
+   const region = getRegion(regionId);
+   if (!region){
+      return null;
+   }
+
+   const municipality = region.municipalities.find(municipality => municipality.id === municipalityId);
+   if (!municipality) {
+      return null;
+   }
+
+   return municipality.name;
+};
+
+module.exports = {
+  getRegions,
+  getRegionName,
+  getMunicipalitiesForRegion,
+  getMunicipalityName,
+};

app/helpers/email.js

@@ -0,0 +1,9 @@
+
+const isValidEmail = (email) => {
+  const simpleEmailRegex = /^.+@.+\..+$/;
+  return (email && email.length < 250 && simpleEmailRegex.test(email));
+};
+
+module.exports = {
+  isValidEmail
+};

app/helpers/enums.js

@@ -0,0 +1,57 @@
+const realEstateTypes = [
+    { title: "Kuća", id: "kuca", hasGardenSize: true },
+    { title: "Stan", id: "stan", hasGardenSize: false },
+    { title: "Vikendica", id: "vikendica", hasGardenSize: true }
+];
+
+const sizes = [
+    { title: "do 50 m2", id: "50m2" },
+    { title: "do 75 m2", id: "75m2" },
+    { title: "do 100 m2", id: "100m2" },
+    { title: "do 150 m2", id: "150m2" },
+    { title: "do 200 m2", id: "200m2" },
+    { title: "preko 200 m2", id: "moreThan200m2" }
+];
+
+const gardenSizes = [
+    { title: "do 100 m2", id: "100m2" },
+    { title: "do 500 m2", id: "500m2" },
+    { title: "do 1 dunum", id: "1000m2" },
+    { title: "do 2 dunuma", id: "2000m2" },
+    { title: "do 3 dunuma", id: "3000m2" },
+    { title: "preko 3 dunuma", id: "moreThan3000m2" }
+];
+
+const prices = [
+    { title: "do 50 000 KM", id: "50kKM" },
+    { title: "do 100 000 KM", id: "100kKM" },
+    { title: "do 150 000 KM", id: "150kKM" },
+    { title: "do 200 000 KM", id: "200kKM" },
+    { title: "do 250 000 KM", id: "250kKM" },
+    { title: "preko 250 000 KM", id: "moreThan250kKM" }
+];
+
+const getEnumObject = (enumType, enumId) => {
+    return enumType.find(enumValue => enumValue.id === enumId);
+};
+
+const getRealEstateTypeEnum = (enumId) => {
+    return getEnumObject(realEstateTypes, enumId) || null;
+}
+
+const getEnumTypeTitle = (enumType, enumId) => {
+    const enumObject = getEnumObject(enumType, enumId);
+    if (!enumObject){
+        return null;
+    }
+    return enumObject.title;
+};
+
+module.exports = {
+    realEstateTypes,
+    sizes,
+    gardenSizes,
+    prices,
+    getRealEstateTypeEnum,
+    getEnumTypeTitle,
+};

app/helpers/url.js

@@ -0,0 +1,13 @@
+const db = require('../models/index');
+
+const currentRERequest = async (req) => {
+  const uniqueId = req.params['request_id'];
+  if(!uniqueId) return null;
+
+  const request = await db.RealEstateRequest.findOne({ where: {uniqueId} });
+  return request;
+};
+
+module.exports = {
+  currentRERequest
+};

app/lib/areThereAnyNewItems.js

@@ -1,8 +1,10 @@
 const convertToDate = require("./convertToDate");
+
 function areThereAnyNewItems(lastItemDate, controlDate) {
   if (!lastItemDate) {
     return true;
   }
   return new Date(controlDate) < convertToDate(lastItemDate);
 }
+
 module.exports = areThereAnyNewItems;

app/lib/scrapTheItems.js

@@ -1,6 +1,6 @@
 let fetch = require("node-fetch");
 let cheerio = require("cheerio");
-const areThereAnyNewItems = require("./arethereanynewitems");
+const areThereAnyNewItems = require("./areThereAnyNewItems");
 
 async function scrapTheItems(url, controlDate, noNewItems = false) {
   let items = [];

app/lib/sendNotification.js

@@ -1,11 +1,11 @@
-const scrapTheItems = require("./scraptheitems");
+const scrapTheItems = require("./scrapTheItems");
 const convertToDate = require("./convertToDate");
 const AWS = require('aws-sdk');
 AWS.config.update({region: 'eu-central-1'});
 
 
 async function sendNotification(marketAlert) {
-  const { id, email, olx_url, last_date } = marketAlert;
+  const { id, email, olx_url } = marketAlert;
   let url =
     "https://www.olx.ba/pretraga?" + olx_url + "&sort_order=desc&sort_po=datum";
   let newItems = await scrapTheItems(url);
@@ -17,8 +17,8 @@ async function sendNotification(marketAlert) {
       ""
     );
 
-  // Create sendEmail params 
-  var params = {
+  // Create sendEmail params
+  const params = {
     Destination: { /* required */
       CcAddresses: [
       ],
@@ -50,7 +50,7 @@ async function sendNotification(marketAlert) {
 
   if (message) {
     const sendPromise = new AWS.SES({apiVersion: '2010-12-01'}).sendEmail(params).promise();
-    await sendPromise; 
+    await sendPromise;
     return { id, date: String(convertToDate(lastDate)) };
   }
 }

app/migrations/20190417035319-create-market-alert.js

@@ -0,0 +1,34 @@
+'use strict';
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.createTable('MarketAlerts', {
+      id: {
+        allowNull: false,
+        autoIncrement: true,
+        primaryKey: true,
+        type: Sequelize.INTEGER
+      },
+      olxUrl: {
+        type: Sequelize.STRING
+      },
+      lastDate: {
+        type: Sequelize.STRING
+      },
+      email: {
+        type: Sequelize.STRING,
+        allowNull: false
+      },
+      createdAt: {
+        allowNull: false,
+        type: Sequelize.DATE
+      },
+      updatedAt: {
+        allowNull: false,
+        type: Sequelize.DATE
+      }
+    });
+  },
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.dropTable('MarketAlerts');
+  }
+};

app/migrations/20190417035707-create-real-estate-request.js

@@ -0,0 +1,33 @@
+'use strict';
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.createTable('RealEstateRequests', {
+      id: {
+        allowNull: false,
+        autoIncrement: true,
+        primaryKey: true,
+        type: Sequelize.INTEGER
+      },
+      uniqueId: {
+        type: Sequelize.UUID
+      },
+      realEstateType: {
+        type: Sequelize.STRING
+      },
+      email: {
+        type: Sequelize.STRING
+      },
+      createdAt: {
+        allowNull: false,
+        type: Sequelize.DATE
+      },
+      updatedAt: {
+        allowNull: false,
+        type: Sequelize.DATE
+      }
+    });
+  },
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.dropTable('RealEstateRequests');
+  }
+};

app/migrations/20190427043621-add_city_to_real_estate_request.js

@@ -0,0 +1,18 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.addColumn(
+      'RealEstateRequests',
+      'city',
+     Sequelize.STRING
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.removeColumn(
+      'RealEstateRequests',
+      'city'
+    );
+  }
+};

app/migrations/20190429050222-add_place_to_real_estate_request.js

@@ -0,0 +1,18 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.addColumn(
+      'RealEstateRequests',
+      'place',
+     Sequelize.STRING
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.removeColumn(
+      'RealEstateRequests',
+      'place'
+    );
+  }
+};

app/migrations/20190516180226-rename-place-column.js

@@ -0,0 +1,19 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.renameColumn(
+        'RealEstateRequests',
+        'place',
+        'municipality'
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.renameColumn(
+        'RealEstateRequests',
+        'municipality',
+        'place'
+    );
+  }
+};

app/migrations/20190516222240-rename-city-column.js

@@ -0,0 +1,19 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.renameColumn(
+        'RealEstateRequests',
+        'city',
+        'region'
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.renameColumn(
+        'RealEstateRequests',
+        'region',
+        'city'
+    );
+  }
+};

app/migrations/20190517072957-add-size-to-real-estate-request.js

@@ -0,0 +1,20 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.addColumn(
+        'RealEstateRequests',
+        'size',
+        {
+          type: Sequelize.STRING
+        }
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.removeColumn(
+        'RealEstateRequests',
+        'size'
+    );
+  }
+};

app/migrations/20190517090015-add-gardenSize-to-real-estate-request.js

@@ -0,0 +1,20 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.addColumn(
+        'RealEstateRequests',
+        'gardenSize',
+        {
+          type: Sequelize.STRING
+        }
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.removeColumn(
+        'RealEstateRequests',
+        'gardenSize'
+    );
+  }
+};

app/migrations/20190517092716-add-price-to-real-estate-request.js

@@ -0,0 +1,20 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.addColumn(
+        'RealEstateRequests',
+        'price',
+        {
+          type: Sequelize.STRING
+        }
+    );
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.removeColumn(
+        'RealEstateRequests',
+        'price'
+    );
+  }
+};

app/migrations/20190523144812-activate-postgis.js

@@ -0,0 +1,15 @@
+'use strict';
+
+module.exports = {
+  up: (queryInterface, Sequelize) => {
+    return queryInterface.sequelize.query("CREATE EXTENSION postgis").then(([results, metadata]) => {
+       /// No result
+      })
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.sequelize.query("DROP EXTENSION IF EXISTS postgis").then(([results, metadata]) => {
+        /// No result
+       })
+  }
+};

app/migrations/20190523151420-add-bounding-box-column.js

@@ -0,0 +1,17 @@
+'use strict';
+
+module.exports = {
+
+  up: (queryInterface, Sequelize) => {
+
+    return queryInterface.sequelize.query("ALTER TABLE \"RealEstateRequests\" ADD COLUMN bounding_box geometry(Polygon);").then(([results, metadata]) => {
+      /// No result
+    })
+  },
+
+  down: (queryInterface, Sequelize) => {
+    return queryInterface.sequelize.query("ALTER TABLE \"RealEstateRequests\" DROP COLUMN bounding_box").then(([results, metadata]) => {
+      /// No result
+    })
+  }
+};

app/migrations/20190529093410-slider-fields.js

@@ -0,0 +1,27 @@
+module.exports = {
+    up: (queryInterface, Sequelize) => {
+        return queryInterface.sequelize.transaction((t) => {
+            return Promise.all([
+                queryInterface.addColumn('RealEstateRequests', 'sizeRange', {
+                    type: Sequelize.STRING
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'gardenSizeRange', {
+                    type: Sequelize.STRING,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'priceRange', {
+                    type: Sequelize.STRING,
+                }, { transaction: t })
+            ])
+        })
+    },
+
+    down: (queryInterface, Sequelize) => {
+        return queryInterface.sequelize.transaction((t) => {
+            return Promise.all([
+                queryInterface.removeColumn('RealEstateRequests', 'sizeRange', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'gardenSizeRange', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'priceRange', { transaction: t })
+            ])
+        })
+    }
+};

app/migrations/20190530101945-range-fields.js

@@ -0,0 +1,63 @@
+module.exports = {
+    up: (queryInterface, Sequelize) => {
+        return queryInterface.sequelize.transaction((t) => {
+            return Promise.all([
+                queryInterface.removeColumn('RealEstateRequests', 'sizeRange', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'gardenSizeRange', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'priceRange', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'size', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'gardenSize', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'price', { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'gardenSizeMin', {
+                    type: Sequelize.INTEGER,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'gardenSizeMax', {
+                    type: Sequelize.INTEGER,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'sizeMin', {
+                    type: Sequelize.INTEGER
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'sizeMax', {
+                    type: Sequelize.INTEGER,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'priceMin', {
+                    type: Sequelize.INTEGER,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'priceMax', {
+                    type: Sequelize.INTEGER
+                }, { transaction: t })
+            ])
+        })
+    },
+
+    down: (queryInterface, Sequelize) => {
+        return queryInterface.sequelize.transaction((t) => {
+            return Promise.all([
+                queryInterface.removeColumn('RealEstateRequests', 'gardenSizeMin', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'gardenSizeMax', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'sizeMin', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'sizeMax', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'priceMin', { transaction: t }),
+                queryInterface.removeColumn('RealEstateRequests', 'priceMin', { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'priceMax', {
+                    type: Sequelize.STRING
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'gardenSizeRange', {
+                    type: Sequelize.STRING,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'priceRange', {
+                    type: Sequelize.STRING,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'size', {
+                    type: Sequelize.STRING
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'gardenSize', {
+                    type: Sequelize.STRING,
+                }, { transaction: t }),
+                queryInterface.addColumn('RealEstateRequests', 'price', {
+                    type: Sequelize.STRING,
+                }, { transaction: t })
+            ])
+        })
+    }
+};

app/models/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const Sequelize = require('sequelize');
+const basename = path.basename(__filename);
+const env = process.env.NODE_ENV || 'development';
+const config = require(__dirname + '/../config/config.json')[env];
+const db = {};
+
+let sequelize;
+if (config.use_env_variable) {
+  sequelize = new Sequelize(process.env[config.use_env_variable], config);
+} else {
+  sequelize = new Sequelize(config.database, config.username, config.password, config);
+}
+
+fs
+  .readdirSync(__dirname)
+  .filter(file => {
+    return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
+  })
+  .forEach(file => {
+    const model = sequelize['import'](path.join(__dirname, file));
+    db[model.name] = model;
+  });
+
+Object.keys(db).forEach(modelName => {
+  if (db[modelName].associate) {
+    db[modelName].associate(db);
+  }
+});
+
+db.sequelize = sequelize;
+db.Sequelize = Sequelize;
+
+module.exports = db;

app/models/marketalert.js

@@ -0,0 +1,15 @@
+'use strict';
+module.exports = (sequelize, DataTypes) => {
+  const MarketAlert = sequelize.define('MarketAlert', {
+    olxUrl: DataTypes.STRING,
+    lastDate: DataTypes.STRING,
+    email: { 
+      type: DataTypes.STRING,
+      allowNul: false
+    }
+  }, {});
+  MarketAlert.associate = function(models) {
+    // associations can be defined here
+  };
+  return MarketAlert;
+};

app/models/realestaterequest.js

@@ -0,0 +1,27 @@
+'use strict';
+
+module.exports = (sequelize, DataTypes) => {
+
+  const RealEstateRequest = sequelize.define('RealEstateRequest', {
+    uniqueId: {
+      type: DataTypes.UUID,
+      defaultValue: DataTypes.UUIDV4,
+      allowNull: false
+    },
+    realEstateType: DataTypes.STRING,
+    email: DataTypes.STRING,
+    region: DataTypes.STRING,
+    municipality: DataTypes.STRING,
+    sizeMin: DataTypes.INTEGER,
+    sizeMax: DataTypes.INTEGER,
+    gardenSizeMin: DataTypes.INTEGER,
+    gardenSizeMax: DataTypes.INTEGER,
+    priceMin: DataTypes.INTEGER,
+    priceMax: DataTypes.INTEGER,
+    bounding_box: DataTypes.GEOMETRY('POINT', 4326)
+  }, {});
+  RealEstateRequest.associate = function(models) {
+    // associations can be defined here
+  };
+  return RealEstateRequest;
+};

app/public/main.css

@@ -0,0 +1,36 @@
+.welcome-center-button { 
+  width: 100%; 
+}
+
+.welcome-big-logo { 
+  font-size: 200pt;
+  background-image: url(./images/logo.png);
+  background-size: contain;
+  background-repeat: no-repeat;
+  color: rgba(0, 0, 0, 0);
+}
+
+
+#map {
+  height: 50%;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+  
+#floating-panel {
+  top: 10px;
+  left: 25%;
+  z-index: 5;
+  background-color: #fff;
+  padding: 5px;
+  border: 1px solid #999;
+  text-align: center;
+  font-family: 'Roboto', 'sans-serif';
+  line-height: 30px;
+  padding-left: 10px;
+}

app/views/gardenSize.ejs

@@ -0,0 +1,6 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>Koliko okućnice tražite ?</h2>
+</div>
+
+<% include partials/range %> 

app/views/goAgain.ejs

@@ -0,0 +1,25 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h4>Provjerite Vaš email !</h4>
+</div>
+
+<div class="row center-align">
+  <h4>Želite li pretražiti još jednu nekretninu ?</h4>
+</div>
+
+<form method="POST" id="form-goagain">
+<div class="row">
+  <div class="col s3 push-s3">
+    <a href="/" class="welcome-center-button waves-effect waves-light btn">
+      Da
+    </a>
+  </div>
+
+  <div class="col s3 push-s3">
+    <a href="/" class="welcome-center-button waves-effect waves-light btn">
+      Ne
+    </a>
+  </div>
+</div>
+</form>
+

app/views/layout.ejs

@@ -0,0 +1,17 @@
+<!doctype> 
+<html>
+  <head>
+     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+      <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="/assets/main.css">
+  </head>
+  <body>
+    <div class="container">
+      <%-body%>
+    </div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
+  </body>
+</html>

app/views/municipality.ejs

@@ -0,0 +1,28 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>U kojem mjestu tražite nekretninu?</h2>
+</div>
+
+<form method="POST" id="form-municipality">
+<div class="row center-align">
+  <ul class="collection with-header">
+    <% for(const municipality of municipalities) { %>
+    <li class="collection-item">
+      <div val="<%= municipality.name %>" id="<%= municipality.id %>" onclick="saveAndSubmit(this.id)"><%= municipality.name %>
+        <a href="#" class="secondary-content">
+          <i class="material-icons">send</i>
+        </a>
+      </div>
+    </li>
+    <% } %>
+  </ul>
+  <input type="hidden" name="municipality" id="municipality" />
+</div>
+</form>
+
+<script>
+   function saveAndSubmit(id, name) {
+     $("#municipality").val(id);
+     $("#form-municipality").submit();
+   }
+</script>

app/views/neighborhoodMap.ejs

@@ -0,0 +1,90 @@
+<div class="row center-align">
+  <h2>U kojem naselju tražite nekretninu?</h2>
+</div>
+
+<div class="row center-align" >
+  <div id="floating-panel">
+    <input id="address" type="textbox" value="">
+    <input id="submit" type="button" value="Trazi">
+  </div>
+  <div id="map"></div>
+</div>
+  <form method="POST" id="form-map-output">
+    <div class="row center-align">
+      <div class="col s6 push-s3">
+        <a id="btnsubmit" href="#" class="welcome-center-button waves-effect waves-light btn">
+          Dalje
+        </a>
+      </div>
+    </div>
+    <input type="hidden" name="north" id=north />
+    <input type="hidden" name="south" id=south />
+    <input type="hidden" name="east" id=east />
+    <input type="hidden" name="west" id=west />
+  </form>
+  <script>
+
+
+    var map;
+    var municipality = "<%= municipality%>";
+    var defaultAddress = document.getElementById('address');
+
+    var BOSNIA_BOUNDS = {
+      north: 45.70,
+      south: 41.69,
+      west: 15.55,
+      east: 20.77,
+    };
+
+    function initMap() {
+      map = new google.maps.Map(document.getElementById('map'), {
+        center: { lat: -34.397, lng: 150.644 },
+        zoom: 11,
+        restriction: {
+          latLngBounds: BOSNIA_BOUNDS,
+          strictBounds: false,
+        },
+      });
+      var geocoder = new google.maps.Geocoder();
+
+      document.getElementById('submit').addEventListener('click', function () {
+        geocodeAddress(geocoder, map);
+      });
+
+      function geocodeAddress(geocoder, resultsMap) {
+        var address = document.getElementById('address').value;
+        geocoder.geocode({ 'address': address }, function (results, status) {
+          if (status === 'OK') {
+            resultsMap.setCenter(results[0].geometry.location);
+            var marker = new google.maps.Marker({
+              map: resultsMap,
+              position: results[0].geometry.location
+            });
+          } else {
+            alert('Geocode was not successful for the following reason: ' + status);
+          }
+        });
+      }
+
+      defaultAddress.value = municipality;
+      geocodeAddress(geocoder, map);
+
+      $(document).ready(() => {
+        $("#btnsubmit").click(() => {
+          var bounds = map.getBounds();
+
+          $("#north").val(map.getBounds().getNorthEast().lat());
+          $("#south").val(map.getBounds().getSouthWest().lat());
+          $("#east").val(map.getBounds().getNorthEast().lng());
+          $("#west").val(map.getBounds().getSouthWest().lng());
+
+          $("#form-map-output").submit();
+        });
+      });
+
+
+    }
+  </script>
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAna8ohfV2HBMcxGk_29vqxU5Z_bDickqg&callback=initMap"
+    async defer></script>
+</div>

app/views/partials/range.ejs

@@ -0,0 +1,56 @@
+<form method="POST" id="form-range">
+
+    <div>
+      <div class="row center-align">
+        <h6>Od</h6>
+      </div>
+      <p class="range-field">
+        <input 
+        name="from" 
+        id="from" 
+        type="range"
+         value="<%= rangeFrom.value %>" 
+         min="<%= rangeFrom.min %>"
+         max="<%= rangeFrom.max %>"  
+         step="<%= rangeFrom.step %>"/>
+      </p>
+      <div class="row center-align">
+        <h6>Do</h6>
+      </div>
+      <p class="range-field">
+        <input 
+        name="to" 
+        id="to" 
+        type="range" 
+        value="<%= rangeTo.value %>"  
+        min="<%= rangeTo.min %>" 
+        max="<%= rangeTo.max %>" 
+        step="<%= rangeTo.step %>"/>
+      </p>
+    </div>
+    <div class="col s6 push-s3">
+      <a id="btnsubmit" href="#" class="welcome-center-button waves-effect waves-light btn">
+        Dalje
+      </a>
+    </div>
+  </form>
+  
+  <script>
+  
+    $(document).ready(() => {
+  
+      $("#btnsubmit").click(() => {
+        var from = $("#from").val();
+        var to = $("#to").val();
+        console.log("From " + from + " " + to);
+  
+        if (parseInt(from, 10) >= parseInt(to, 10)) {
+          alert("\"Od\" vrijednost ne smije biti veca od \"Do\" vrijednosti ")
+          return;
+        }
+  
+        $("#form-range").submit();
+      });
+    });
+  </script>
+  

app/views/price.ejs

@@ -0,0 +1,6 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>Koja Vam okvirna cijena odgovara ?</h2>
+</div>
+
+<% include partials/range %> 

app/views/queryReview.ejs

@@ -0,0 +1,36 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>Da li je ovo to što ste tražili ?</h2>
+</div>
+
+<form method="POST" id="form-queryreview">
+<div class="row center-align">
+  <ul class="collection with-header">
+    <% for(const stepData of queryData) { %>
+      <li class="collection-item" >
+        <div id="<%= stepData.id %>" ><%= stepData.title || '-' %>
+          <a href="<%= stepData.url %>" class="secondary-content">
+            <i class="material-icons">edit</i>
+          </a>
+        </div>
+      </li>
+    <% } %>
+  </ul>
+</div>
+<div class="row">
+  <div class="col s6 push-s3">
+    <a id="submit" href="#" class="welcome-center-button waves-effect waves-light btn">
+      To je to
+    </a>
+  </div>
+</div>
+</form>
+
+<script>
+ $(document).ready( () => {
+   $("#submit").click( () => {
+     $("#form-queryreview").submit();
+   });
+ });
+</script>
+

app/views/querySubmit.ejs

@@ -0,0 +1,68 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h4>Da Vam javimo kada se Vaša željena nekretnina pojavi u oglasima, upišite svoj e-mail</h4>
+</div>
+
+<form method="POST" id="form-submitquery">
+  <div class="row center-align">
+    <div class="col s6 push-s3">
+      <input id="email" name="email" type="email" placeholder="vas.email@mail.com" required size="250" />
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col s6 push-s3">
+      <h6 id="error-lable-email" style="color: red"><%= error %> </h6>
+    </div>
+  </div>
+
+  <div class="row center-align">
+    <div class="col s6 push-s3">
+      <input id="confirm" name="confirm" type="email" placeholder="potvrdite.email@mail.com" required size="250" />
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col s6 push-s3">
+      <h6 id="error-lable-email-confirm" style="color: red"></h6>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col s6 push-s3">
+      <a id="submit" href="#" class="welcome-center-button waves-effect waves-light btn">
+        Javi mi
+      </a>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col s6 push-s3">
+      <p>* U svakom trenutku možete prekinuti slanje objava kroz link u e-mailu</p>
+    </div>
+  </div>
+</form>
+
+<script>
+  $(document).ready(() => {
+    $("#submit").click(() => {
+      const emailField = document.getElementById('email');
+      const emailConfirmField = document.getElementById('confirm');
+      const errorMessage = "Greška ! Unedite validan email";
+      $("#error-lable-email").text("");
+      $("#error-lable-email-confirm").text("");
+
+      if (!emailField.validity.valid) {
+        $("#error-lable-email").text(errorMessage);
+        return
+      }
+
+      if (!emailConfirmField.validity.valid) {
+        $("#error-lable-email-confirm").text(errorMessage);
+        return
+      }
+
+      $("#form-submitquery").submit();
+
+    });
+  });
+</script>

app/views/realEstateType.ejs

@@ -0,0 +1,33 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>Koju nekretninu tražite?</h2>
+</div>
+
+<form method="POST" id="form-real-estate-type">
+<div class="row center-align">
+  <ul class="collection with-header">
+    <% for(const realEstateType of realEstateTypes) { %>
+    <li class="collection-item">
+      <div id="<%= realEstateType.id %>" onclick="saveAndSubmit(this.id)"><%= realEstateType.title %>
+        <a href="#" class="secondary-content">
+          <i class="material-icons">send</i>
+        </a>
+      </div>
+    </li>
+    <% } %>
+  </ul>
+  <input type="hidden" name="realestatetype" id="realestatetype" />
+</div>
+</form>
+
+<script>
+  function saveAndSubmit(id) {
+   $("#realestatetype").val(id);
+   $("#form-real-estate-type").submit();
+  }
+</script>
+
+
+
+
+

app/views/region.ejs

@@ -0,0 +1,29 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>U kojoj regiji tražite nekretninu?</h2>
+</div>
+
+<form method="POST" id="form-region">
+<div class="row center-align">
+  <ul class="collection with-header">
+    <% for(const region of regions) { %>
+    <li class="collection-item">
+      <div id="<%= region.id %>" onclick="saveAndSubmit(this.id)"><%= region.name %>
+        <a href="#" class="secondary-content">
+          <i class="material-icons">send</i>
+        </a>
+      </div>
+    </li>
+    <% } %>
+  </ul>
+  <input type="hidden" name="region" id="region" />
+</div>
+</form>
+
+<script>
+  function saveAndSubmit(id) {
+    $("#region").val(id);
+    $("#form-region").submit();
+  }
+</script>
+

app/views/size.ejs

@@ -0,0 +1,6 @@
+<!--suppress HtmlUnknownAnchorTarget -->
+<div class="row center-align">
+  <h2>Od koliko kvadrata tražite nekretninu ?</h2>
+</div>
+
+<% include partials/range %> 

app/views/welcome.ejs

@@ -0,0 +1,17 @@
+
+<!--   -->
+<div class="row center-align">
+    <span class="welcome-big-logo">🤙</span>
+</div>
+<div class="row center-align">
+  <div>Sve nekretnine dostupne u oglasima.</div>
+  <div> Na vaš email. </div>
+  <div> BESPLATNO </div>
+</div>
+<div class="row">
+<div class="col s6 push-s3">
+<a href="<%= nextStep %>" class="welcome-center-button waves-effect waves-light btn">
+  Javi mi
+</a>
+</div>
+</div>

backend/.env

@@ -1,19 +0,0 @@
-AWS_ENVIRONMENT=development
-AWS_ACCESS_KEY_ID=your_key
-AWS_SECRET_ACCESS_KEY=your_secret
-AWS_PROFILE=
-AWS_SESSION_TOKEN=
-AWS_ROLE_ARN=your_amazon_role
-AWS_REGION=us-east-1
-AWS_FUNCTION_NAME=
-AWS_HANDLER=index.handler
-AWS_MEMORY_SIZE=128
-AWS_TIMEOUT=3
-AWS_DESCRIPTION=
-AWS_RUNTIME=nodejs6.10
-AWS_VPC_SUBNETS=
-AWS_VPC_SECURITY_GROUPS=
-AWS_TRACING_CONFIG=
-AWS_LOGS_RETENTION_IN_DAYS=
-EXCLUDE_GLOBS="event.json"
-PACKAGE_DIRECTORY=build

backend/.gitignore

@@ -1 +0,0 @@
-node_modules/

backend/MarketAlert.js

@@ -1,17 +0,0 @@
-const Sequelize = require("sequelize");
-const sequelize = require("./db.js");
-const MarketAlert = sequelize.define("market_alert", {
-  id: {
-    type: Sequelize.INTEGER,
-    autoIncrement: true,
-    primaryKey: true
-  },
-  olx_url: Sequelize.STRING,
-  last_date: Sequelize.STRING,
-  email: {
-    type: Sequelize.STRING,
-    allowNull: false
-  }
-});
-
-module.exports = MarketAlert;

backend/README.md

@@ -1,4 +0,0 @@
-# How to deploy automatically: 
-
-1. set up aws cli with aws configure 
-

backend/context.json

@@ -1 +0,0 @@
-{}

backend/db.js

@@ -1,4 +0,0 @@
-const Sequelize = require("sequelize");
-const sequelize = new Sequelize(process.env.JAWSDB_URL);
-
-module.exports = sequelize;

backend/deploy.env

@@ -1 +0,0 @@
-SECRET_VARIABLE=mysecretval

backend/event.json

@@ -1,5 +0,0 @@
-{
-  "key": "value",
-  "key2": "value2",
-  "other_key": "other_value"
-}

backend/event_sources.json

@@ -1,36 +0,0 @@
-{
-  "EventSourceMappings": [
-    {
-      "EventSourceArn": "your event source arn",
-      "StartingPosition": "LATEST",
-      "BatchSize": 100,
-      "Enabled": true
-    }
-  ],
-  "ScheduleEvents": [
-    {
-      "ScheduleName": "node-lambda-test-schedule",
-      "ScheduleState": "ENABLED",
-      "ScheduleExpression": "rate(1 hour)",
-      "Input":
-        {
-          "key1": "value",
-          "key2": "value"
-        }
-    }
-  ],
-  "S3Events": [{
-    "Bucket": "BUCKET_NAME",
-    "Events": [
-      "s3:ObjectCreated:*"
-    ],
-    "Filter": {
-      "Key": {
-        "FilterRules": [{
-          "Name": "prefix",
-          "Value": "STRING_VALUE"
-        }]
-      }
-    }
-  }]
-}

frontend-react/.gitignore

@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

frontend-react/README.md

@@ -1,68 +0,0 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.<br>
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br>
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.<br>
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.<br>
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br>
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-### Code Splitting
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
-
-### Analyzing the Bundle Size
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
-
-### Making a Progressive Web App
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
-
-### Advanced Configuration
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
-
-### Deployment
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
-
-### `npm run build` fails to minify
-
-This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

frontend-react/package.json

@@ -1,38 +0,0 @@
-{
-  "name": "frontend-react",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "@material-ui/core": "^3.9.0",
-    "@material-ui/icons": "^3.0.2",
-    "axios": "^0.18.0",
-    "history": "^4.7.2",
-    "prettier": "^1.15.3",
-    "rc-slider": "^8.6.4",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0",
-    "react-redux": "^6.0.0",
-    "react-router-dom": "^4.3.1",
-    "react-scripts": "^2.1.5",
-    "react-select": "^2.2.0",
-    "redux": "^4.0.1",
-    "redux-devtools-extension": "^2.13.7",
-    "redux-logger": "^3.0.6"
-  },
-  "scripts": {
-    "start": "NODE_PATH=src/ react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "proxy": "http://localhost:5000/",
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
-}

frontend-react/public/index.html

@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons"
-    />
-    <link rel="stylesheet" href="./style.css" />
-    <script
-      type="text/javascript"
-      src="https://www.2checkout.com/checkout/api/2co.min.js"
-    ></script>
-
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>React App</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

frontend-react/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

frontend-react/public/style.css

@@ -1,8 +0,0 @@
-html {
-  font-family: Roboto, sans-serif;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-}
-* {
-  font-family: Roboto, serif;
-}

frontend-react/src/assets/checkboxAndRadioStyle.css

@@ -1,10 +0,0 @@
-.radio-style {
-  color: #e91e63 !important;
-}
-
-.checkbox-style {
-  color: #e91e63 !important;
-}
-.label-style {
-  color: white;
-}

frontend-react/src/assets/dashboardStyle.js

@@ -1,30 +0,0 @@
-import { drawerWidth, transition } from "./globalStyle";
-
-const appStyle = theme => ({
-  wrapper: {
-    top: "0",
-    display: "grid",
-    minHeight: "750px",
-    "grid-template-columns": `${drawerWidth}px 1fr`,
-    "grid-template-areas": `"sidebar content"`,
-    [theme.breakpoints.down("sm")]: {
-      "grid-template-areas": `"sidebar" "content"`,
-      "grid-template-columns": "1fr",
-      "grid-template-rows": "auto 1fr"
-    }
-  },
-  mainPanel: {
-    ...transition,
-    overflowScrolling: "touch",
-    "grid-area": "content",
-    zIndex: "1",
-    backgroundColor: "#272727",
-    backgroundImage: "linear-gradient(180deg,#272727, #21525f)"
-  },
-  itemsCountTitle: {
-    textAlign: 'center',
-    color: 'white'
-  }
-});
-
-export default appStyle;

frontend-react/src/assets/globalStyle.js

@@ -1,42 +0,0 @@
-const drawerWidth = 360;
-
-const transition = {
-  transition: "all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)"
-};
-
-const boxShadow = {
-  boxShadow:
-    "0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)"
-};
-
-const defaultFont = {
-  fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif',
-  fontWeight: "300",
-  lineHeight: "1.5em"
-};
-
-const primaryColor = "#e91e63";
-
-const primaryBoxShadow = {
-  boxShadow:
-    "0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4)"
-};
-
-const defaultBoxShadow = {
-  border: "0",
-  borderRadius: "3px",
-  boxShadow:
-    "0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)",
-  padding: "10px 0",
-  transition: "all 150ms ease 0s"
-};
-
-export {
-  drawerWidth,
-  transition,
-  boxShadow,
-  defaultFont,
-  primaryColor,
-  primaryBoxShadow,
-  defaultBoxShadow
-};

frontend-react/src/assets/modalStyle.js

@@ -1,115 +0,0 @@
-const modalStyle = {
-  modal: {
-    borderRadius: "6px",
-    backgroundColor: "#010000"
-  },
-  modalHeader: {
-    borderBottom: "none",
-    paddingTop: "24px",
-    paddingRight: "24px",
-    paddingBottom: "0",
-    paddingLeft: "24px",
-    minHeight: "16.43px",
-    color: "white"
-  },
-  modalTitle: {
-    margin: "0",
-    lineHeight: "1.42857143"
-  },
-  modalCloseButton: {
-    color: "white",
-    marginTop: "-12px",
-    WebkitAppearance: "none",
-    padding: "0",
-    cursor: "pointer",
-    background: "0 0",
-    border: "0",
-    fontSize: "inherit",
-    opacity: ".9",
-    textShadow: "none",
-    fontWeight: "700",
-    lineHeight: "1",
-    float: "right"
-  },
-  modalClose: {
-    width: "16px",
-    height: "16px"
-  },
-  modalBody: {
-    paddingTop: "24px",
-    paddingRight: "24px",
-    paddingBottom: "16px",
-    paddingLeft: "24px",
-    position: "relative"
-  },
-  modalFooter: {
-    padding: "15px",
-    textAlign: "right",
-    paddingTop: "0",
-    margin: "0"
-  },
-  modalFooterCenter: {
-    marginLeft: "auto",
-    marginRight: "auto"
-  },
-  whiteText: {
-    color: "white"
-  },
-  inputStyle: {
-    color: "white",
-    "&:after": {
-      borderBottom: "1px solid #e91e63"
-    }
-  },
-  saveButton: {
-    backgroundColor: "#e91e63 !important",
-    color: "white !important"
-  },
-  closeButton: {
-    backgroundColor: "white",
-    color: "#e91e63"
-  },
-  checkBoxStyle: {
-    color: "#e91e63 !important"
-  },
-  tooltip: {
-    padding: "10px 15px",
-    minWidth: "130px",
-    color: "#e91e63",
-    lineHeight: "1.7em",
-    background: "white",
-    border: "none",
-    borderRadius: "3px",
-    boxShadow:
-      "0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2)",
-    maxWidth: "200px",
-    textAlign: "center",
-    fontFamily: '"Helvetica Neue",Helvetica,Arial,sans-serif',
-    fontSize: "0.875em",
-    fontStyle: "normal",
-    fontWeight: "400",
-    textShadow: "none",
-    textTransform: "none",
-    letterSpacing: "normal",
-    wordBreak: "normal",
-    wordSpacing: "normal",
-    wordWrap: "normal",
-    whiteSpace: "normal",
-    lineBreak: "auto",
-    zIndex: 5000
-  },
-  buttonStyle: {
-    width: "150px",
-    margin: "0 auto",
-    position: "relative",
-    borderRadius: "8px",
-    display: "block",
-    padding: "10px 10px",
-    textAlign: "center",
-    marginBottom: "20px",
-    color: "white",
-    backgroundColor: "#e91e63",
-    border: "1px solid #e91e63"
-  }
-};
-export default modalStyle;

frontend-react/src/assets/rangeStyle.css

@@ -1,28 +0,0 @@
-.rc-slider-handle {
-  border: solid 2px #e91e63 !important;
-}
-.rc-slider-handle:hover {
-  border: solid 2px #e91e63 !important;
-}
-.rc-slider-rail {
-  background-color: #e91e63 !important;
-  width: 20px;
-}
-.rc-slider-track {
-  background-color: grey !important;
-}
-.input-style:after {
-  border-bottom: 1px solid #e91e63 !important;
-}
-.input-style {
-  color: white !important;
-  width: 80% !important;
-  margin: 0 auto !important;
-  position: relative !important;
-  display: block !important;
-  margin: 10px auto !important;
-}
-.rc-slider {
-  width: 80% !important;
-  margin: 0 auto !important;
-}

frontend-react/src/assets/sidebarStyle.js

@@ -1,171 +0,0 @@
-import {
-  boxShadow,
-  defaultFont,
-  primaryColor,
-  primaryBoxShadow
-} from "./globalStyle";
-
-const sidebarStyle = theme => ({
-  drawerPaper: {
-    border: "none",
-    position: "relative",
-    "overflow-y": "auto",
-    "overflow-x": "none",
-    zIndex: "1",
-    ...boxShadow,
-    "grid-area": "sidebar",
-    [theme.breakpoints.down("sm")]: {
-      position: "relative"
-    }
-  },
-  logo: {
-    position: "relative",
-    padding: "15px 15px",
-    zIndex: "4",
-    "&:after": {
-      content: '""',
-      position: "absolute",
-      bottom: "0",
-
-      height: "1px",
-      right: "15px",
-      width: "calc(100% - 30px)",
-      backgroundColor: "rgba(180, 180, 180, 0.3)"
-    }
-  },
-  logoLink: {
-    ...defaultFont,
-    textTransform: "uppercase",
-    padding: "5px 0",
-    display: "block",
-    fontSize: "18px",
-    textAlign: "left",
-    fontWeight: "400",
-    lineHeight: "30px",
-    textDecoration: "none",
-    backgroundColor: "transparent",
-    "&,&:hover": {
-      color: "#FFFFFF"
-    }
-  },
-  logoImage: {
-    width: "30px",
-    display: "inline-block",
-    maxHeight: "30px",
-    marginLeft: "10px",
-    marginRight: "15px"
-  },
-  img: {
-    width: "35px",
-    top: "22px",
-    position: "absolute",
-    verticalAlign: "middle",
-    border: "0"
-  },
-  background: {
-    position: "absolute",
-    zIndex: "1",
-    height: "100%",
-    width: "100%",
-    display: "block",
-    top: "0",
-    left: "0",
-    backgroundSize: "cover",
-    backgroundPosition: "center center",
-    "&:after": {
-      position: "absolute",
-      zIndex: "3",
-      width: "100%",
-      height: "100%",
-      content: '""',
-      display: "block",
-      background: "#000",
-      opacity: ".8"
-    }
-  },
-  list: {
-    marginTop: "20px",
-    paddingLeft: "0",
-    paddingTop: "0",
-    paddingBottom: "0",
-    marginBottom: "0",
-    listStyle: "none",
-    position: "unset"
-  },
-  item: {
-    position: "relative",
-    display: "block",
-    textDecoration: "none",
-    "&:hover,&:focus,&:visited,&": {
-      color: "#FFFFFF"
-    }
-  },
-  itemLink: {
-    width: "auto",
-    transition: "all 300ms linear",
-    margin: "10px 15px 0",
-    borderRadius: "3px",
-    position: "relative",
-    display: "block",
-    padding: "10px 15px",
-    backgroundColor: "transparent",
-    ...defaultFont
-  },
-  itemIcon: {
-    width: "24px",
-    height: "30px",
-    fontSize: "24px",
-    lineHeight: "30px",
-    float: "left",
-    marginRight: "15px",
-    textAlign: "center",
-    verticalAlign: "middle",
-    color: "rgba(255, 255, 255, 0.8)"
-  },
-  itemText: {
-    ...defaultFont,
-    margin: "0",
-    lineHeight: "30px",
-    fontSize: "14px",
-    color: "#FFFFFF"
-  },
-  whiteFont: {
-    color: "#FFFFFF"
-  },
-
-  sidebarWrapper: {
-    width: "360px",
-    position: "relative",
-    overflow: "auto",
-    zIndex: "4",
-    overflowScrolling: "touch"
-  },
-  whiteText: {
-    zIndex: "5000",
-    color: "white"
-  },
-  collapsedItemStyle: {
-    zIndex: "5000",
-    color: "white",
-    "&:hover": {
-      backgroundColor: primaryColor,
-      color: "#FFFFFF",
-      ...primaryBoxShadow
-    },
-    cursor: "pointer"
-  },
-  collapse: {
-    width: "80%",
-    margin: "0 auto"
-  },
-  checkedItem: {
-    backgroundColor: primaryColor,
-    color: "#FFFFFF",
-    ...primaryBoxShadow
-  },
-  subOptionIndent: {
-    paddingLeft: "20px"
-  }
-});
-
-export default sidebarStyle;

frontend-react/src/components/App.js

@@ -1,104 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import withStyles from "@material-ui/core/styles/withStyles";
-import { connect } from "react-redux";
-import { ITEMS_CHANGED, USER_DATA_CHANGED } from "../constants/actionTypes";
-import { areObjectEqual } from "../utils/helpers";
-import { createOlxLink } from "../utils/createOlxLink";
-import axios from "axios";
-
-import image from "../assets/img/sidebar-1.jpg";
-import logo from "../assets/img/reactlogo.png";
-
-import Sidebar from "../components/Sidebar.js";
-import ItemsContainer from "./items/itemscontainer/ItemsContainer";
-import NotificationModal from "./NotificationModal";
-
-import dashboardStyle from "../assets/dashboardStyle.js";
-
-const mapStateToProps = state => {
-  return {
-    category: state.category,
-    options: state.options,
-    subcategory: state.subcategory,
-    items: state.items,
-    userdata: state.userdata
-  };
-};
-
-const mapDispatchToProps = dispatch => ({
-  onItemsChanged: items => dispatch({ type: ITEMS_CHANGED, items }),
-  onUserDataChange: change => dispatch({ type: USER_DATA_CHANGED, ...change })
-});
-
-let lastUpdateTime = null;
-let interval = null;
-class App extends React.Component {
-  componentDidMount() {
-    interval = setInterval(() => {
-      if (lastUpdateTime && Date.now() - lastUpdateTime > 2000) {
-        const {
-          category,
-          options,
-          subcategory,
-          onItemsChanged,
-          onUserDataChange
-        } = this.props;
-        let url = createOlxLink(category, subcategory, options);
-        url = encodeURI(url);
-        onUserDataChange({ info: "olx_url", value: url });
-        if (url) {
-          axios
-            .get(`/items/${url}`)
-            .then(response => {
-              onItemsChanged(response.data.items);
-              onUserDataChange({
-                info: "last_date",
-                value: response.data.last_date
-              });
-            })
-            .catch(error => console.log(error));
-        }
-        lastUpdateTime = null;
-      }
-    }, 1000);
-  }
-
-  componentWillUnmount() {
-    clearInterval(interval);
-  }
-  componentWillReceiveProps(newProps) {
-    const { subcategory, category, options } = this.props;
-    if (
-      newProps.subcategory !== subcategory ||
-      newProps.category !== category ||
-      !areObjectEqual(newProps.options, options)
-    ) {
-      lastUpdateTime = Date.now();
-    }
-  }
-
-  render() {
-    const { items, classes } = this.props;
-
-    return (
-      <div className={classes.wrapper}>
-        <Sidebar logoText={"Market Alarm"} logo={logo} image={image} />
-        <div className={classes.mainPanel}>
-          {items.length && <h3 className={classes.itemsCountTitle}>Pronađeno {items.length} nekretnina. Napravite notifikaciju i primite vise detalja na vas emailu adresu.</h3>}
-          {items.length ? <NotificationModal /> : null}
-        </div>
-      </div>
-    );
-  }
-}
-App.propTypes = {
-  classes: PropTypes.object.isRequired
-};
-
-export default withStyles(dashboardStyle)(
-  connect(
-    mapStateToProps,
-    mapDispatchToProps
-  )(App)
-);

frontend-react/src/components/NotificationModal.js

@@ -1,211 +0,0 @@
-import React from "react";
-import Dialog from "@material-ui/core/Dialog";
-import DialogTitle from "@material-ui/core/DialogTitle";
-import DialogContent from "@material-ui/core/DialogContent";
-import DialogActions from "@material-ui/core/DialogActions";
-import Slide from "@material-ui/core/Slide";
-import withStyles from "@material-ui/core/styles/withStyles";
-import { notificationmodalwrapper } from "../utils/notificationmodalwrapper";
-import modalStyle from "../assets/modalStyle.js";
-import Button from "@material-ui/core/Button";
-import IconButton from "@material-ui/core/IconButton";
-import Close from "@material-ui/icons/Close";
-import Input from "@material-ui/core/Input";
-import Checkbox from "@material-ui/core/Checkbox";
-import FormControlLabel from "@material-ui/core/FormControlLabel";
-import Typography from "@material-ui/core/Typography";
-import Tooltip from "@material-ui/core/Tooltip";
-import axios from "axios";
-
-function Transition(props) {
-  return <Slide direction="down" {...props} />;
-}
-
-let token = "";
-class NotificationModal extends React.Component {
-  componentDidMount() {
-    console.log("load sandbox");
-    window.TCO.loadPubKey("sandbox");
-  }
-  handleOpen = () => {
-    this.props.onModalOpen();
-  };
-  handleClose = () => {
-    this.props.onModalClose();
-  };
-
-  checkEmail = email =>
-    /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
-      email
-    );
-
-  handleEmail = e => {
-    this.props.onUserDataChange({ info: "email", value: e.target.value });
-    this.props.onUserDataChange({
-      info: "validEmail",
-      value: this.checkEmail(e.target.value)
-    });
-  };
-
-  handleInput = (e, infoName) => {
-    this.props.onUserDataChange({ info: infoName, value: e.target.value });
-  };
-
-  isChecked = optionName => Boolean(this.props.userdata[optionName]);
-
-  optionChange = optionName => {
-    const { userdata } = this.props;
-    this.props.onUserDataChange({
-      info: optionName,
-      value: !userdata[optionName]
-    });
-  };
-
-  successCallback = data => {
-    //token = data.response.token.token;
-    const {
-      userdata: { email, last_date, olx_url }
-    } = this.props;
-
-    axios
-      .post("/marketalerts", {
-        email,
-        last_date,
-        olx_url
-      })
-      .then(response => {
-        this.handleClose();
-        alert("Market Alert Created");
-      })
-      .catch(error => console.log(error));
-  };
-
-  errorCallback = data => {
-    if (data.errorCode === 200) {
-      this.tokenRequest();
-    } else {
-      alert(data.errorMsg);
-    }
-  };
-
-  tokenRequest = () => {
-    const {
-      userdata: { ccNo, expYear, expMonth, cvv }
-    } = this.props;
-    const sellerId = "901402692";
-    const publishableKey = "93546B8D-B726-4376-A6DF-F698FD8893CA";
-    var args = {
-      sellerId,
-      publishableKey,
-      ccNo,
-      cvv,
-      expMonth,
-      expYear
-    };
-    window.TCO.requestToken(this.successCallback, this.errorCallback, args);
-  };
-
-  handleSaveMarketAlert = () => {
-    this.successCallback();
-    //this.tokenRequest();
-  };
-
-  render() {
-    const {
-      modal,
-      classes,
-      userdata: { validEmail }
-    } = this.props;
-
-    return (
-      <div>
-        <button className={classes.buttonStyle} onClick={this.handleOpen}>
-          Napravi notifikaciju
-        </button>
-        <Dialog
-          classes={{
-            root: classes.center,
-            paper: classes.modal
-          }}
-          open={modal}
-          TransitionComponent={Transition}
-          keepMounted
-          onClose={() => this.handleClose()}
-          aria-labelledby="classic-modal-slide-title"
-          aria-describedby="classic-modal-slide-description"
-        >
-          <DialogTitle
-            id="classic-modal-slide-title"
-            disableTypography
-            className={classes.modalHeader}
-          >
-            <IconButton
-              className={classes.modalCloseButton}
-              key="close"
-              aria-label="Close"
-              color="inherit"
-              onClick={() => this.handleClose()}
-            >
-              <Close className={classes.modalClose} />
-            </IconButton>
-            <h4 className={classes.modalTitle}>Save Market Alert</h4>
-          </DialogTitle>
-          <DialogContent
-            id="classic-modal-slide-description"
-            className={classes.modalBody}
-          >
-            <div>
-              <Input
-                className={classes.inputStyle}
-                placeholder="Email"
-                inputProps={{
-                  "aria-label": "Email"
-                }}
-                type="email"
-                onChange={this.handleEmail}
-              />
-              <Input
-                className={classes.inputStyle}
-                type="hidden"
-                value={token}
-              />
-            </div>
-          </DialogContent>
-          <DialogActions className={classes.modalFooter}>
-            {validEmail ? (
-              <Button
-                onClick={this.handleSaveMarketAlert}
-                className={classes.saveButton}
-              >
-                Save
-              </Button>
-            ) : (
-              <Tooltip
-                title="Provide a valid email"
-                placement="top"
-                classes={{ tooltip: classes.tooltip }}
-              >
-                <div>
-                  <Button disabled className={classes.saveButton}>
-                    Save
-                  </Button>
-                </div>
-              </Tooltip>
-            )}
-
-            <Button
-              className={classes.closeButton}
-              onClick={() => this.handleClose()}
-            >
-              Close
-            </Button>
-          </DialogActions>
-        </Dialog>
-      </div>
-    );
-  }
-}
-
-export default withStyles(modalStyle)(
-  notificationmodalwrapper(NotificationModal)
-);

frontend-react/src/components/Sidebar.js

@@ -1,116 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-import withStyles from "@material-ui/core/styles/withStyles";
-import List from "@material-ui/core/List";
-import ListItem from "@material-ui/core/ListItem";
-import ListItemIcon from "@material-ui/core/ListItemIcon";
-import ListItemText from "@material-ui/core/ListItemText";
-import Dashboard from "@material-ui/icons/Dashboard";
-import ExpandLess from "@material-ui/icons/ExpandLess";
-import ExpandMore from "@material-ui/icons/ExpandMore";
-import Collapse from "@material-ui/core/Collapse";
-import StarBorder from "@material-ui/icons/StarBorder";
-
-import sidebarStyle from "../assets/sidebarStyle.js";
-import CollapseWrapperStyled from "../components/widgets/CollapseWrapperStyled";
-import DeepCategoryWrapper from "./widgets/DeepCategoryWrapper";
-import { hoc } from "../utils/helpers";
-
-import * as Nekretnine from "./categories/Nekretnine";
-
-import { connect } from "react-redux";
-import { CATEGORY_SELECT } from "../constants/actionTypes";
-
-const options = [
-  { value: "Nekretnine", label: "Nekretnine" }
-];
-
-const mapStateToProps = state => {
-  return {
-    category: state.category
-  };
-};
-
-const mapDispatchToProps = dispatch => ({
-  onCategoryChanged: option => dispatch({ type: CATEGORY_SELECT, option })
-});
-
-class Sidebar extends React.Component {
-  handleCategoryChange = selectedOption => {
-    this.props.onCategoryChanged(selectedOption);
-  };
-  render() {
-    const { classes, logo, image, logoText, category } = this.props;
-
-    return (
-      <div className={classes.drawerPaper}>
-        <div className={classes.logo}>
-          <a href="https://www.creative-tim.com" className={classes.logoLink}>
-            <div className={classes.logoImage}>
-              <img src={logo} alt="logo" className={classes.img} />
-            </div>
-            {logoText}
-          </a>
-        </div>
-        <div className={classes.sidebarWrapper}>
-          <List role="menu">
-            <Collapse in={true} timeout="auto" unmountOnExit>
-              <List disablePadding>
-                {options.map(({ label, value }, index) => (
-                  <ListItem
-                    onClick={() => this.handleCategoryChange({ label, value })}
-                    className={
-                      classes.nested +
-                      " " +
-                      classes.collapsedItemStyle +
-                      " " +
-                      (category && category.value === value
-                        ? classes.checkedItem
-                        : "")
-                    }
-                    key={index}
-                  >
-                    <ListItemIcon className={classes.whiteText}>
-                      <StarBorder />
-                    </ListItemIcon>
-                    <ListItemText
-                      className={classes.whiteText}
-                      primary={label}
-                      disableTypography={true}
-                    />
-                  </ListItem>
-                ))}
-              </List>
-            </Collapse>
-
-            {hoc(category && category.value, {
-              Nekretnine: (
-                <CollapseWrapperStyled componentName="Podkategorija">
-                  <DeepCategoryWrapper {...Nekretnine.properties} />
-                </CollapseWrapperStyled>
-              )
-            })}
-          </List>
-        </div>
-        {image !== undefined ? (
-          <div
-            className={classes.background}
-            style={{ backgroundImage: "url(" + image + ")" }}
-          />
-        ) : null}
-      </div>
-    );
-  }
-}
-
-Sidebar.propTypes = {
-  classes: PropTypes.object.isRequired
-};
-
-export default withStyles(sidebarStyle)(
-  connect(
-    mapStateToProps,
-    mapDispatchToProps
-  )(Sidebar)
-);

frontend-react/src/components/categories/Nekretnine.js

@@ -1,17 +0,0 @@
-import React from "react";
-
-import Stanovi from "../subcategories/nekretnine/Stanovi";
-import Kuce from "../subcategories/nekretnine/Kuce";
-
-const options = [{ value: 23, label: "Stanovi" }, { value: 24, label: "Kuce" }];
-const depth = 0;
-const childrenComponents = {
-  23: <Stanovi />,
-  24: <Kuce />
-};
-
-export const properties = {
-  options,
-  depth,
-  childrenComponents
-};

frontend-react/src/components/filters/NekretnineFilter/AllFiltersDefined.js

@@ -1,234 +0,0 @@
-// Kanton/Regija
-export const lokacijaOptions = {
-  choices: [
-    { value: "9", label: "Sarajevo" },
-    { value: "2", label: "Posavski" }
-  ],
-  value: "kanton",
-  optionName: "kanton"
-};
-
-// Grad
-export const gradoviOptions = {
-  parentOptionName: "kanton",
-  checkboxOptions: {
-    "9": {
-      elements: [
-        {
-          type: "checkbox",
-          name: "Ilidza",
-          optionName: "grad-ilidza",
-          value: "3879"
-        },
-        {
-          type: "checkbox",
-          name: "Sarajevo-Centar",
-          optionName: "grad-centar",
-          value: "3812"
-        },
-        {
-          type: "checkbox",
-          name: "Hadzici",
-          optionName: "grad-hadzici",
-          value: "3817"
-        },
-        {
-          type: "checkbox",
-          name: "Ilijas",
-          optionName: "grad-ilijas",
-          value: "3892"
-        },
-        {
-          type: "checkbox",
-          name: "Sarajevo-Novi Grad",
-          optionName: "grad-novigrad",
-          value: "3969"
-        },
-        {
-          type: "checkbox",
-          name: "Sarajevo-Novo Sarajevo",
-          optionName: "grad-novosarajevo",
-          value: "5896"
-        }
-      ]
-    }
-  }
-};
-
-// Cijena
-export const cijenaRangeOptions = {
-  min: 0,
-  max: 100000,
-  defaultValues: [0, 100000],
-  step: 100,
-  optionNames: ["od", "do"]
-};
-
-// Stanje
-export const stanjeElements = [
-  {
-    type: "radio",
-    value: 0,
-    name: "Sve",
-    optionName: "stanje"
-  },
-  {
-    type: "radio",
-    value: 1,
-    name: "Novo",
-    optionName: "stanje"
-  },
-  {
-    type: "radio",
-    value: 2,
-    name: "Koristeno",
-    optionName: "stanje"
-  }
-];
-
-// Vrsta Artikla
-export const vrstaElements = [
-  {
-    value: "",
-    name: "Sve",
-    type: "radio",
-    optionName: "vrsta"
-  },
-  {
-    value: "samoprodaja",
-    name: "Prodaja",
-    type: "radio",
-    optionName: "vrsta"
-  },
-  {
-    value: "samoizdavanje",
-    name: "Iznajmljivanje",
-    type: "radio",
-    optionName: "vrsta"
-  },
-  {
-    value: "samopotraznja",
-    name: "Potražnja",
-    type: "radio",
-    optionName: "vrsta"
-  }
-];
-
-// Kvadrata
-export const velicinaRangeOptions = {
-  min: 0,
-  max: 1000,
-  defaultValues: [0, new Date().getFullYear()],
-  step: 1,
-  optionNames: ["kvadrata_min", "kvadrata_max"]
-};
-
-// Dodatno za kucu
-export const kucaElements = [
-  {
-    type: "checkbox",
-    name: "Uknjizeno",
-    optionName: "uknjizeno-zk_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Namjesteno",
-    optionName: "namjestena_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Nedavno adaptirano",
-    optionName: "nedavno-adaptirana_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Garaza",
-    optionName: "gara-a_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Balkon",
-    optionName: "balkon_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Voda",
-    optionName: "voda_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Plin",
-    optionName: "plin_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Bazen",
-    optionName: "bazen_checkbox",
-    value: "on"
-  }
-];
-
-// Dodatno za stan
-export const stanElements = [
-  {
-    type: "checkbox",
-    name: "Novogradnja",
-    optionName: "novogradnja_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Namjesten",
-    optionName: "namjesten_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Nedavno adaptiran",
-    optionName: "nedavno-adaptiran_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Uknjizeno",
-    optionName: "uknjizeno-zk_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Lift",
-    optionName: "lift_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Balkon",
-    optionName: "balkon_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Parking",
-    optionName: "parking_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "Plin",
-    optionName: "plin_checkbox",
-    value: "on"
-  },
-  {
-    type: "checkbox",
-    name: "kablovska",
-    optionName: "kablovska-tv_checkbox",
-    value: "on"
-  }
-];

frontend-react/src/components/filters/NekretnineFilter/index.js

@@ -1,72 +0,0 @@
-import React from "react";
-import * as Filters from "./AllFiltersDefined";
-import CheckboxAndRadioWrapper from "../../widgets/CheckboxAndRadioWrapper";
-import SelectDisplayCheckboxWrapper from "../../widgets/SelectDisplayCheckboxWrapper";
-import RangeWrapper from "../../widgets/RangeWrapper";
-import DropDownWrapper from "../../widgets/DropDownWrapper";
-
-const Kanton = (
-  <DropDownWrapper componentName="Lokacija" {...Filters.lokacijaOptions} />
-);
-
-const Grad = (
-  <SelectDisplayCheckboxWrapper
-    componentName="Grad"
-    {...Filters.gradoviOptions}
-  />
-);
-
-const Cijena = (
-  <RangeWrapper
-    componentName="Cijena"
-    {...Filters.cijenaRangeOptions}
-    optionName="cijena"
-  />
-);
-
-const Stanje = (
-  <CheckboxAndRadioWrapper
-    componentName="Stanje"
-    elements={Filters.stanjeElements}
-  />
-);
-
-const Vrsta = (
-  <CheckboxAndRadioWrapper
-    componentName="Vrsta"
-    elements={Filters.vrstaElements}
-  />
-);
-
-const Kvadratura = (
-  <RangeWrapper
-    componentName="Velicina"
-    {...Filters.velicinaRangeOptions}
-    optionName="velicina"
-  />
-);
-
-const DodatnoZaStan = (
-  <CheckboxAndRadioWrapper
-    componentName="dodatno-za-stan"
-    elements={Filters.stanElements}
-  />
-);
-
-const DodatnoZaKucu = (
-  <CheckboxAndRadioWrapper
-    componentName="dodatno-za-kucu"
-    elements={Filters.kucaElements}
-  />
-);
-
-export {
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Kvadratura,
-  DodatnoZaStan,
-  DodatnoZaKucu
-};

frontend-react/src/components/filters/VozilaFilter/AllFiltersDefined.js

@@ -1,188 +0,0 @@
-// Proizvodac
-export const proizvodacOptions = {
-  choices: [{ value: "1900", label: "Audi" }, { value: "9000", label: "Ford" }],
-  value: "v_b",
-  optionName: "v_b"
-};
-
-// Kanton/Regija
-export const lokacijaOptions = {
-  choices: [
-    { value: "9", label: "Sarajevo" },
-    { value: "2", label: "Posavski" }
-  ],
-  value: "kanton",
-  optionName: "kanton"
-};
-
-// Grad
-export const gradoviOptions = {
-  parentOptionName: "kanton",
-  checkboxOptions: {
-    "9": {
-      elements: [
-        {
-          type: "checkbox",
-          name: "Ilidza",
-          optionName: "grad-ilidza",
-          value: "3879"
-        },
-        {
-          type: "checkbox",
-          name: "Sarajevo-Centar",
-          optionName: "grad-centar",
-          value: "3812"
-        },
-        {
-          type: "checkbox",
-          name: "Hadzici",
-          optionName: "grad-hadzici",
-          value: "3817"
-        },
-        {
-          type: "checkbox",
-          name: "Ilijas",
-          optionName: "grad-ilijas",
-          value: "3892"
-        },
-        {
-          type: "checkbox",
-          name: "Sarajevo-Novi Grad",
-          optionName: "grad-novigrad",
-          value: "3969"
-        },
-        {
-          type: "checkbox",
-          name: "Sarajevo-Novo Sarajevo",
-          optionName: "grad-novosarajevo",
-          value: "5896"
-        }
-      ]
-    }
-  }
-};
-
-// Cijena
-export const cijenaRangeOptions = {
-  min: 0,
-  max: 100000,
-  defaultValues: [0, 100000],
-  step: 100,
-  optionNames: ["od", "do"]
-};
-
-// Stanje
-export const stanjeElements = [
-  {
-    type: "radio",
-    value: "",
-    name: "Nova i polovna vozila",
-    optionName: "stanje"
-  },
-  {
-    type: "radio",
-    value: 1,
-    name: "Nova",
-    optionName: "stanje"
-  },
-  {
-    type: "radio",
-    value: 2,
-    name: "Polovna vozila",
-    optionName: "stanje"
-  },
-  {
-    type: "checkbox",
-    name: "Udarena vozila",
-    optionName: "udaren_checkbox",
-    value: "on"
-  }
-];
-
-// Vrsta Artikla
-export const vrstaElements = [
-  {
-    value: "",
-    name: "Sve",
-    type: "radio",
-    optionName: "vrsta"
-  },
-  {
-    value: "samoprodaja",
-    name: "Prodaja",
-    type: "radio",
-    optionName: "vrsta"
-  },
-  {
-    value: "samoizdavanje",
-    name: "Iznajmljivanje",
-    type: "radio",
-    optionName: "vrsta"
-  },
-  {
-    value: "samopotraznja",
-    name: "Potražnja",
-    type: "radio",
-    optionName: "vrsta"
-  }
-];
-
-// Godiste
-export const godisteRangeOptions = {
-  min: 1960,
-  max: new Date().getFullYear(),
-  defaultValues: [1960, new Date().getFullYear()],
-  step: 1,
-  optionNames: ["godiste_min", "godiste_max"]
-};
-
-// Kilometraza
-export const kilometrazaOptions = {
-  kilometraMin: {
-    choices: [{ value: 5000, label: "5000" }, { value: 10000, label: "10000" }],
-    value: "kilometra-a_min",
-    optionName: "kilometra-a_min"
-  },
-  kilometraMax: {
-    choices: [
-      { value: 15000, label: "15000" },
-      { value: 200000, label: "200000" }
-    ],
-    value: "kilometra-a_max",
-    optionName: "kilometra-a_max"
-  }
-};
-
-// Gorivo
-export const gorivoElements = [
-  {
-    name: "Dizel",
-    optionName: "gorivo_select_dizel",
-    type: "checkbox",
-    value: "Dizel"
-  },
-  {
-    name: "Benzin",
-    optionName: "gorivo_select_benzin",
-    type: "checkbox",
-    value: "Benzin"
-  },
-  {
-    name: "Plin",
-    optionName: "gorivo_select_plin",
-    type: "checkbox",
-    value: "Plin"
-  },
-  {
-    name: "Hibrid",
-    optionName: "gorivo_select_hibrid",
-    type: "checkbox",
-    value: "Hibrid"
-  },
-  {
-    name: "Elektro",
-    optionName: "gorivo_select_elektro",
-    type: "checkbox",
-    value: "Elektro"
-  }
-];

frontend-react/src/components/filters/VozilaFilter/index.js

@@ -1,81 +0,0 @@
-import React from "react";
-import * as Filters from "./AllFiltersDefined";
-import CheckboxAndRadioWrapper from "components/widgets/CheckboxAndRadioWrapper";
-import SelectDisplayCheckboxWrapper from "components/widgets/SelectDisplayCheckboxWrapper";
-import RangeWrapper from "components/widgets/RangeWrapper";
-import DropDownWrapper from "components/widgets/DropDownWrapper";
-
-const Proizvodac = (
-  <DropDownWrapper componentName="Proizvodac" {...Filters.proizvodacOptions} />
-);
-
-const Kanton = (
-  <DropDownWrapper componentName="Lokacija" {...Filters.lokacijaOptions} />
-);
-
-const Grad = (
-  <SelectDisplayCheckboxWrapper
-    componentName="Grad"
-    {...Filters.gradoviOptions}
-  />
-);
-
-const Cijena = (
-  <RangeWrapper
-    componentName="Cijena"
-    {...Filters.cijenaRangeOptions}
-    optionName="cijena"
-  />
-);
-
-const Stanje = (
-  <CheckboxAndRadioWrapper
-    componentName="Stanje"
-    elements={Filters.stanjeElements}
-  />
-);
-
-const Vrsta = (
-  <CheckboxAndRadioWrapper
-    componentName="Vrsta"
-    elements={Filters.vrstaElements}
-  />
-);
-
-const Godiste = (
-  <RangeWrapper componentName="Godiste" {...Filters.godisteRangeOptions} />
-);
-
-const KilometraMin = (
-  <DropDownWrapper
-    componentName="Min kilometraza"
-    {...Filters.kilometrazaOptions.kilometraMin}
-  />
-);
-
-const KilometraMax = (
-  <DropDownWrapper
-    componentName="Max kilometraza"
-    {...Filters.kilometrazaOptions.kilometraMax}
-  />
-);
-
-const Gorivo = (
-  <CheckboxAndRadioWrapper
-    componentName="Gorivo"
-    elements={Filters.gorivoElements}
-  />
-);
-
-export {
-  Proizvodac,
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Godiste,
-  KilometraMin,
-  KilometraMax,
-  Gorivo
-};

frontend-react/src/components/items/itemcard/ItemCard.css

@@ -1,40 +0,0 @@
-.item {
-  display: grid;
-  border: solid #ffc600 1px;
-  border-radius: 5px;
-  max-width: 200px;
-  min-height: 150px;
-  grid-template-areas:
-    "image"
-    "title";
-  margin: 3%;
-  background-color: #272727;
-  justify-items: center;
-  align-items: center;
-}
-
-.item > a > img {
-  width: 90%;
-  height: 90%;
-  min-height: 100px !important;
-  min-width: 150px !important;
-  grid-area: image;
-}
-.item > a {
-  text-decoration: none;
-}
-.basic-info {
-  grid-area: title;
-  width: 100%;
-  margin: 0 auto;
-  text-align: center;
-}
-
-.basic-info > h3 {
-  font-size: 90%;
-  margin: 5%;
-  margin-bottom: 0px;
-  color: #ffc600;
-  padding-bottom: 10px;
-  overflow-wrap: break-word;
-}

frontend-react/src/components/items/itemcard/ItemCard.js

@@ -1,20 +0,0 @@
-import React, { Component } from "react";
-import "./ItemCard.css";
-
-class ItemCard extends Component {
-  render() {
-    const { url, price, image } = this.props;
-    return (
-      <div className="item">
-        <a href={url}>
-          <img alt={image} src={image} />
-          <div className="basic-info">
-            <h3>{price}</h3>
-          </div>
-        </a>
-      </div>
-    );
-  }
-}
-
-export default ItemCard;

frontend-react/src/components/items/itemscontainer/ItemsContainer.css

@@ -1,8 +0,0 @@
-.items-list {
-  margin: 5%;
-  margin-top: 8%;
-  display: grid;
-  grid-gap: 5px;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  justify-items: center;
-}

frontend-react/src/components/items/itemscontainer/ItemsContainer.js

@@ -1,25 +0,0 @@
-import React, { Component } from "react";
-import { connect } from "react-redux";
-
-import ItemCard from "../itemcard/ItemCard";
-import "./ItemsContainer.css";
-
-const mapStateToProps = state => {
-  return {
-    items: state.items
-  };
-};
-
-class ItemContainer extends Component {
-  renderItems() {
-    let items = this.props.items;
-    return items.map((item, index) => {
-      return <ItemCard {...item} key={index} />;
-    });
-  }
-
-  render() {
-    return <div className="items-list">{this.renderItems()}</div>;
-  }
-}
-export default connect(mapStateToProps)(ItemContainer);

frontend-react/src/components/subcategories/nekretnine/Kuce.js

@@ -1,23 +0,0 @@
-import { WrapAll } from "../../widgets/CollapseWrapperAll";
-import {
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Kvadratura,
-  DodatnoZaKucu
-} from "../../filters/NekretnineFilter/index";
-
-const KuceFilters = [
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Kvadratura,
-  DodatnoZaKucu
-];
-const Kuce = () => WrapAll(KuceFilters);
-
-export default Kuce;

frontend-react/src/components/subcategories/nekretnine/Stanovi.js

@@ -1,23 +0,0 @@
-import { WrapAll } from "../../widgets/CollapseWrapperAll";
-import {
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Kvadratura,
-  DodatnoZaStan
-} from "../../filters/NekretnineFilter/index";
-
-const StanFilters = [
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Kvadratura,
-  DodatnoZaStan
-];
-const Stanovi = () => WrapAll(StanFilters);
-
-export default Stanovi;

frontend-react/src/components/subcategories/vozila/Motocikli.js

@@ -1,27 +0,0 @@
-import { WrapAll } from "components/widgets/CollapseWrapperAll";
-import {
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Godiste,
-  KilometraMin,
-  KilometraMax,
-  Gorivo
-} from "components/filters/VozilaFilter/index";
-
-const MotocikliFilters = [
-  Kanton,
-  Grad,
-  Cijena,
-  Stanje,
-  Vrsta,
-  Godiste,
-  KilometraMin,
-  KilometraMax,
-  Gorivo
-];
-const Motocikli = () => WrapAll(MotocikliFilters);
-
-export default Motocikli;

frontend-react/src/components/widgets/CheckboxAndRadioWrapper.js

@@ -1,57 +0,0 @@
-import React from "react";
-import { optionchangewrapper } from "../../utils/optionchangewrapper";
-import Checkbox from "@material-ui/core/Checkbox";
-import Radio from "@material-ui/core/Radio";
-import "../../assets/checkboxAndRadioStyle.css";
-
-class CheckboxAndRadioWrapper extends React.Component {
-  optionChange = (option, optionName, type) => {
-    const optionTypePicker = {
-      radio: option.target.value,
-      checkbox: option.target.checked ? option.target.value : false
-    };
-    const { onOptionChanged } = this.props;
-    onOptionChanged({
-      optionName,
-      optionValue: optionTypePicker[type]
-    });
-  };
-  isChecked = (type, value, optionName) => {
-    const { options } = this.props;
-    return options.hasOwnProperty(optionName) && type === "checkbox"
-      ? options[optionName]
-      : options[optionName] === String(value);
-  };
-  renderElements = (elements, componentName) => {
-    return elements.map(({ type, value, name, optionName } = {}) => (
-      <label key={name + type}>
-        {type === "radio" ? (
-          <Radio
-            className="radio-style"
-            name={type === "radio" ? `${componentName}-radio` : ""}
-            type={type}
-            value={value}
-            checked={this.isChecked(type, value, optionName)}
-            onChange={option => this.optionChange(option, optionName, type)}
-          />
-        ) : (
-          <Checkbox
-            className="checkbox-style"
-            type={type}
-            value={value}
-            checked={this.isChecked(type, value, optionName)}
-            onChange={option => this.optionChange(option, optionName, type)}
-          />
-        )}
-        <span className="label-style">{name}</span>
-        <br />
-      </label>
-    ));
-  };
-
-  render() {
-    const { elements, componentName } = this.props;
-    return <div>{this.renderElements(elements, componentName)}</div>;
-  }
-}
-export default optionchangewrapper(CheckboxAndRadioWrapper);

frontend-react/src/components/widgets/CollapseWrapperAll.js

@@ -1,13 +0,0 @@
-import React from "react";
-import CollapseWrapperStyled from "./CollapseWrapperStyled";
-
-export const WrapAll = components => {
-  return components.map(comp => (
-    <CollapseWrapperStyled
-      key={comp.props.componentName}
-      componentName={comp.props.componentName}
-    >
-      {comp}
-    </CollapseWrapperStyled>
-  ));
-};

frontend-react/src/components/widgets/CollapseWrapperStyled.js

@@ -1,71 +0,0 @@
-import React from "react";
-import { connect } from "react-redux";
-import { OPTION_EXPAND_CHANGE } from "../../constants/actionTypes";
-
-import withStyles from "@material-ui/core/styles/withStyles";
-import sidebarStyle from "../../assets/sidebarStyle.js";
-import Collapse from "@material-ui/core/Collapse";
-import ListItem from "@material-ui/core/ListItem";
-import ListItemIcon from "@material-ui/core/ListItemIcon";
-import ListItemText from "@material-ui/core/ListItemText";
-import ExpandLess from "@material-ui/icons/ExpandLess";
-import ExpandMore from "@material-ui/icons/ExpandMore";
-import Dashboard from "@material-ui/icons/Dashboard";
-
-const mapStateToProps = state => {
-  return {
-    uiexpand: state.uiexpand
-  };
-};
-
-const mapDispatchToProps = dispatch => ({
-  onUIExpandChanged: uiExpandOption =>
-    dispatch({ type: OPTION_EXPAND_CHANGE, ...uiExpandOption })
-});
-
-class CollapseWrapperStyled extends React.Component {
-  handleClick = componentName => {
-    this.props.onUIExpandChanged({
-      controlName: componentName,
-      value: !this.props.uiexpand[componentName]
-    });
-  };
-
-  isopen = componentName => this.props.uiexpand[componentName];
-  render() {
-    let { classes, componentName } = this.props;
-    return (
-      <div>
-        <ListItem
-          className={classes.whiteText}
-          onClick={() => this.handleClick(componentName)}
-        >
-          <ListItemIcon className={classes.whiteText}>
-            <Dashboard />
-          </ListItemIcon>
-          <ListItemText
-            className={classes.whiteText}
-            inset
-            primary={componentName}
-            disableTypography={true}
-          />
-          {this.isopen(componentName) ? <ExpandLess /> : <ExpandMore />}
-        </ListItem>
-        <Collapse
-          className={classes.subOptionIndent}
-          in={this.isopen(componentName)}
-          timeout="auto"
-          unmountOnExit
-        >
-          {this.props.children}
-        </Collapse>
-      </div>
-    );
-  }
-}
-export default withStyles(sidebarStyle)(
-  connect(
-    mapStateToProps,
-    mapDispatchToProps
-  )(CollapseWrapperStyled)
-);

frontend-react/src/components/widgets/DeepCategoryWrapper.js

@@ -1,61 +0,0 @@
-import React from "react";
-import { subcategorywrapper } from "../../utils/subcategorywrapper";
-import { hoc } from "../../utils/helpers";
-
-import withStyles from "@material-ui/core/styles/withStyles";
-import sidebarStyle from "../../assets/sidebarStyle.js";
-import List from "@material-ui/core/List";
-import ListItem from "@material-ui/core/ListItem";
-import ListItemIcon from "@material-ui/core/ListItemIcon";
-import ListItemText from "@material-ui/core/ListItemText";
-import StarBorder from "@material-ui/icons/StarBorder";
-
-class DeepCategoryWrapper extends React.Component {
-  handleOptionChange = selectedOption => {
-    const { depth, onSubCategoryChanged } = this.props;
-    onSubCategoryChanged({ selectedOption, depth });
-  };
-
-  render() {
-    const { options, depth, childrenComponents, classes } = this.props;
-    const {
-      subcategory: { [depth]: deepSubCategory }
-    } = this.props;
-
-    return (
-      <div>
-        <List disablePadding>
-          {options.map(({ label, value }, index) => (
-            <ListItem
-              onClick={() => this.handleOptionChange({ label, value })}
-              className={
-                classes.nested +
-                " " +
-                classes.collapsedItemStyle +
-                " " +
-                (deepSubCategory && deepSubCategory.value === value
-                  ? classes.checkedItem
-                  : "")
-              }
-              key={index}
-            >
-              <ListItemIcon className={classes.whiteText}>
-                <StarBorder />
-              </ListItemIcon>
-              <ListItemText
-                className={classes.whiteText}
-                primary={label}
-                disableTypography={true}
-              />
-            </ListItem>
-          ))}
-        </List>
-
-        {hoc(deepSubCategory && deepSubCategory.value, childrenComponents)}
-      </div>
-    );
-  }
-}
-export default withStyles(sidebarStyle)(
-  subcategorywrapper(DeepCategoryWrapper)
-);

frontend-react/src/components/widgets/DropDownWrapper.js

@@ -1,54 +0,0 @@
-import React from "react";
-import { optionchangewrapper } from "../../utils/optionchangewrapper";
-
-import withStyles from "@material-ui/core/styles/withStyles";
-import List from "@material-ui/core/List";
-import ListItem from "@material-ui/core/ListItem";
-import ListItemIcon from "@material-ui/core/ListItemIcon";
-import ListItemText from "@material-ui/core/ListItemText";
-import sidebarStyle from "../../assets/sidebarStyle.js";
-import StarBorder from "@material-ui/icons/StarBorder";
-
-class DropdownWrapper extends React.Component {
-  handleOptionChange = selectedOption => {
-    const { onOptionChanged, optionName } = this.props;
-    onOptionChanged({
-      optionName,
-      optionValue: selectedOption
-    });
-  };
-
-  render() {
-    let { value, options, choices, classes } = this.props;
-    let optionName = value;
-    return (
-      <List disablePadding>
-        {choices.map(({ label, value }, index) => (
-          <ListItem
-            onClick={() => this.handleOptionChange({ label, value })}
-            className={
-              classes.nested +
-              " " +
-              classes.collapsedItemStyle +
-              " " +
-              (options[optionName] && options[optionName].value === value
-                ? classes.checkedItem
-                : "")
-            }
-            key={index}
-          >
-            <ListItemIcon className={classes.whiteText}>
-              <StarBorder />
-            </ListItemIcon>
-            <ListItemText
-              className={classes.whiteText}
-              primary={label}
-              disableTypography={true}
-            />
-          </ListItem>
-        ))}
-      </List>
-    );
-  }
-}
-export default withStyles(sidebarStyle)(optionchangewrapper(DropdownWrapper));

frontend-react/src/components/widgets/RangeWrapper.js

@@ -1,70 +0,0 @@
-import React from "react";
-import { Range } from "rc-slider";
-import { optionchangewrapper } from "../../utils/optionchangewrapper";
-import "../../assets/rangeStyle.css";
-import "rc-slider/assets/index.css";
-import Input from "@material-ui/core/Input";
-
-class RangeWrapper extends React.Component {
-  sendAction = (optionName, optionValue) => {
-    this.props.onOptionChanged({
-      optionName,
-      optionValue
-    });
-  };
-  handleRangeChange = ([min, max] = this.props.defaultValues) => {
-    this.inputMin.value = min;
-    this.inputMax.value = max;
-    const { optionNames } = this.props;
-    const optionValues = [min, max];
-    optionNames.forEach((optionName, index) =>
-      this.sendAction(optionName, optionValues[index])
-    );
-  };
-
-  handleInputChange = () => {
-    const { optionNames } = this.props;
-    const optionValues = [this.inputMin.value, this.inputMax.value];
-    optionNames.forEach((optionName, index) =>
-      this.sendAction(optionName, optionValues[index])
-    );
-  };
-
-  render() {
-    const { step, defaultValues, min, max } = this.props;
-    return (
-      <div>
-        <Range
-          min={min}
-          max={max}
-          defaultValue={defaultValues}
-          step={step}
-          onAfterChange={this.handleRangeChange}
-        />
-        <Input
-          placeholder="Min"
-          className="input-style"
-          inputProps={{
-            "aria-label": "Min"
-          }}
-          inputRef={node => {
-            this.inputMin = node;
-          }}
-          onChange={this.handleInputChange}
-        />
-        <Input
-          placeholder="Max"
-          className="input-style"
-          inputProps={{
-            "aria-label": "Max"
-          }}
-          inputRef={node => {
-            this.inputMax = node;
-          }}
-          onChange={this.handleInputChange}
-        />
-      </div>
-    );
-  }
-}
-export default optionchangewrapper(RangeWrapper);

frontend-react/src/components/widgets/SelectDisplayCheckboxWrapper.js

@@ -1,21 +0,0 @@
-import React from "react";
-import CheckboxAndRadioWrapper from "../../components/widgets/CheckboxAndRadioWrapper";
-import { optionchangewrapper } from "../../utils/optionchangewrapper";
-
-class SelectDisplayCheckboxWrapper extends React.Component {
-  render() {
-    const { options, checkboxOptions, parentOptionName } = this.props;
-    let elements =
-      options[parentOptionName] &&
-      checkboxOptions[options[parentOptionName].value].elements;
-    return elements ? (
-      <div>
-        <CheckboxAndRadioWrapper
-          componentName={`${parentOptionName}-child`}
-          elements={elements}
-        />
-      </div>
-    ) : null;
-  }
-}
-export default optionchangewrapper(SelectDisplayCheckboxWrapper);