added content component

Author: abhishekkhandait

src/app/app.module.ts

@@ -11,13 +11,15 @@ import { AppComponent } from './app.component';
 import { NavComponent } from './core/nav/nav.component';
 import { BoardComponent } from './board/board.component';
 import { TaskCardComponent } from './board/shared/task-card/task-card.component';
+import { ContentComponent } from './core/content/content.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     NavComponent,
     BoardComponent,
     TaskCardComponent,
+    ContentComponent,
   ],
   imports: [
     BrowserModule,

src/app/core/content/content.component.css

@@ -0,0 +1,18 @@
+.content{
+    width: 100%;
+    height:100%;
+    position: fixed;
+}
+
+.board-tabs{
+    height: 100%;
+    overflow-y:scroll;
+}
+
+
+.mat-tab-list{
+    background-color: rgba(25, 199, 124, 0.83) !important;
+}
+md-tab-body{
+    background-color: white !important;
+}

src/app/core/content/content.component.html

@@ -0,0 +1,9 @@
+<md-tab-group class="content">
+  <md-tab *ngFor="let board of boards" class="board-tabs">
+    <ng-template md-tab-label>{{board.title}}</ng-template>
+    <app-board [boardid] = "board.id"> Loading...</app-board>
+  </md-tab>
+  <md-tab>
+    <ng-template md-tab-label><md-icon>add</md-icon></ng-template>
+  </md-tab>
+</md-tab-group>

src/app/core/content/content.component.spec.ts

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

src/app/core/content/content.component.ts

@@ -0,0 +1,28 @@
+import { Component, OnInit } from '@angular/core';
+import { TasksService } from '../../services/tasks.service';
+
+import { BoardModel } from '../../models/board-model';
+
+@Component({
+  selector: 'app-content',
+  providers: [TasksService],
+  templateUrl: './content.component.html',
+  styleUrls: ['./content.component.css']
+})
+export class ContentComponent implements OnInit {
+  boards: BoardModel[];
+
+  constructor( private taskService: TasksService ) {}
+
+  ngOnInit(){
+    this.getBoards();
+  }
+
+  getBoards() {
+    this.taskService.getBoards()
+    .subscribe(
+      boards => this.boards = boards,
+      err => console.log(err)
+    );
+  }
+}