From 69ddf5f1ba36e33f749fa1bdbc8e07e1110077a2 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Tue, 11 Aug 2015 10:43:55 +0200
Subject: [PATCH] Close confirm delete on out side click

---
 .../directives/components/umbconfirmdelete.directive.js       | 4 ++++
 .../src/views/components/umb-confirm-delete.html              | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbconfirmdelete.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbconfirmdelete.directive.js
index 01e070a757..5cd244f108 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbconfirmdelete.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbconfirmdelete.directive.js
@@ -11,6 +11,10 @@
         scope.confirmOverlayOpen = !scope.confirmOverlayOpen;
       };
 
+      scope.closeOverlay = function() {
+        scope.confirmOverlayOpen = false;
+      };
+
     }
 
     var directive = {
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html
index 0613c56905..5074c1e49a 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-confirm-delete.html
@@ -1,4 +1,4 @@
-<div class="umb-confirm-delete">
+<div class="umb-confirm-delete" on-outside-click="closeOverlay()">
 
   <a href="" ng-click="toggleOverlay()">
     <i class="icon-trash"></i>
@@ -8,7 +8,7 @@
     <i class="icon-check"></i>
   </a>
 
-  <a class="umb_confirm-delete__overlay-action -cancel" href="" ng-click="toggleOverlay()" ng-if="confirmOverlayOpen">
+  <a class="umb_confirm-delete__overlay-action -cancel" href="" ng-click="closeOverlay()" ng-if="confirmOverlayOpen">
     <i class="icon-delete"></i>
   </a>