From 499b7cdf873285c0c15d0217f0e6a78b1171f3e9 Mon Sep 17 00:00:00 2001
From: Eldad Bercovici <dutzi.b@gmail.com>
Date: Sun, 19 Oct 2014 04:41:28 +0300
Subject: [PATCH] Added indication for deleted rules in request list

---
 chrome-extension/app/panel.html                       | 4 +++-
 chrome-extension/app/scripts/controllers/PanelCtrl.js | 1 +
 chrome-extension/app/styles/main.css                  | 9 ++++++++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/chrome-extension/app/panel.html b/chrome-extension/app/panel.html
index 5b7ba2f..c136e93 100644
--- a/chrome-extension/app/panel.html
+++ b/chrome-extension/app/panel.html
@@ -114,7 +114,9 @@
 					</div>
 					<div id="requestsContainer" class="vbox">
 						
-						<div ng-repeat="request in requests | filter:requestFilter" class="request-item" ng-class="{'request-item-error': request.error}">
+						<div class="request-item"
+							ng-repeat="request in requests | filter:requestFilter" 
+							ng-class="{'request-item-error': request.error, 'request-item-removed': request.isRemoved}">
 							<span ng-show="request.isModified" class="request-item-modified-badge">Modified</span>
 							<a class="request-item-link" 
 								href="#" 
diff --git a/chrome-extension/app/scripts/controllers/PanelCtrl.js b/chrome-extension/app/scripts/controllers/PanelCtrl.js
index cedf3b1..dcdd7b9 100644
--- a/chrome-extension/app/scripts/controllers/PanelCtrl.js
+++ b/chrome-extension/app/scripts/controllers/PanelCtrl.js
@@ -148,6 +148,7 @@ module.controller('PanelCtrl', ['$scope', '$filter', '$window', 'ProxyService',
 	$scope.onDiscardChangesClick = function(request, e) {
 		var url = request.url;
 
+		request.isRemoved = true;
 		for (var i = 0; i < $scope.proxyRules.length; i++) {
 			if ($scope.proxyRules[i].url === url) {
 				$scope.proxyRules.splice(i, 1);
diff --git a/chrome-extension/app/styles/main.css b/chrome-extension/app/styles/main.css
index 175677e..af66bb8 100644
--- a/chrome-extension/app/styles/main.css
+++ b/chrome-extension/app/styles/main.css
@@ -114,10 +114,17 @@ body {
 	font-weight: normal;
 }
 
-.request-item-modified.request-item-removed .request-item-discard-changes {
+.request-item.request-item-removed .request-item-discard-changes {
 	visibility: hidden;
 }
 
+.request-item.request-item-removed .request-item-modified-badge {
+	background: none;
+	border: 1px solid #ccc;
+	box-shadow: none;
+	color: #aaa;
+}
+
 .log-item {
 	flex: none;
 	padding: 4px 0px 3px 4px;