From e7932b6ae4e66761e237507e0f3116283a170fa8 Mon Sep 17 00:00:00 2001
From: Jan Skovgaard <jaskov@gmail.com>
Date: Sun, 15 Jul 2018 18:00:20 +0200
Subject: [PATCH] Replace the checkboxes with the umb-toggle directive using a
 toggleHandler in the controller

---
 .../views/content/content.copy.controller.js  | 27 ++++++++++++++++---
 .../src/views/content/copy.html               |  8 +++---
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/content/content.copy.controller.js b/src/Umbraco.Web.UI.Client/src/views/content/content.copy.controller.js
index 562a2291b1..0cd217c3a8 100644
--- a/src/Umbraco.Web.UI.Client/src/views/content/content.copy.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/content/content.copy.controller.js
@@ -20,9 +20,10 @@ angular.module("umbraco").controller("Umbraco.Editors.Content.CopyController",
 	    }
 	    $scope.treeModel = {
 	        hideHeader: false
-	    }
+        }
+        $scope.toggle = toggleHandler;
 	    userService.getCurrentUser().then(function (userData) {
-            $scope.treeModel.hideHeader = userData.startContentIds.length > 0 && userData.startContentIds.indexOf(-1) == -1;	     
+            $scope.treeModel.hideHeader = userData.startContentIds.length > 0 && userData.startContentIds.indexOf(-1) == -1;
 	    });
 
 	    var node = dialogOptions.currentNode;
@@ -57,7 +58,27 @@ angular.module("umbraco").controller("Umbraco.Editors.Content.CopyController",
           	if (args.node.metaData.isContainer) {
 				openMiniListView(args.node);
 			}
-	    }
+        }
+
+        function toggleHandler(type){
+            // If the relateToOriginal toggle is clicked
+            if(type === "relate"){
+                if($scope.relateToOriginal){
+                    $scope.relateToOriginal = false;
+                    return;
+                }
+                $scope.relateToOriginal = true;
+            }
+
+            // If the recurvise toggle is clicked
+            if(type === "recursive"){
+                if($scope.recursive){
+                    $scope.recursive = false;
+                    return;
+                }
+                $scope.recursive = true;
+            }
+        }
 
 	    $scope.hideSearch = function () {
 	        $scope.searchInfo.showSearch = false;
diff --git a/src/Umbraco.Web.UI.Client/src/views/content/copy.html b/src/Umbraco.Web.UI.Client/src/views/content/copy.html
index ca7714c284..e02855ea8f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/content/copy.html
+++ b/src/Umbraco.Web.UI.Client/src/views/content/copy.html
@@ -68,13 +68,13 @@
 
                 <umb-pane>
                     <umb-control-group  localize="label" label="@defaultdialogs_relateToOriginalLabel">
-                        <input type="checkbox" ng-model="$parent.$parent.relateToOriginal"/>
+                        <umb-toggle checked="$parent.$parent.relateToOriginal" on-click="$parent.$parent.toggle('relate')"></umb-toggle>
                     </umb-control-group>
                 </umb-pane>
 
                 <umb-pane>
-                    <umb-control-group localize="label" label="@defaultdialogs_includeDescendants"> 
-                        <input type="checkbox" ng-model="$parent.$parent.recursive" />
+                    <umb-control-group localize="label" label="@defaultdialogs_includeDescendants">
+                        <umb-toggle checked="$parent.$parent.recursive" on-click="$parent.$parent.toggle('recursive')"></umb-toggle>
                     </umb-control-group>
                 </umb-pane>
 
@@ -90,4 +90,4 @@
             <localize key="actions_copy">Copy</localize>
         </button>
     </div>
-</div>
\ No newline at end of file
+</div>