Added new research page

Author: Artimatic

src/app/app.component.html

@@ -17,9 +17,23 @@
 </mat-sidenav-container>
 <mat-sidenav-container>
   <mat-sidenav mode="side" opened>
-    <button mat-icon-button>
-      <mat-icon>account_balance</mat-icon>
-    </button>
+    <mat-list role="list">
+      <mat-list-item role="listitem">
+        <button mat-icon-button>
+          <a routerLink="/home" matTooltip="trade" [matTooltipPosition]="'after'">
+            <mat-icon>shop</mat-icon>
+          </a>
+        </button>
+      </mat-list-item>
+      <mat-list-item role="listitem">
+        <button mat-icon-button>
+          <a routerLink="/research" matTooltip="research" [matTooltipPosition]="'after'">
+            <mat-icon>assessment</mat-icon>
+          </a>
+        </button>
+      </mat-list-item>
+    </mat-list>
+
   </mat-sidenav>
   <mat-sidenav-content>
     <router-outlet></router-outlet>

src/app/app.module.ts

@@ -30,6 +30,7 @@ import {
   MatChipsModule,
   MatStepperModule,
   MatSelectModule,
+  MatTooltipModule,
 } from '@angular/material';
 
 import { FlexLayoutModule } from '@angular/flex-layout';
@@ -65,6 +66,7 @@ import { RealtimeChartComponent } from './realtime-chart/realtime-chart.componen
 import { BbCardComponent } from './bb-card/bb-card.component';
 import { ConfirmDialogComponent } from './confirm-dialog/confirm-dialog.component';
 import { ReportingComponent, ReportDialogComponent } from './reporting/reporting.component';
+import { ResearchViewComponent } from './research-view/research-view.component';
 
 @NgModule({
   declarations: [
@@ -89,6 +91,7 @@ import { ReportingComponent, ReportDialogComponent } from './reporting/reporting
     ConfirmDialogComponent,
     ReportingComponent,
     ReportDialogComponent,
+    ResearchViewComponent,
   ],
   entryComponents: [
     ChartDialogComponent,
@@ -130,6 +133,7 @@ import { ReportingComponent, ReportDialogComponent } from './reporting/reporting
     MatChipsModule,
     MatStepperModule,
     MatSelectModule,
+    MatTooltipModule,
   ],
   providers: [
     BacktestService,

src/app/app.routes.ts

@@ -1,8 +1,13 @@
 import { MainViewComponent } from './main-view/main-view.component';
 
 import { Routes, Route, ActivatedRouteSnapshot } from '@angular/router';
+import { ResearchViewComponent } from './research-view/research-view.component';
 
 export const routes: Routes = [
+  {
+    path: 'research',
+    component: ResearchViewComponent
+  },
   {
     path: 'home',
     component: MainViewComponent

src/app/main-view/main-view.component.html

@@ -5,7 +5,4 @@
   <mat-tab label="Smart Ordering">
       <app-bollinger-band></app-bollinger-band>
   </mat-tab>
-  <mat-tab label="Screener">
-    <app-bulk-backtest></app-bulk-backtest>
-  </mat-tab>
 </mat-tab-group>

src/app/research-view/research-view.component.css

@@ -0,0 +1,5 @@
+<mat-tab-group>
+  <mat-tab label="Screener">
+    <app-bulk-backtest></app-bulk-backtest>
+  </mat-tab>
+</mat-tab-group>

src/app/research-view/research-view.component.html

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ResearchViewComponent } from './research-view.component';
+
+describe('ResearchViewComponent', () => {
+  let component: ResearchViewComponent;
+  let fixture: ComponentFixture<ResearchViewComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ResearchViewComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ResearchViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/research-view/research-view.component.spec.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-research-view',
+  templateUrl: './research-view.component.html',
+  styleUrls: ['./research-view.component.css']
+})
+export class ResearchViewComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}