Upgrade to 0.6.8

version upgrade and code cleaning

Author: swiety85

CHANGELOG.md

@@ -1,3 +1,19 @@
+<a name="0.6.8"></a>
+# [0.6.8]((https://github.com/swiety85/angular2gridster/compare/0.6.7...0.6.8)) (2017-10-16)
+
+
+### Bug Fixes
+
+* **drag:** Fix problem with scrolling on touch devices. Issue #111
+* **drag** Fix drag position bug in scrolled container. Issue #114
+
+### Features
+
+* **drag** Options: direction: "none" and floating: false. Issue #109
+* **performance** Disable initial animation. Issue #104
+* **config** Provide option to set fixed cellWidth/cellHeight. Issue #91
+
+
 <a name="0.6.7"></a>
 # [0.6.7]((https://github.com/swiety85/angular2gridster/compare/0.6.6...0.6.7)) (2017-09-25)
 

README.md

@@ -73,7 +73,8 @@ System.config({
 widgets: Array<any> = [...];
 gridsterOptions = {
   lanes: 2, // how many lines (grid cells) dashboard has
-  direction: 'vertical', // items floating direction: vertical/horizontal
+  direction: 'vertical', // items floating direction: vertical/horizontal/none
+  floating: false, // default=true - prevents items to float according to the direction (gravity)
   dragAndDrop: false, // possible to change items position by drag n drop
   resizable: false, // possible to resize items by drag n drop by item edge/corner
   useCSSTransforms: true, // Uses CSS3 translate() instead of position top/left - significant performance boost.

demo/src/app/app.component.css

@@ -3,7 +3,7 @@
     display: flex;
     display: -webkit-inline-box;
     flex-direction: column;
-    height: 100%;
+    height: calc(100% - 20px);
     width: calc(100% - 40px);
     padding: 10px 20px;
     overflow: auto;

demo/src/app/gridster/gridster-item/gridster-item.component.ts

@@ -439,8 +439,7 @@ export class GridsterItemComponent implements OnInit, OnChanges, AfterViewInit,
 
             const dragSub = draggable.dragMove
                 .subscribe((event: DraggableEvent) => {
-                    const scrollData = this.gridster.gridsterScrollData;
-                    console.log(event.clientY, cursorToElementPosition.y, scrollData.scrollTop, this.gridster.gridsterRect.top);
+
                     this.positionY = (event.clientY - cursorToElementPosition.y -
                         this.gridster.gridsterRect.top);
                     this.positionX = (event.clientX - cursorToElementPosition.x -

demo/src/app/gridster/gridster.service.ts

@@ -363,7 +363,6 @@ export class GridsterService {
         // right to allow dragging items to the end of the grid.
         if (this.options.direction === 'horizontal') {
             const increaseWidthWith = (increaseGridsterSize) ? this.maxItemWidth : 0;
-            //child.style.height = (this.options.lanes * this.cellHeight) + 'px';
             child.style.height = '';
             child.style.width = ((this.gridList.grid.length + increaseWidthWith) * this.cellWidth) + 'px';
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular2gridster",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "license": "MIT",
   "main": "./dist/index.js",
   "scripts": {

src/gridster-item/gridster-item.component.ts

@@ -439,8 +439,7 @@ export class GridsterItemComponent implements OnInit, OnChanges, AfterViewInit,
 
             const dragSub = draggable.dragMove
                 .subscribe((event: DraggableEvent) => {
-                    const scrollData = this.gridster.gridsterScrollData;
-                    console.log(event.clientY, cursorToElementPosition.y, scrollData.scrollTop, this.gridster.gridsterRect.top);
+
                     this.positionY = (event.clientY - cursorToElementPosition.y -
                         this.gridster.gridsterRect.top);
                     this.positionX = (event.clientX - cursorToElementPosition.x -

src/gridster.service.ts

@@ -363,7 +363,7 @@ export class GridsterService {
         // right to allow dragging items to the end of the grid.
         if (this.options.direction === 'horizontal') {
             const increaseWidthWith = (increaseGridsterSize) ? this.maxItemWidth : 0;
-            //child.style.height = (this.options.lanes * this.cellHeight) + 'px';
+
             child.style.height = '';
             child.style.width = ((this.gridList.grid.length + increaseWidthWith) * this.cellWidth) + 'px';