Merge pull request #18 from magic-software-lab/updating-dependecies

Updating dependencies and add feature to navigate directly to specific demo page

Author: eronalves

demo/package.json

@@ -25,7 +25,7 @@
     "core-js": "^2.4.1",
     "font-awesome": "^4.7.0",
     "ng2-page-scroll": "^4.0.0-beta.8",
-    "ngx-bootstrap": "^1.6.6",
+    "ngx-bootstrap": "^1.7.1",
     "ngx-clipboard": "^8.0.2",
     "ngx-infinite-scroll": "^0.5.1",
     "rxjs": "^5.1.0",
@@ -34,8 +34,8 @@
   "devDependencies": {
     "@angular/cli": "1.0.4",
     "@angular/compiler-cli": "^4.1.3",
-    "@types/jasmine": "2.5.38",
-    "@types/node": "~6.0.60",
+    "@types/jasmine": "2.5.49",
+    "@types/node": "^7.0.28",
     "codelyzer": "~2.0.0",
     "jasmine-core": "~2.5.2",
     "jasmine-spec-reporter": "~3.2.0",
@@ -47,7 +47,7 @@
     "karma-jasmine-html-reporter": "^0.2.2",
     "protractor": "~5.1.0",
     "ts-node": "~2.0.0",
-    "tslint": "~4.5.0",
-    "typescript": "~2.2.0"
+    "tslint": "^5.4.3",
+    "typescript": "^2.2.1"
   }
 }

demo/src/app/demos-page/demos-page.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit, ViewChild, ViewContainerRef, ComponentFactoryResolver } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
 
 import { PrettifyWrapperService } from '../shared/shared.module';
 
@@ -23,43 +24,62 @@ export class DemosPageComponent implements OnInit {
   public demoActivate: any;
   public demos = [
     {
+      id: 'simple',
       title: 'Simple',
       component: SimpleDemoSectionComponent
     },
     {
+      id: 'sort',
       title: 'Sort',
       component: SortDemoSectionComponent
     },
     {
+      id: 'alignment',
       title: 'Alignment',
       component: AlignDemoSectionComponent
     },
     {
+      id: 'formatting',
       title: 'Formatting',
       component: FormattingDemoSectionComponent
     },
     {
+      id: 'simple-button',
       title: 'Simple button',
       component: SimpleButtonDemoSectionComponent
     },
     {
-      title: 'Button group',
+      id: 'button-group',
+      title: 'Button Group',
       component: ButtonGroupDemoSectionComponent
     },
     {
+      id: 'dropdown',
       title: 'Dropdown',
       component: DropdownDemoSectionComponent
     }
   ];
 
+
   private demoComponent: any;
 
   constructor(
-    private componentFactoryResolver: ComponentFactoryResolver, 
+    private componentFactoryResolver: ComponentFactoryResolver,
+    private route: ActivatedRoute, 
     private prettify: PrettifyWrapperService) { }
 
   ngOnInit() {
     this.changeDemo(this.demos[0]);
+
+    this.route.queryParams.subscribe(params => {
+        if (params['id']) {
+            const demoId = params['id'];
+            const demoActivate = this.demos.find((demo) => demo.id === demoId);
+            if (demoActivate) {
+              this.changeDemo(demoActivate);
+            }
+        }
+    });
   }
 
   changeDemo(demo: any) {

package.json

@@ -110,7 +110,7 @@
     "systemjs": "^0.20.12",
     "tslint": "^5.4.2",
     "tslint-jasmine-rules": "^1.3.0",
-    "typescript": "^2.2.1",
+    "typescript": "^2.3.4",
     "zone.js": "^0.8.4"
   }
 }