Merge pull request #96 from PioneerCode/bug-fixes

Fix table bugs & add documentation configs.

Author: chad-ramos

CHANGELOG.md

@@ -1,10 +1,13 @@
-<a name="0.8.0"></a>
-# [v0.8](https://github.com/PioneerCode/pioneer-charts/releases/tag/0.8.0) (2018-05-27)
+<a name="0.8.2"></a>
+# [v0.8.1](https://github.com/PioneerCode/pioneer-charts/releases/tag/0.8.1) (2018-05-29)
 
-### Features
+### Fixes
 
-- Add option to enable sticky footer/header on table.
-- Add ability to sortable by column.
+- Table
+  - Clear header cache on re-int of UI.
+  - Scoped margin style.
+  - Check for UI build when no data is present.
+  - Width calc on router switch.
 
 ### Fixes
 

src/.angular-cli.json

@@ -58,7 +58,8 @@
       "scripts": [
         "../../../node_modules/prismjs/prism.js",
         "../../../node_modules/prismjs/components/prism-bash.js",
-        "../../../node_modules/prismjs/components/prism-typescript.js"
+        "../../../node_modules/prismjs/components/prism-typescript.js",
+        "../../../node_modules/prismjs/components/prism-json.js"
       ],
       "environmentSource": "environments/environment.ts",
       "environments": {

src/apps/dev/src/app/app.component.html

@@ -1,4 +1,7 @@
-<section class="pc-main-content">
-  <router-outlet></router-outlet>
-</section>
-
+<a routerLink="/" routerLinkActive="active">
+  Charts
+</a>
+<a routerLink="/test" routerLinkActive="active">
+  Test
+</a>
+<router-outlet></router-outlet>

src/apps/dev/src/app/app.module.ts

@@ -9,6 +9,7 @@ import { AppComponent } from './app.component';
 import { PcRepository } from './repository/pc.repository';
 import { PcService } from './services/pc.service';
 import { ChartsComponent } from './pages/charts/charts.component';
+import { TestComponent } from './pages/test/test.component';
 
 /**
  * Pioneer Charts
@@ -24,13 +25,16 @@ import {
 } from '@pioneer-code/pioneer-charts';
 
 const appRoutes: Routes = [
-  { path: '**', component: ChartsComponent }
+  { path: '', redirectTo: 'charts', pathMatch: 'full'},
+  { path: 'charts', component: ChartsComponent },
+  { path: 'test', component: TestComponent }
 ];
 
 @NgModule({
   declarations: [
     AppComponent,
-    ChartsComponent
+    ChartsComponent,
+    TestComponent
   ],
   imports: [
     RouterModule.forRoot(appRoutes),

src/apps/dev/src/app/pages/test/test.component.html

@@ -0,0 +1,12 @@
+<section class="charts-content">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm">
+        <div class="pc-chart-container">
+          <pcac-header [config]="{'title':'Table'}"></pcac-header>
+          <pcac-table [config]="pcService.tableConfig"></pcac-table>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

src/apps/dev/src/app/pages/test/test.component.scss

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import { PcService } from '../../services/pc.service';
+
+@Component({
+  selector: 'pc-test',
+  templateUrl: './test.component.html',
+  styleUrls: ['./test.component.scss']
+})
+export class TestComponent {
+  constructor(public pcService: PcService) { }
+}

src/apps/dev/src/app/pages/test/test.component.ts

@@ -1,3 +1,2 @@
 @import "../imports";
-.pc-main-content {
-}
+

src/apps/docs/src/app/app.component.scss

@@ -52,6 +52,11 @@ import { NavComponent } from './components/nav/nav.component';
 import { FooterComponent } from './components/footer/footer.component';
 import { DocNavComponent } from './components/doc-nav/dov-nav.component';
 
+/**
+ * Pipes
+ */
+import { StringifyPipe } from './pipes/stringify.pipe';
+
 /**
  * Pioneer Charts
  */
@@ -99,7 +104,8 @@ const appRoutes: Routes = [
     ThemeComponent,
     DataContractComponent,
     PublicComponent,
-    JumpNavComponent
+    JumpNavComponent,
+    StringifyPipe
   ],
   imports: [
     RouterModule.forRoot(appRoutes),

src/apps/docs/src/app/app.module.ts

@@ -3,15 +3,15 @@ import {
   AfterViewInit,
   Input,
   ElementRef,
-  Renderer2
+  Renderer2,
+  OnChanges
 } from '@angular/core';
 
 @Component({
   selector: 'pc-prism',
-  template: ``,
-  styleUrls: ['./prism.component.scss']
+  template: ``
 })
-export class PrismComponent implements AfterViewInit {
+export class PrismComponent implements OnChanges {
   @Input() code: string;
   @Input() language: string;
   private preNode: Element;
@@ -22,14 +22,16 @@ export class PrismComponent implements AfterViewInit {
     this.nativeElement = _el.nativeElement;
   }
 
-  ngAfterViewInit() {
-    this.preNode = this._renderer.createElement('pre');
-    this.codeNode = this._renderer.createElement('code');
-    this._renderer.addClass(this.codeNode, 'language-' + this.language);
-    this._renderer.addClass(this.preNode, 'pc-prism');
-    this._renderer.appendChild(this.nativeElement, this.preNode);
-    this._renderer.appendChild(this.preNode, this.codeNode);
-    this.codeNode.textContent = this.code;
-    Prism.highlightElement(this.codeNode, Prism.languages[this.language]);
+  ngOnChanges() {
+    if (this.code && this.language) {
+      this.preNode = this._renderer.createElement('pre');
+      this.codeNode = this._renderer.createElement('code');
+      this._renderer.addClass(this.codeNode, 'language-' + this.language);
+      this._renderer.addClass(this.preNode, 'pc-prism');
+      this._renderer.appendChild(this.nativeElement, this.preNode);
+      this._renderer.appendChild(this.preNode, this.codeNode);
+      this.codeNode.textContent = this.code;
+      Prism.highlightElement(this.codeNode, Prism.languages[this.language]);
+    }
   }
 }