feat(dashing): initial experiment to implement dashing.io

xmlking · Jan 28, 2019 · 2ce5f6a · 2ce5f6a
1 parent 66ead6f
commit 2ce5f6a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/libs/dashboard/src/lib/containers/overview/overview.component.html b/libs/dashboard/src/lib/containers/overview/overview.component.html
@@ -28,4 +28,7 @@
   <div fxFlex="0 1 calc(33.3% - 32px)" fxFlex.lt-md="0 1 calc(50% - 32px)" fxFlex.lt-sm="100%">
     <mat-card><a routerLink="/dashboard/settings">Settings</a></mat-card>
   </div>
+  <div fxFlex="0 1 calc(33.3% - 32px)" fxFlex.lt-md="0 1 calc(50% - 32px)" fxFlex.lt-sm="100%">
+    <mat-card><a routerLink="/dashboard/experiments/dashing">Dashing</a></mat-card>
+  </div>
 </div>
diff --git a/libs/experiments/src/lib/containers/dashing/dashing.component.html b/libs/experiments/src/lib/containers/dashing/dashing.component.html
@@ -1,3 +1,4 @@
+<ngx-breadcrumbs title="Experiments" [crumbs]="crumbs"></ngx-breadcrumbs>
 <div class="grid-container" style="height: 615px; overflow: hidden;">
   <mat-grid-list cols="8" rowHeight="1:1" gutterSize="15px">
     <mat-grid-tile *ngFor="let card of cards; let i = index;"

diff --git a/libs/experiments/src/lib/containers/dashing/dashing.component.scss b/libs/experiments/src/lib/containers/dashing/dashing.component.scss
@@ -1,3 +1,9 @@
+:host {
+  //display: block;
+  padding: 1.5%;
+  position: relative;
+}
+
 .grid-container {
   margin: 10px;
 }

diff --git a/libs/experiments/src/lib/containers/dashing/dashing.component.ts b/libs/experiments/src/lib/containers/dashing/dashing.component.ts
@@ -6,6 +6,7 @@ import { map } from 'rxjs/operators';
 import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
 
 import { CdkDropList, CdkDragDrop, CdkDragEnter, moveItemInArray } from '@angular/cdk/drag-drop';
+import { Crumb } from '@ngx-starter-kit/breadcrumbs';
 const COLORS = [
   '#ea4335',
   '#4285f4',
@@ -51,6 +52,11 @@ function getColor() {
   styleUrls: ['./dashing.component.scss'],
 })
 export class DashingComponent implements AfterViewInit {
+  crumbs: ReadonlyArray<Crumb> = [
+    { name: 'Dashboard', link: '/dashboard' },
+    { name: 'Experiments', link: '/dashboard/experiments' },
+    { name: 'Dashing' },
+  ];
   @ViewChildren(CdkDropList) dropsQuery: QueryList<CdkDropList>;
 
   drops: CdkDropList[];