make it work on 8.4

Author: nathanwoulfe

appveyor.yml

@@ -1,5 +1,5 @@
 # version format
-version: 2.0.2.{build}
+version: 2.1.0.{build}
 
 image: Visual Studio 2017
 
@@ -11,7 +11,7 @@ cache:
 install:
   - set PATH=C:\Program Files (x86)\Microsoft Visual Studio\2017\BuildTools\MSBuild\15.0\Bin\MSBuild.exe;C:\Ruby22\bin;%PATH%
   - cmd: npm install -g gulp-cli
-  - cmd: set UMBRACO_PACKAGE_MIN_VERSION=8.1.0
+  - cmd: set UMBRACO_PACKAGE_MIN_VERSION=8.4.0
   - cmd: cd BuildPackage
   - cmd: Build.bat
 
@@ -39,9 +39,9 @@ deploy:
         appveyor_repo_tag: true      
 
   - provider: GitHub
-    tag: v2.0.2
-    release: Release 2.0.2
-    description: "v8 bugfixes"
+    tag: v2.1.0
+    release: Release 2.1.0
+    description: "8.4 bugfixes"
     force_update: true
     auth_token:
         secure: Otbl8p8qCwciDqJgSWCyN0Arfs5XS1CwiHcK+r0F6uz9Rxt4gzBFvlc3cjPV3NxR

src/NestingContently/backoffice/app.js

@@ -0,0 +1,18 @@
+(() => {
+
+    angular.module('nc.components', []);
+
+    angular.module('nc', [
+        'nc.components'
+    ]);
+    
+    angular.module('umbraco').requires.push('nc');
+    
+    for (let q of angular.module('umbraco')._invokeQueue) {
+        if (q[2][0] === 'nestedContentPropertyEditor') { 
+            const pattern = /<div class="umb-nested-content__icons">/gmi;
+            q[2][1].template = q[2][1].template.replace(pattern, '$&<nc-toggle node="node" index="$index" model="$parent.$parent.model"></nc-toggle>'); 
+        }
+    }
+    
+})();

src/NestingContently/backoffice/button.component.js

@@ -4,14 +4,14 @@
     function controller($element, $scope, locale) {
 
         let prop = {};
-        let labels = {};
+        let labels = {}; 
         let disabled = false;
 
         locale.localizeMany(['actions_enable','actions_disable']).then(data => {
             labels.enable = data[0];
             labels.disable = data[1];
         });
-
+ 
         const disabledClass = 'umb-nested-content__item--disabled';
         const itemClass = '.umb-nested-content__item';
         const editorName = 'NestingContently';
@@ -26,15 +26,14 @@
 
             prop.value = disabled ? 1 : 0;
 
-            this.parent.model.value[this.index].disabled = disabled;
-            this.parent.$parent.$parent.model.value[this.index].disabled = disabled;
+            this.model.value[this.index].disabled = disabled;
 
             setTitle();
             setClass('toggle');
         }
 
         this.$onInit = () => {
-            if (this.node) {                
+            if (this.node) {                              
                 const props = this.node.variants[0].tabs[0]
                     .properties.filter(p => p.editor === editorName);
 
@@ -67,13 +66,13 @@
         bindings: {
             node: '<',
             index: '<',
-            parent: '<'
+            model: '<'
         },
         controller: controller,
         template: template
     };
 
     controller.$inject = ['$element', '$scope', 'localizationService'];
 
-    angular.module('umbraco.directives').component('ncToggle', component);
+    angular.module('nc.components').component('ncToggle', component);
 })();

src/NestingContently/backoffice/editor.controller.js

@@ -17,5 +17,4 @@
     } 
 
     angular.module('umbraco').controller('nestingContentlyController', ['$element', nestingContently]);
-})();
-
+})();

src/NestingContently/backoffice/editor.html

@@ -1,3 +1 @@
-<div ng-controller="nestingContentlyController as vm">
-    {{ model.value }}
-</div> 
+<div ng-controller="nestingContentlyController as vm"></div> 

src/NestingContently/backoffice/interceptor.js

@@ -13,8 +13,8 @@
         '~/app_plugins/nestingcontently/backoffice/styles.css'
     ],
     javascript: [	
+        '~/app_plugins/nestingcontently/backoffice/app.js',
         '~/app_plugins/nestingcontently/backoffice/editor.controller.js',
-        '~/app_plugins/nestingcontently/backoffice/interceptor.js',
         '~/app_plugins/nestingcontently/backoffice/button.component.js'
 
     ]