added posting function

.vs/VSWorkspaceState.json

@@ -3,7 +3,8 @@
     "",
     "\\src",
     "\\src\\app",
-    "\\src\\app\\boards"
+    "\\src\\app\\boards",
+    "\\src\\app\\boards\\send-post"
   ],
   "SelectedNode": "\\src\\app\\boards\\boards.component.html",
   "PreviewInSolutionExplorer": false

src/app/app.module.ts

@@ -10,6 +10,7 @@ import { BoardsComponent } from './boards/boards.component';
 import { NotFoundComponent } from './not-found/not-found.component';
 import { ApiChatService } from './api-chat.service';
 import { FormsModule } from '@angular/forms';
+import { SendPostComponent } from './boards/send-post/send-post.component';
 
 const appRoutes: Routes = [
   { path: '', component: HomeComponent },
@@ -24,7 +25,8 @@ const appRoutes: Routes = [
     HomeComponent,
     AboutComponent,
     BoardsComponent,
-    NotFoundComponent
+    NotFoundComponent,
+    SendPostComponent
   ],
   imports: [
     BrowserModule,

src/app/boards/boards.component.html

@@ -1,5 +1,6 @@
 <img src="http://static.vdk2ch.ru:15555/test-public/16657431265390.png" alt="свiня" width="150">
-<p>Борды работают, это в хтмл!</p>
+ <app-send-post></app-send-post>,
+
 <button (click)="listPosts()">Обновить</button>
 <div *ngIf="response">
   <div  class="singlePost" *ngFor="let post of response">
@@ -17,4 +18,4 @@
       <div class="hexagon-image">
       </div> 
   </div>
-</div>
+</div>

src/app/boards/send-post/send-post.component.html

@@ -0,0 +1,5 @@
+<p>
+  <button (click)="sendPost(textToPost.value)">Отправить</button>
+</p>
+<input type="text" size="80" value="Печатать сюда" #textToPost>
+<p></p>

src/app/boards/send-post/send-post.component.spec.ts

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

src/app/boards/send-post/send-post.component.ts

@@ -0,0 +1,34 @@
+import { Component, OnInit } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+
+@Component({
+  selector: 'app-send-post',
+  templateUrl: './send-post.component.html',
+  styleUrls: ['./send-post.component.css']
+})
+export class SendPostComponent implements OnInit {
+
+  constructor(private http: HttpClient) {
+    console.log("Открыто окно постинга");
+  }
+
+  sendPost(text: string) {
+    console.log("Отправляю пост...");
+    var postToSend =
+    {
+      Date: Date,
+      Id: 0,
+      Text: text
+    }
+
+
+    this.http.post('http://api.vdk2ch.ru:5000/PostTo', postToSend).subscribe();
+
+
+  }
+
+
+  ngOnInit(): void {
+  }
+
+}