diff --git a/jquery.gridster/gridster-tests.ts b/jquery.gridster/gridster-tests.ts
index 3672c9555..99edbb9a8 100644
--- a/jquery.gridster/gridster-tests.ts
+++ b/jquery.gridster/gridster-tests.ts
@@ -13,10 +13,67 @@ var options: GridsterOptions = {
x: wgd.row,
y: wgd.col
};
- }
+ },
+ widget_base_dimensions: [100, 100]
};
var gridster: Gridster = $('.gridster ul').gridster(options).data('gridster');
gridster.add_widget('The HTML of the widget...', 2, 1);
gridster.remove_widget($('gridster li').eq(3).get(0));
var json = gridster.serialize();
+
+var coords: GridsterCoords = gridster.get_highest_occupied_cell();
+var position = coords.col + coords.row;
+
+options.widget_base_dimensions = [100, 200];
+gridster.resize_widget_dimensions(options);
+
+gridster.set_widget_min_size(0, [1, 2]);
+
+function noOptions() {
+ var grid: Gridster = $('.gridster ul').gridster().data('gridster')
+}
+
+function widgetSelectorHTMLElements() {
+ var opts: GridsterOptions = {
+ widget_selector: $('.gridster ul li').get()
+ };
+
+ var grid: Gridster = $('.gridster ul').gridster(opts).data('gridster')
+}
+
+function widgetSelectorString() {
+ var opts: GridsterOptions = {
+ widget_selector: '.gridster ul li'
+ };
+
+ var grid: Gridster = $('.gridster ul').gridster(opts).data('gridster')
+}
+
+function withNamespace() {
+ var grid: Gridster = $('.gridster ul').gridster({
+ namespace: 'custom-gridster'
+ }).data('gridster')
+}
+
+function withStylesheet() {
+ var grid: Gridster = $('.gridster ul').gridster({
+ autogenerate_stylesheet: false
+ }).data('gridster')
+}
+
+function withResize() {
+ var grid: Gridster = $('.gridster ul').gridster({
+ resize: {
+ enabled: true,
+ axes: ['both'],
+ handle_append_to: 'li .handle-container',
+ handle_class: '.handle',
+ max_size: [5, 5],
+ min_size: [1, 1],
+ resize: (event: Event, ui: GridsterUi, $el: JQuery) => {},
+ start: (event: Event, ui: { helper: JQuery; }, $el: JQuery) => {},
+ stop: (event: Event, ui: { helper: JQuery; }, $el: JQuery) => {},
+ }
+ }).data('gridster')
+}
diff --git a/jquery.gridster/gridster.d.ts b/jquery.gridster/gridster.d.ts
index e003f0ebc..89448b4c3 100644
--- a/jquery.gridster/gridster.d.ts
+++ b/jquery.gridster/gridster.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for jQuery.gridster 0.1.0
+// Type definitions for jQuery.gridster 0.5.6
// Project: https://github.com/jbaldwin/gridster
// Definitions by: Josh Baldwin
// Definitions: https://github.com/borisyankov/DefinitelyTyped
@@ -32,13 +32,26 @@ OTHER DEALINGS IN THE SOFTWARE.
///
interface GridsterDraggable {
- items: any;
- distance: number;
- limit: boolean;
- offset_left: number;
- drag: (event: Event, ui: GridsterUi) => void;
- start: (event: Event, ui: { helper: JQuery; }) => void;
- stop: (event: Event, ui: { helper: JQuery; }) => void;
+ items?: any;
+ distance?: number;
+ limit?: boolean;
+ offset_left?: number;
+ handle?: string;
+ drag?: (event: Event, ui: GridsterUi) => void;
+ start?: (event: Event, ui: { helper: JQuery; }) => void;
+ stop?: (event: Event, ui: { helper: JQuery; }) => void;
+}
+
+interface GridsterResizable {
+ enabled?: boolean;
+ axes?: string[];
+ handle_append_to?: string;
+ handle_class?: string;
+ max_size?: number[];
+ min_size?: number[];
+ resize?: (event: Event, ui: GridsterUi, $el: JQuery) => void;
+ start?: (event: Event, ui: { helper: JQuery; }, $el: JQuery) => void;
+ stop?: (event: Event, ui: { helper: JQuery; }, $el: JQuery) => void;
}
interface GridsterUi {
@@ -78,7 +91,7 @@ interface GridsterOptions {
* Type => HTMLElement[]
* Default = 'li'
**/
- widget_selector?: any;
+ widget_selector?: string|HTMLElement[];
/**
* Margin between widgets. The first index for the horizontal margin (left, right) and the second for the vertical margin (top, bottom).
@@ -154,6 +167,21 @@ interface GridsterOptions {
* An object with all options for Draggable class you want to overwrite. @see GridsterDraggable or docs for more info.
**/
draggable?: GridsterDraggable;
+
+ /**
+ * A string to differentiate one gridster from another
+ **/
+ namespace?: string;
+
+ /**
+ * A boolean to specify if the stylesheet should be generated or not
+ **/
+ autogenerate_stylesheet?: boolean;
+
+ /**
+ * An object with all options for Resizable class you want to overwrite. @see GridsterResizable or docs for more info.
+ **/
+ resize?: GridsterResizable;
}
interface JQuery {
@@ -189,6 +217,12 @@ interface Gridster {
**/
add_widget(html: JQuery, size_x?: number, size_y?: number, col?: number, row?: number): JQuery;
+ /**
+ * Get the highest occupied cell.
+ * @return Returns the farthest position {row: number, col: number} occupied in the grid.
+ **/
+ get_highest_occupied_cell(): GridsterCoords;
+
/**
* Change the size of a widget.
* @param $widget The jQuery wrapped HTMLElement that represents the widget is going to be resized.
@@ -199,6 +233,14 @@ interface Gridster {
**/
resize_widget($widget: JQuery, size_x?: number, size_y?: number, callback?: (size_x: number, size_y: number) => void): JQuery;
+
+ /**
+ * Resize all the widgets in the grid.
+ * @param options The options to use to resize the widgets.
+ * @return Returns the instance of the Gridster class.
+ **/
+ resize_widget_dimensions(options: GridsterOptions): Gridster;
+
/**
* Remove a widget from the grid.
* @param el The jQuery wrapped HTMLElement you want to remove.
@@ -223,6 +265,14 @@ interface Gridster {
**/
remove_widget(el: JQuery, callback: (el: HTMLElement) => void): Gridster;
+ /**
+ * Resize a widget in the grid.
+ * @param widget The index of the widget to be resized.
+ * @param size An array representing the size (x, y) to set on the widget.
+ * @return Returns the instance of the Gridster class.
+ **/
+ set_widget_min_size(widget: number, size: number[]): Gridster;
+
/**
* Returns a serialized array of the widgets in the grid.
* @param $widgets The collection of jQuery wrap ed HTMLElements you want to serialize. If no argument is passed a l widgets will be serialized.
@@ -247,4 +297,10 @@ interface Gridster {
* @return Returns the instance of the Gridster class.
**/
disable(): Gridster;
+
+ /**
+ * Returns the options used to initialize the grid
+ * @return Returns the options used to initialize the grid
+ **/
+ options: GridsterOptions;
}