From 397b3ca69f862a1fee524abc6aa2de8b94e18dcd Mon Sep 17 00:00:00 2001
From: Dave Woestenborghs <dave.woestenborghs@gmail.com>
Date: Mon, 29 Oct 2018 11:02:53 +0100
Subject: [PATCH] #3434 use toggle for varying by culture on property settings
 dialog in content type designer

---
 .../propertysettings.controller.js            | 13 +++++++++-
 .../propertysettings/propertysettings.html    | 25 +++++++++++++------
 2 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.controller.js
index 7239fd22e7..fec24a3a31 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.controller.js
@@ -29,6 +29,8 @@
         vm.submit = submit;
         vm.close = close;
 
+        vm.toggleAllowCultureVariants = toggleAllowCultureVariants;
+
         function onInit() {
 
             userService.getCurrentUser().then(function(user) {
@@ -232,10 +234,19 @@
 
         }
 
+        function toggleAllowCultureVariants() {
+            if ($scope.model.property.allowCultureVariant) {
+                $scope.model.property.allowCultureVariant = false;
+                return;
+            }
+
+            $scope.model.property.allowCultureVariant = true;
+        }
+
         onInit();
 
     }
 
     angular.module("umbraco").controller("Umbraco.Editors.PropertySettingsController", PropertySettingsEditor);
 
-})();
\ No newline at end of file
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html
index 610af28cb8..6862a313d1 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/propertysettings/propertysettings.html
@@ -106,14 +106,23 @@
                     
                         </div>
                         <div class="umb-control-group clearfix" ng-if="model.contentType === 'documentType' && model.contentTypeAllowCultureVariant">
-                    
-                            <h5>Property Type Variation</h5>
-                    
-                            <label class="checkbox no-indent">
-                                <input type="checkbox" ng-model="model.property.allowCultureVariant" />
-                                Allow varying by Culture
-                            </label>
-                    
+                            <div class="sub-view-columns">
+
+                                <div class="sub-view-column-left">
+                                    <h5><localize key="contentTypeEditor_variantsHeading" /></h5>
+                                    
+                                </div>
+
+                                <div class="sub-view-column-right">
+                                    <umb-toggle data-element="permissions-allow-culture-variant"
+                                                checked="model.property.allowCultureVariant"
+                                                on-click="vm.toggleAllowCultureVariants()"
+                                    >
+                                    </umb-toggle>
+                                </div>
+    
+                            </div>
+                            
                         </div>
                     
                         <div class="umb-control-group clearfix" ng-if="model.contentType === 'memberType'">