initial ngx-bootstrap support (closes udos86#463)

Author: udos86

karma-test-shim.js

@@ -87,6 +87,8 @@ System.config({
         "@telerik/kendo-intl": "npm:@telerik/kendo-intl/dist/npm/main.js",
         "angular2-text-mask": "npm:angular2-text-mask/dist/angular2TextMask.js",
         "ionic-angular": "npm:ionic-angular/bundles/ionic.umd.js",
+        "ngx-bootstrap/datepicker": "npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js",
+        "ngx-bootstrap/timepicker": "npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js",
         "primeng": "npm:primeng",
         "rxjs": "npm:rxjs",
         "text-mask-core": "npm:text-mask-core",

karma.conf.js

@@ -69,6 +69,8 @@ module.exports = function (config) {
 
             {pattern: "node_modules/ionic-angular/**/*.js", included: false, watched: false},
 
+            {pattern: "node_modules/ngx-bootstrap/**/*.js", included: false, watched: false},
+
             {pattern: "node_modules/primeng/**/*.js", included: false, watched: false},
             {pattern: "node_modules/primeng/**/*.js.map", included: false, watched: false},
 

packages/ui-bootstrap/package.json

@@ -9,6 +9,7 @@
     "angular",
     "angular 2",
     "bootstrap",
+    "ngx-bootstrap",
     "dynamic forms",
     "forms",
     "ng dynamic forms",
@@ -34,8 +35,9 @@
     "@angular/forms": "^5.0.0",
     "@angular/common": "^5.0.0",
     "@ng-dynamic-forms/core": "^5.2.0",
-    "bootstrap": "^3.3.7",
     "angular2-text-mask": "^8.0.1",
+    "bootstrap": "^3.3.7",
+    "ngx-bootstrap": "^2.0.0-rc.0",
     "rxjs": "^5.5.2"
   }
 }

packages/ui-bootstrap/src/dynamic-bootstrap-form-control.component.spec.ts

@@ -2,6 +2,8 @@ import { TestBed, async, inject, ComponentFixture } from "@angular/core/testing"
 import { DebugElement, SimpleChange } from "@angular/core";
 import { ReactiveFormsModule, FormGroup, FormControl } from "@angular/forms";
 import { By } from "@angular/platform-browser";
+import { BsDatepickerModule } from "ngx-bootstrap/datepicker";
+import { TimepickerModule } from "ngx-bootstrap/timepicker";
 import { TextMaskModule } from "angular2-text-mask";
 import {
     DynamicFormsCoreModule,
@@ -56,7 +58,13 @@ describe("DynamicFormBootstrapComponent test suite", () => {
 
         TestBed.configureTestingModule({
 
-            imports: [ReactiveFormsModule, DynamicFormsCoreModule.forRoot(), TextMaskModule],
+            imports: [
+                ReactiveFormsModule,
+                DynamicFormsCoreModule.forRoot(),
+                TextMaskModule,
+                BsDatepickerModule.forRoot(),
+                TimepickerModule.forRoot()
+            ],
             declarations: [DynamicBootstrapFormControlComponent]
 
         }).compileComponents().then(() => {
@@ -181,7 +189,7 @@ describe("DynamicFormBootstrapComponent test suite", () => {
 
         expect(testFn(formModel[1])).toEqual(BootstrapFormControlType.Group);
 
-        expect(testFn(formModel[2])).toBeNull();
+        expect(testFn(formModel[2])).toEqual(BootstrapFormControlType.DatePicker);
 
         expect(testFn(formModel[3])).toBeNull();
 
@@ -203,6 +211,6 @@ describe("DynamicFormBootstrapComponent test suite", () => {
 
         expect(testFn(formModel[12])).toEqual(BootstrapFormControlType.TextArea);
 
-        expect(testFn(formModel[13])).toBeNull();
+        expect(testFn(formModel[13])).toEqual(BootstrapFormControlType.TimePicker);
     });
 });

sample/systemjs.config.js

@@ -72,7 +72,8 @@
         "angular2-text-mask": "npm:angular2-text-mask/dist/angular2TextMask.js",
         "app": "./",
         "ionic-angular": "npm:ionic-angular/bundles/ionic.umd.js",
-        "ngx-bootstrap": "npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js",
+        "ngx-bootstrap/datepicker": "npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js",
+        "ngx-bootstrap/timepicker": "npm:ngx-bootstrap/bundles/ngx-bootstrap.umd.js",
         "primeng": "npm:primeng",
         "rxjs": "npm:rxjs",
         "text-mask-addons": "npm:text-mask-addons",