From 82ee7aa12717960348cada389cc9f457d9fd206c Mon Sep 17 00:00:00 2001
From: Alfredo <alfredonado@gmail.com>
Date: Fri, 10 Mar 2017 12:44:50 +0100
Subject: [PATCH] Added filter by price in property view #16

---
 .../app/entities/property/properties.html     | 19 ++++++++++---------
 .../entities/property/property.controller.js  | 14 +++++++++++++-
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/main/webapp/app/entities/property/properties.html b/src/main/webapp/app/entities/property/properties.html
index a931df6..705e5f7 100644
--- a/src/main/webapp/app/entities/property/properties.html
+++ b/src/main/webapp/app/entities/property/properties.html
@@ -29,15 +29,16 @@ <h2 data-translate="assessoriaTorrellesApp.property.home.title">Properties</h2>
 
                         <div class="col-md-8 col-sm-8 col-xs-9">
                             <form class="form-inline" role="form">
-                                <span>Sort by : </span>
+                                <span>Sort by </span>
                                 <div class="form-group">
-                                    <label class="sr-only" for="sortby">Sort by : </label>
-                                    <select class="form-control">
-                                        <option>Most Recent</option>
-                                        <option>Price (Low &gt; High)</option>
-                                        <option>Price (High &gt; Low)</option>
-                                        <option>Most Popular (Low &gt; High)</option>
-                                    </select>
+                                    <label class="sr-only" for="sortby">Sort by price: </label>
+                                    <!--{{vm.orderCriteria.rev}}-->
+                                    <!--<select class="form-control" ng-model="vm.orderCriteria.rev">-->
+
+                                        <!--<option value="false">Price (Low &gt; High)</option>-->
+                                        <!--<option value="true">Price (High &gt; Low)</option>-->
+                                    <!--</select>-->
+                                    <button type="button" class="btn btn-success" ng-click="vm.changeOrder()">Price <span class="glyphicon glyphicon-euro"></span></button>
                                 </div>
                                 <span>Show : </span>
                                 <div class="form-group">
@@ -58,7 +59,7 @@ <h2 data-translate="assessoriaTorrellesApp.property.home.title">Properties</h2>
                     <!-- end:sorting -->
 
                     <div class="row container-realestate">
-                        <div class="col-md-4 col-sm-6 col-xs-12" ng-repeat="property in vm.listByFilter track by property.id">
+                        <div class="col-md-4 col-sm-6 col-xs-12" ng-repeat="property in vm.listByFilter | orderBy:orderCriteria.criteria:vm.orderCriteria.rev track by property.id">
                             <div class="property-container">
                                 <div class="property-image">
                                     <img src="content/img/img02.jpg" ui-sref="property-detail({id:property.id})" alt="mikha real estate theme">
diff --git a/src/main/webapp/app/entities/property/property.controller.js b/src/main/webapp/app/entities/property/property.controller.js
index a5fca01..a168b24 100644
--- a/src/main/webapp/app/entities/property/property.controller.js
+++ b/src/main/webapp/app/entities/property/property.controller.js
@@ -20,10 +20,22 @@
         vm.listByFilter = [];
         vm.filterCritera = {};
         // vm.filterCritera.location = 'Barcelona';
-
         vm.isAuthenticated = null;
         vm.account = null;
 
+        vm.orderCriteria = {};
+        vm.orderCriteria.criteria = 'price';
+        vm.orderCriteria.rev = true;
+
+        vm.changeOrder = function () {
+
+            if(vm.orderCriteria.rev ===true){
+                vm.orderCriteria.rev = false;
+            }else if(vm.orderCriteria.rev ===false){
+                vm.orderCriteria.rev = true;
+            }
+        };
+
         $scope.$on('authenticationSuccess', function() {
             getAccount();
         });