add 2 more gridTypes : verticalFixed and horizontalFixed tiberiuzuld#81

Author: tiberiuzuld

src/app/app.component.html

@@ -9,6 +9,8 @@
       <md-option value="scrollVertical">Scroll Vertical</md-option>
       <md-option value="scrollHorizontal">Scroll Horizontal</md-option>
       <md-option value="fixed">Fixed</md-option>
+      <md-option value="verticalFixed">Vertical Fixed</md-option>
+      <md-option value="horizontalFixed">Horizontal Fixed</md-option>
     </md-select>
     <md-select aria-label="Compact type" [(ngModel)]="options.compactType" (ngModelChange)="changedOptions()"
                placeholder="Compact Type">

src/lib/gridster.component.ts

@@ -200,6 +200,18 @@ export class GridsterComponent implements OnInit, OnDestroy {
       removeClass1 = 'fit';
       removeClass2 = 'scrollVertical';
       removeClass3 = 'scrollHorizontal';
+    } else if (this.$options.gridType === 'verticalFixed') {
+      this.curRowHeight = this.$options.fixedRowHeight;
+      addClass = 'scrollVertical';
+      removeClass1 = 'fit';
+      removeClass2 = 'scrollHorizontal';
+      removeClass3 = 'fixed';
+    } else if (this.$options.gridType === 'horizontalFixed') {
+      this.curColWidth = this.$options.fixedColWidth;
+      addClass = 'scrollHorizontal';
+      removeClass1 = 'fit';
+      removeClass2 = 'scrollVertical';
+      removeClass3 = 'fixed';
     }
 
     this.renderer.addClass(this.el, addClass);

src/lib/gridsterConfig.constant.ts

@@ -5,6 +5,8 @@ export const GridsterConfigService: GridsterConfig = {
   // 'scrollVertical' will fit on width and height of the items will be the same as the width
   // 'scrollHorizontal' will fit on height and width of the items will be the same as the height
   // 'fixed' will set the rows and columns dimensions based on fixedColWidth and fixedRowHeight options
+  // 'verticalFixed' will set the rows to fixedRowHeight and columns width will fit the space available
+  // 'horizontalFixed' will set the columns to fixedColWidth and rows height will fit the space available
   fixedColWidth: 250, // fixed col width for gridType: 'fixed'
   fixedRowHeight: 250, // fixed row height for gridType: 'fixed'
   keepFixedHeightInMobile: false, // keep the height from fixed gridType in mobile layout

src/lib/gridsterConfig.interface.ts

@@ -1,4 +1,4 @@
-export type GridType = 'fit' | 'scrollVertical' | 'scrollHorizontal' | 'fixed';
+export type GridType = 'fit' | 'scrollVertical' | 'scrollHorizontal' | 'fixed' | 'verticalFixed' | 'horizontalFixed';
 export type displayGrid = 'always' | 'onDrag&Resize' | 'none';
 export type compactType = 'none' | 'compactUp' | 'compactLeft' | 'compactUp&Left' | 'compactLeft&Up';
 
@@ -37,6 +37,7 @@ export interface GridsterConfig {
     optionsChanged?: Function,
     getNextPossiblePosition?: Function,
   };
+
   [propName: string]: any;
 }