add remove button for selected entities

Author: hkal

app/scripts/controllers/crunchinator.js

@@ -45,6 +45,20 @@ angular.module('crunchinatorApp.controllers')
         }
     };
 
+    $scope.removeInvestor = function(investor) {
+        $scope.selectedInvestors.splice($scope.selectedInvestors.indexOf(investor), 1);
+        inv_ids = _.pluck($scope.selectedInvestors, 'id');
+        $scope.filteredCompanies();
+        $scope.clearLookingFor();
+    };
+
+    $scope.removeCompany = function(company) {
+        $scope.selectedCompanies.splice($scope.selectedCompanies.indexOf(company), 1);
+        company_ids = _.pluck($scope.selectedCompanies, 'id');
+        $scope.filteredInvestors();
+        $scope.clearLookingFor();
+    };
+
     $scope.geoJsonData = _.memoize(function(filteredCompanies) {
         var geojson = {
             'type': 'FeatureCollection',

app/styles/main.css

@@ -70,3 +70,7 @@ body {
 #investors .dataset, #companies .dataset {
   height: 251px;
 }
+
+.remove-selected {
+  text-align: right;
+}

app/views/main.tpl.html

@@ -79,6 +79,9 @@ <h3 class="pull-left">Investors</h3>
                         <tbody>
                             <tr ng-repeat="investor in selectedInvestors">
                                 <td>{{investor.name}}</td>
+                                <td class="remove-selected">
+                                    <span class="glyphicon glyphicon-remove-circle" ng-click="removeInvestor(investor)"></span>
+                                </td>
                             </tr>
                         </tbody>
                     </table>
@@ -102,6 +105,9 @@ <h3 class="pull-left">Companies</h3>
                         <tbody>
                             <tr ng-repeat="company in selectedCompanies">
                                 <td>{{company.name}}</td>
+                                <td class="remove-selected">
+                                    <span class="glyphicon glyphicon-remove-circle remove-selected" ng-click="removeCompany(company)"></span>
+                                </td>
                             </tr>
                         </tbody>
                     </table>