graph component added

.vscode/settings.json

+{
+    "git.ignoreLimitWarning": true
+}
\ No newline at end of file

client/src/app/app.module.ts

@@ -10,6 +10,7 @@ import { HomeComponent } from './home/home.component';
 import { ShowPostComponent } from './show-post/show-post.component';
 import { AddPostComponent } from './add-post/add-post.component';
 import { CommonService } from './service/common.service';
+import { GraphComponent } from './graph/graph.component';
 
 
 @NgModule({
@@ -18,7 +19,8 @@ import { CommonService } from './service/common.service';
     LoginComponent,
     HomeComponent,
     ShowPostComponent,
-    AddPostComponent
+    AddPostComponent,
+    GraphComponent
   ],
   imports: [
     BrowserModule,

client/src/app/graph/graph.component.html

+<div class="container">
+  <p>
+    graph works!
+  </p>
+</div>

client/src/app/graph/graph.component.spec.ts

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

client/src/app/graph/graph.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-graph',
+  templateUrl: './graph.component.html',
+  styleUrls: ['./graph.component.css']
+})
+export class GraphComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}
\ No newline at end of file

client/src/app/show-post/show-post.component.css

@@ -12,6 +12,15 @@
         max-height: 680px;
         overflow: auto;
     }
+
+    .graph{
+        float: left;
+    }
+}
+
+.graph{
+    position: relative;
+    top: auto;
 }
 
 .list-group{

client/src/app/show-post/show-post.component.html

@@ -36,4 +36,6 @@
         
     </div>
 
+    <app-graph class="graph"></app-graph>
+
 </div>
\ No newline at end of file