angular demo tweaks

adumesny · adumesny · commit 89a120b8e630 · 2024-03-30T14:15:36.000-07:00
* fix gridstack#2559 * changed demo to not insert new item at specific location, but appendZ * ng demo now supports 1 column mode again
diff --git a/README.md b/README.md
@@ -456,7 +456,7 @@ Possible break:
 we now support much richer responsive behavior with `GridStackOptions.columnOpts` including any breakpoint width:column pairs, or automatic column sizing.
 
 breaking change: 
-* `disableOneColumnMode`, `oneColumnSize` have been removed (thought we temporary convert if you have them). use `{ columnOpts: breakpoints: [{w:768, c:1}] }` for the same behavior.
+* `disableOneColumnMode`, `oneColumnSize` have been removed (thought we temporary convert if you have them). use `columnOpts: { breakpoints: [{w:768, c:1}] }` for the same behavior.
 * 1 column mode switch is no longer by default (`columnOpts` is not defined) as too many new users had issues. Instead set it explicitly (see above).
 * `oneColumnModeDomSort` has been removed. Planning to support per column layouts at some future times. TBD
 
diff --git a/angular/projects/demo/src/app/app.component.ts b/angular/projects/demo/src/app/app.component.ts
@@ -37,6 +37,8 @@ export class AppComponent implements OnInit {
     margin: 5,
     // float: true,
     minRow: 1,
+    cellHeight: 70,
+    columnOpts: { breakpoints: [{w:768, c:1}] },
   }
   private sub0: NgGridStackWidget[] = [{x:0, y:0, selector:'app-a'}, {x:1, y:0, content:'plain html'}, {x:0, y:1, selector:'app-b'} ];
   public gridOptionsFull: NgGridStackOptions = {
@@ -182,7 +184,7 @@ export class AppComponent implements OnInit {
   public addNgFor() {
     // new array isn't required as Angular detects changes to content with trackBy:identify()
     // this.items = [...this.items, { x:3, y:0, w:3, content:`item ${ids}`, id:String(ids++) }];
-    this.items.push({x:3, y:0, w:2, content:`item ${ids}`, id:String(ids++)});
+    this.items.push({w:2, content:`item ${ids}`, id:String(ids++)});
   }
   public deleteNgFor() {
     this.items.pop();
