Reinitialize pane

Author: geoffreybauduin

README.md

@@ -37,6 +37,10 @@ angular.module("app").controller("MyCtrl", function () {
 
 **Don't forget to specify an id for your scroll pane, otherwise it won't be working**
 
+### Reinitialize the pane
+
+If you want to reinitialize the pane, you can broadcast `reinit-pane` with the ID of the DOM Element.
+
 ## Contributing
 
 If you wish to contribute, fork this repository.

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-scroll-pane",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "homepage": "https://github.com/lght/angular-scroll-pane",
   "authors": [
     "Geoffrey Bauduin <[email protected]>"

dist/angular-jscrollpane.js

@@ -14,13 +14,23 @@
             config = $scope.$eval($attrs.scrollConfig);
           }
           fn = function() {
-            return jQuery("#" + $attrs.id).jScrollPane(config);
+            jQuery("#" + $attrs.id).jScrollPane(config);
+            return $scope.pane = jQuery("#" + $attrs.id).data("jsp");
           };
           if ($attrs.scrollTimeout) {
-            return $timeout(fn, $scope.$eval($attrs.scrollTimeout));
+            $timeout(fn, $scope.$eval($attrs.scrollTimeout));
           } else {
-            return fn();
+            fn();
           }
+          return $scope.$on("reinit-pane", function(event, id) {
+            if (id === $attrs.id && $scope.pane) {
+              console.log("Reinit pane " + id);
+              return $scope.$apply(function() {
+                $scope.pane.destroy();
+                return fn();
+              });
+            }
+          });
         },
         replace: true
       };

dist/angular-jscrollpane.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-scroll-pane",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "AngularJS bindings for jScrollPane",
   "main": "jscrollpane.js",
   "scripts": {

package.json

@@ -9,12 +9,20 @@ angular
 			link: ($scope, $elem, $attrs) ->
 				config = {}
 				if $attrs.scrollConfig
-					config = $scope.$eval $attrs.scrollConfig
-				fn = () ->
-					jQuery("##{$attrs.id}").jScrollPane config
+					config = $scope.$eval($attrs.scrollConfig)
+				fn = ->
+					jQuery("##{$attrs.id}").jScrollPane(config)
+					$scope.pane = jQuery("##{$attrs.id}").data("jsp")
 				if $attrs.scrollTimeout
-					$timeout fn, $scope.$eval $attrs.scrollTimeout
+					$timeout(fn, $scope.$eval($attrs.scrollTimeout))
 				else
 					do fn
+				$scope.$on("reinit-pane", (event, id) ->
+					if id is $attrs.id and $scope.pane
+						console.log("Reinit pane #{id}")
+						$scope.$apply ->
+							$scope.pane.destroy()
+							fn()
+				)
 			replace: true
 	]