got the dependencies right

stephanrauh · stephanrauh · commit 477d51cf802a · 2017-01-20T23:08:53.000+01:00
diff --git a/datatables/angular-cli.json b/datatables/angular-cli.json
@@ -18,7 +18,11 @@
       "prefix": "app",
       "mobile": false,
       "styles": [
-        "styles.css"
+        "styles.css",
+        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
+        "../node_modules/bootstrap/dist/css/bootstrap-theme.min.css",
+        "../node_modules/datatables.net-bs/css/dataTables.bootstrap.css",
+        "../node_modules/datatables.net-select-bs/css/select.bootstrap.css"
       ],
       "scripts": [],
       "environments": {
diff --git a/datatables/package.json b/datatables/package.json
@@ -21,7 +21,13 @@
     "@angular/platform-browser": "^2.3.1",
     "@angular/platform-browser-dynamic": "^2.3.1",
     "@angular/router": "^3.3.1",
+    "bootstrap": "^3.3.7",
     "core-js": "^2.4.1",
+    "datatables.net": "^2.1.1",
+    "datatables.net-bs": "^2.1.1",
+    "datatables.net-select": "^1.2.1",
+    "datatables.net-select-bs": "^1.2.1",
+    "jquery": "^3.1.1",
     "rxjs": "^5.0.1",
     "ts-helpers": "^1.1.1",
     "zone.js": "^0.7.2"
diff --git a/datatables/src/app/datatables/datatables.component.ts b/datatables/src/app/datatables/datatables.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import * as $ from 'jquery';
+import 'datatables.net'
 
 @Component({
   selector: 'app-datatables',
@@ -32,6 +34,7 @@ export class DatatablesComponent implements OnInit {
   }
 
   private initDatatable(): void {
+    debugger
     let exampleId: any = $('#example');
     this.tableWidget = exampleId.DataTable({
       select: true
diff --git a/datatables/src/index.html b/datatables/src/index.html
@@ -6,9 +6,11 @@
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!--
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs-3.3.7/jq-2.2.4/dt-1.10.13/b-1.2.4/b-colvis-1.2.4/b-html5-1.2.4/cr-1.3.2/fc-3.2.2/fh-3.1.2/r-2.1.0/rr-1.2.0/sc-1.4.2/se-1.2.0/datatables.min.css"/>
 
   <script type="text/javascript" src="https://cdn.datatables.net/v/bs-3.3.7/jq-2.2.4/dt-1.10.13/b-1.2.4/b-colvis-1.2.4/b-html5-1.2.4/cr-1.3.2/fc-3.2.2/fh-3.1.2/r-2.1.0/rr-1.2.0/sc-1.4.2/se-1.2.0/datatables.min.js"></script>
+  -->
 </head>
 <body>
   <app-root>Loading...</app-root>
