diff --git a/dist/gridstack-angular.js b/dist/gridstack-angular.js index 259048a..27d4108 100644 --- a/dist/gridstack-angular.js +++ b/dist/gridstack-angular.js @@ -117,7 +117,11 @@ app.directive('gridstackItem', ['$timeout', function($timeout) { gsItemY: '=', gsItemWidth: '=', gsItemHeight: '=', - gsItemAutopos: '=' + gsItemAutopos: '=', + gsItemMinHeight: '=?', + gsItemMaxHeight: '=?', + gsItemMinWidth: '=?', + gsItemMaxWidth: '=?' }, link: function(scope, element, attrs, controller) { if (scope.gsItemId) { @@ -127,6 +131,10 @@ app.directive('gridstackItem', ['$timeout', function($timeout) { $(element).attr('data-gs-y', scope.gsItemY); $(element).attr('data-gs-width', scope.gsItemWidth); $(element).attr('data-gs-height', scope.gsItemHeight); + $(element).attr('data-gs-min-width', scope.gsItemMinWidth); + $(element).attr('data-gs-min-height', scope.gsItemMinHeight); + $(element).attr('data-gs-max-width', scope.gsItemMaxWidth); + $(element).attr('data-gs-max-height', scope.gsItemMaxHeight); $(element).attr('data-gs-auto-position', scope.gsItemAutopos); var widget = controller.addItem(element); var item = element.data('_gridstack_node'); diff --git a/dist/gridstack-angular.min.js b/dist/gridstack-angular.min.js index aad166b..96c3d87 100644 --- a/dist/gridstack-angular.min.js +++ b/dist/gridstack-angular.min.js @@ -7,4 +7,4 @@ */ !function(){"use strict";angular.module("gridstack-angular",[]);var t=angular.module("gridstack-angular");t.controller("GridstackController",["$scope",function(t){var r=null;this.init=function(t,n){return r=t.gridstack(n).data("gridstack")},this.removeItem=function(t){return r?r.removeWidget(t,!1):null},this.addItem=function(t){return r?(r.makeWidget(t),t):null}}])}(); !function(){"use strict";var n=angular.module("gridstack-angular");n.directive("gridstack",["$timeout",function(n){return{restrict:"A",controller:"GridstackController",scope:{onChange:"&",onDragStart:"&",onDragStop:"&",onResizeStart:"&",onResizeStop:"&",gridstackHandler:"=?",options:"="},link:function(t,o,e,i,r){var a=i.init(o,t.options);t.gridstackHandler=a,o.on("change",function(o,e){n(function(){t.$apply(),t.onChange({event:o,items:e})})}),o.on("dragstart",function(n,o){t.onDragStart({event:n,ui:o})}),o.on("dragstop",function(o,e){n(function(){t.$apply(),t.onDragStop({event:o,ui:e})})}),o.on("resizestart",function(n,o){t.onResizeStart({event:n,ui:o})}),o.on("resizestop",function(o,e){n(function(){t.$apply(),t.onResizeStop({event:o,ui:e})})})}}}])}(); -!function(){"use strict";var t=angular.module("gridstack-angular");t.directive("gridstackItem",["$timeout",function(t){return{restrict:"A",controller:"GridstackController",require:"^gridstack",scope:{gridstackItem:"=",onItemAdded:"&",onItemRemoved:"&",gsItemId:"=?",gsItemX:"=",gsItemY:"=",gsItemWidth:"=",gsItemHeight:"=",gsItemAutopos:"="},link:function(e,a,r,n){e.gsItemId&&$(a).attr("data-gs-id",e.gsItemId),$(a).attr("data-gs-x",e.gsItemX),$(a).attr("data-gs-y",e.gsItemY),$(a).attr("data-gs-width",e.gsItemWidth),$(a).attr("data-gs-height",e.gsItemHeight),$(a).attr("data-gs-auto-position",e.gsItemAutopos);var d=(n.addItem(a),a.data("_gridstack_node"));t(function(){e.onItemAdded({item:d})}),e.$watch(function(){return $(a).attr("data-gs-id")},function(t){e.gsItemId=t}),e.$watch(function(){return $(a).attr("data-gs-x")},function(t){e.gsItemX=Number(t)}),e.$watch(function(){return $(a).attr("data-gs-y")},function(t){e.gsItemY=Number(t)}),e.$watch(function(){return $(a).attr("data-gs-width")},function(t){e.gsItemWidth=Number(t)}),e.$watch(function(){return $(a).attr("data-gs-height")},function(t){e.gsItemHeight=Number(t)}),a.bind("$destroy",function(){var t=a.data("_gridstack_node");e.onItemRemoved({item:t}),n.removeItem(a)})}}}])}(); \ No newline at end of file +!function(){"use strict";var t=angular.module("gridstack-angular");t.directive("gridstackItem",["$timeout",function(t){return{restrict:"A",controller:"GridstackController",require:"^gridstack",scope:{gridstackItem:"=",onItemAdded:"&",onItemRemoved:"&",gsItemId:"=?",gsItemX:"=",gsItemY:"=",gsItemWidth:"=",gsItemHeight:"=",gsItemAutopos:"=",gsItemMinHeight:"=?",gsItemMaxHeight:"=?",gsItemMinWidth:"=?",gsItemMaxWidth:"=?"},link:function(e,a,i,g){e.gsItemId&&$(a).attr("data-gs-id",e.gsItemId),$(a).attr("data-gs-x",e.gsItemX),$(a).attr("data-gs-y",e.gsItemY),$(a).attr("data-gs-width",e.gsItemWidth),$(a).attr("data-gs-height",e.gsItemHeight),$(a).attr("data-gs-min-width",e.gsItemMinWidth),$(a).attr("data-gs-min-height",e.gsItemMinHeight),$(a).attr("data-gs-max-width",e.gsItemMaxWidth),$(a).attr("data-gs-max-height",e.gsItemMaxHeight),$(a).attr("data-gs-auto-position",e.gsItemAutopos);var d=(g.addItem(a),a.data("_gridstack_node"));t(function(){e.onItemAdded({item:d})}),e.$watch(function(){return $(a).attr("data-gs-id")},function(t){e.gsItemId=t}),e.$watch(function(){return $(a).attr("data-gs-x")},function(t){e.gsItemX=Number(t)}),e.$watch(function(){return $(a).attr("data-gs-y")},function(t){e.gsItemY=Number(t)}),e.$watch(function(){return $(a).attr("data-gs-width")},function(t){e.gsItemWidth=Number(t)}),e.$watch(function(){return $(a).attr("data-gs-height")},function(t){e.gsItemHeight=Number(t)}),a.bind("$destroy",function(){var t=a.data("_gridstack_node");e.onItemRemoved({item:t}),g.removeItem(a)})}}}])}(); \ No newline at end of file diff --git a/src/gridstackitem.directive.js b/src/gridstackitem.directive.js index be3ad41..320a5b2 100644 --- a/src/gridstackitem.directive.js +++ b/src/gridstackitem.directive.js @@ -18,7 +18,11 @@ app.directive('gridstackItem', ['$timeout', function($timeout) { gsItemY: '=', gsItemWidth: '=', gsItemHeight: '=', - gsItemAutopos: '=' + gsItemAutopos: '=', + gsItemMinHeight: '=?', + gsItemMaxHeight: '=?', + gsItemMinWidth: '=?', + gsItemMaxWidth: '=?' }, link: function(scope, element, attrs, controller) { if (scope.gsItemId) { @@ -28,6 +32,10 @@ app.directive('gridstackItem', ['$timeout', function($timeout) { $(element).attr('data-gs-y', scope.gsItemY); $(element).attr('data-gs-width', scope.gsItemWidth); $(element).attr('data-gs-height', scope.gsItemHeight); + $(element).attr('data-gs-min-width', scope.gsItemMinWidth); + $(element).attr('data-gs-min-height', scope.gsItemMinHeight); + $(element).attr('data-gs-max-width', scope.gsItemMaxWidth); + $(element).attr('data-gs-max-height', scope.gsItemMaxHeight); $(element).attr('data-gs-auto-position', scope.gsItemAutopos); var widget = controller.addItem(element); var item = element.data('_gridstack_node');