Merge pull request #1 from JohnnyTheTank/reorderElements

improved api for reorder elements

Author: JohnnyTheTank

demo/app.js

@@ -1,8 +1,8 @@
 angular.module('app', ['jtt_bricklayer']);
 
 angular.module('app')
-    .controller("appController", function ($scope, $timeout) {
-        $scope.createElement = function (position) {
+    .controller("appController", function ($scope) {
+        $scope.createElement = function () {
             return {
                 color: '#' + Math.random().toString(16).substr(-6),
                 height: sizes[Math.floor(Math.random() * sizes.length)],

dist/angular-bricklayer.js

@@ -1,6 +1,6 @@
 /**
     @name: angular-bricklayer 
-    @version: 1.0.1 (23-04-2016) 
+    @version: 1.0.1 (24-04-2016) 
     @author:  
     @url: https://github.com/JohnnyTheTank/angular-bricklayer 
     @license: MIT
@@ -9,28 +9,34 @@ angular.module('jtt_bricklayer', [])
     .directive('bricklayer', ['$timeout', function ($timeout) {
         return {
             restrict: 'C',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 var bricklayer = new Bricklayer(element[0]);
 
                 $timeout(function () {
                     bricklayer.reorderElements(bricklayer.columnCount);
-                }, 0);
+                });
 
                 scope.$on('bricklayer.append', function (event, element) {
                     bricklayer.append(element);
                     bricklayer.reorderElements(bricklayer.columnCount);
                     $timeout(function () {
                         bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    });
                 });
 
                 scope.$on('bricklayer.prepend', function (event, element) {
                     bricklayer.prepend(element);
                     bricklayer.reorderElements(bricklayer.columnCount);
                     $timeout(function () {
                         bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    });
+                });
+
+                scope.$on('bricklayer.reorderElements', function () {
+                    bricklayer.reorderElements(bricklayer.columnCount);
+                    $timeout(function () {
+                        bricklayer.reorderElements(bricklayer.columnCount);
+                    });
                 });
             }
         }
@@ -39,7 +45,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.append', element[0]);
             }
@@ -49,7 +54,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.prepend', element[0]);
             }

dist/angular-bricklayer.min.js

@@ -2,28 +2,25 @@ angular.module('jtt_bricklayer', [])
     .directive('bricklayer', ['$timeout', function ($timeout) {
         return {
             restrict: 'C',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 var bricklayer = new Bricklayer(element[0]);
 
                 $timeout(function () {
-                    bricklayer.reorderElements(bricklayer.columnCount);
-                }, 0);
+                    bricklayer.redraw();
+                });
 
                 scope.$on('bricklayer.append', function (event, element) {
                     bricklayer.append(element);
-                    bricklayer.reorderElements(bricklayer.columnCount);
-                    $timeout(function () {
-                        bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    bricklayer.redraw();
                 });
 
                 scope.$on('bricklayer.prepend', function (event, element) {
                     bricklayer.prepend(element);
-                    bricklayer.reorderElements(bricklayer.columnCount);
-                    $timeout(function () {
-                        bricklayer.reorderElements(bricklayer.columnCount);
-                    }, 0);
+                    bricklayer.redraw();
+                });
+
+                scope.$on('bricklayer.redraw', function () {
+                    bricklayer.redraw();
                 });
             }
         }
@@ -32,7 +29,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.append', element[0]);
             }
@@ -42,7 +38,6 @@ angular.module('jtt_bricklayer', [])
         return {
             require: '?bricklayer',
             restrict: 'ACE',
-            replace: 'false',
             link: function (scope, element, attrs) {
                 scope.$emit('bricklayer.prepend', element[0]);
             }