From ccef7fb86f9ace9b39f0eb18ea3f979b5353d21e Mon Sep 17 00:00:00 2001 From: RakVhalate Date: Sun, 4 Dec 2022 02:40:33 +1000 Subject: [PATCH] Added one button --- .vs/VSWorkspaceState.json | 1 - .vs/slnx.sqlite | Bin 90112 -> 98304 bytes package-lock.json | 89 ++++++++++++++++++ package.json | 1 + src/app/app-routing.module.ts | 21 +++++ src/app/app.component.css | 65 ++++++++++++- src/app/app.component.html | 15 +++ src/app/app.component.ts | 21 +++-- src/app/app.module.ts | 24 ++--- src/app/models/boards.ts | 9 ++ src/app/pages/about/about.component.ts | 7 +- src/app/pages/home/home.component.html | 2 +- src/app/pages/home/home.component.ts | 6 +- src/app/pages/nav-bar/nav-bar.component.css | 0 src/app/pages/nav-bar/nav-bar.component.html | 10 ++ .../pages/nav-bar/nav-bar.component.spec.ts | 23 +++++ src/app/pages/nav-bar/nav-bar.component.ts | 21 +++++ src/app/services/api-chat.service.ts | 31 ++++-- 18 files changed, 303 insertions(+), 43 deletions(-) create mode 100644 src/app/app-routing.module.ts create mode 100644 src/app/models/boards.ts create mode 100644 src/app/pages/nav-bar/nav-bar.component.css create mode 100644 src/app/pages/nav-bar/nav-bar.component.html create mode 100644 src/app/pages/nav-bar/nav-bar.component.spec.ts create mode 100644 src/app/pages/nav-bar/nav-bar.component.ts diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json index 20ae7b8..4969a6c 100644 --- a/.vs/VSWorkspaceState.json +++ b/.vs/VSWorkspaceState.json @@ -3,7 +3,6 @@ "", "\\src", "\\src\\app", - "\\src\\app\\send-post", "\\src\\app\\services" ], "PreviewInSolutionExplorer": false diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite index e94d76ff6f1a46b758c6469f6b62486d05930f87..de4bfe88ec049e89fd13993af3bba85dd9f25aa3 100644 GIT binary patch delta 8655 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 c1`1w?PBq8Au^4M%P$&!7syFdcQ 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 YY)HF#Kk3?vcu%T=lZpDZkL-T$|KDt(X#fBK diff --git a/package-lock.json b/package-lock.json index 791181c..bb0f7ba 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@angular/compiler": "^14.2.0", "@angular/core": "^14.2.0", "@angular/forms": "^14.2.0", + "@angular/material": "^7.0.0", "@angular/platform-browser": "^14.2.0", "@angular/platform-browser-dynamic": "^14.2.0", "@angular/router": "^14.2.0", @@ -349,6 +350,35 @@ "@angular/core": "14.2.6" } }, + "node_modules/@angular/cdk": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-7.0.0.tgz", + "integrity": "sha512-HX+gIJzST/Nu07ASg1XR583KSEmHI6kUbiSBdq0LqF3mIQgId5z3auBqQcXAgvB0Cg29+/38aj31hnoK/LswEQ==", + "peer": true, + "dependencies": { + "tslib": "^1.7.1" + }, + "optionalDependencies": { + "parse5": "^5.0.0" + }, + "peerDependencies": { + "@angular/common": ">=7.0.0", + "@angular/core": ">=7.0.0" + } + }, + "node_modules/@angular/cdk/node_modules/parse5": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz", + "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==", + "optional": true, + "peer": true + }, + "node_modules/@angular/cdk/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "peer": true + }, "node_modules/@angular/cli": { "version": "14.2.6", "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-14.2.6.tgz", @@ -481,6 +511,25 @@ "rxjs": "^6.5.3 || ^7.4.0" } }, + "node_modules/@angular/material": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@angular/material/-/material-7.0.0.tgz", + "integrity": "sha512-HgHzHWsUvNiSpRmoOJqnH/TVb4Ki7sXxbWuw5OVKOKiBW6Gwvd29+cP4XauzH47wHMyvS9/HH8kj3gC72pLhJQ==", + "dependencies": { + "tslib": "^1.7.1" + }, + "peerDependencies": { + "@angular/animations": ">=7.0.0", + "@angular/cdk": "7.0.0", + "@angular/common": ">=7.0.0", + "@angular/core": ">=7.0.0" + } + }, + "node_modules/@angular/material/node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" + }, "node_modules/@angular/platform-browser": { "version": "14.2.6", "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-14.2.6.tgz", @@ -13153,6 +13202,31 @@ "tslib": "^2.3.0" } }, + "@angular/cdk": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-7.0.0.tgz", + "integrity": "sha512-HX+gIJzST/Nu07ASg1XR583KSEmHI6kUbiSBdq0LqF3mIQgId5z3auBqQcXAgvB0Cg29+/38aj31hnoK/LswEQ==", + "peer": true, + "requires": { + "parse5": "^5.0.0", + "tslib": "^1.7.1" + }, + "dependencies": { + "parse5": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.1.tgz", + "integrity": "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==", + "optional": true, + "peer": true + }, + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "peer": true + } + } + }, "@angular/cli": { "version": "14.2.6", "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-14.2.6.tgz", @@ -13231,6 +13305,21 @@ "tslib": "^2.3.0" } }, + "@angular/material": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/@angular/material/-/material-7.0.0.tgz", + "integrity": "sha512-HgHzHWsUvNiSpRmoOJqnH/TVb4Ki7sXxbWuw5OVKOKiBW6Gwvd29+cP4XauzH47wHMyvS9/HH8kj3gC72pLhJQ==", + "requires": { + "tslib": "^1.7.1" + }, + "dependencies": { + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" + } + } + }, "@angular/platform-browser": { "version": "14.2.6", "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-14.2.6.tgz", diff --git a/package.json b/package.json index ef32b85..2bd10a0 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "@angular/compiler": "^14.2.0", "@angular/core": "^14.2.0", "@angular/forms": "^14.2.0", + "@angular/material": "^7.0.0", "@angular/platform-browser": "^14.2.0", "@angular/platform-browser-dynamic": "^14.2.0", "@angular/router": "^14.2.0", diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts new file mode 100644 index 0000000..d34a5e8 --- /dev/null +++ b/src/app/app-routing.module.ts @@ -0,0 +1,21 @@ +import { NgModule } from '@angular/core'; +import {RouterModule, Routes} from "@angular/router"; +import {HomeComponent} from "./pages/home/home.component"; +import {ThreadsComponent} from "./pages/BoardThreads/threads.component"; +import {BoardsComponent} from "./pages/SingleThread/boards.component"; +import {AboutComponent} from "./pages/about/about.component"; +import {NotFoundComponent} from "./pages/not-found/not-found.component"; + +const appRoutes: Routes = [ + { path: '', component: HomeComponent }, + { path: 'threads', component: ThreadsComponent}, + { path: 'board', component: BoardsComponent }, + { path: 'about', component: AboutComponent }, + { path: '**', component: NotFoundComponent } +] + +@NgModule({ + imports: [RouterModule.forRoot(appRoutes)], + exports: [RouterModule] +}) +export class AppRoutingModule { } diff --git a/src/app/app.component.css b/src/app/app.component.css index 1675c58..6240e0b 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -1,4 +1,63 @@ -h1{ - color: red; - font-size: 10rem; + +.main-container { + height: 100%; +} + +.sidenav-content { + + height: 100%; + align-items: center; + justify-content: center; +} + +.sidenav { + padding: 20px; + border: 1px solid rgba(25, 116, 211, 0.5); +} +.navToggle-btn { + height: 40px; + color: #fff; + border-radius: 5px; + padding: 10px 25px; + font-family: 'Lato', sans-serif; + font-weight: 500; + background: transparent; + cursor: pointer; + transition: all 0.3s ease; + position: relative; + display: inline-block; + box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), + 7px 7px 20px 0px rgba(0,0,0,.1), + 4px 4px 5px 0px rgba(0,0,0,.1); + outline: none; +} +.btn-14 { + background: rgb(255,151,0); + border: none; + z-index: 1; +} +.btn-14:after { + position: absolute; + content: ""; + width: 100%; + height: 0; + top: 0; + left: 0; + z-index: -1; + border-radius: 5px; + background-color: #ff0000; + background-image: linear-gradient(315deg, #000000 0%, #ff0000 74%); + box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5); + transition: all 0.3s ease; +} +.btn-14:hover { + color: #ffffff; +} +.btn-14:hover:after { + top: auto; + bottom: 0; + height: 100%; +} +.btn-14:active { + top: 2px; } diff --git a/src/app/app.component.html b/src/app/app.component.html index e69de29..d2e585c 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -0,0 +1,15 @@ +
+

Welcome, traveler.

+ + + + + +
+ +
+ + +
diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 67729d2..f011eac 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,18 +1,19 @@ import { Component } from '@angular/core'; + @Component({ selector: 'app-root', - template: `
-

Welcome, traveler.

- - -
` + templateUrl: `app.component.html`, + styleUrls:['app.component.css'] }) + export class AppComponent { title = 'Nedvach Angular'; + + ngOnInit(): void { + } } + + + + diff --git a/src/app/app.module.ts b/src/app/app.module.ts index c9f72e8..435ee3b 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,9 +1,9 @@ import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { Routes, RouterModule } from '@angular/router'; import { HttpClientModule } from '@angular/common/http'; + import { AppComponent } from './app.component'; import { HomeComponent } from './pages/home/home.component'; import { AboutComponent } from './pages/about/about.component'; @@ -15,14 +15,12 @@ import { SendPostComponent } from './pages/send-post/send-post.component'; import { PostComponent } from './pages/SingleThread/post/post.component' import { ThreadsComponent } from './pages/BoardThreads/threads.component'; import { OPComponent } from './pages/BoardThreads/op/op.component'; +import { AppRoutingModule } from './app-routing.module'; +import {MatSidenavModule} from "@angular/material/sidenav"; +import {BrowserAnimationsModule} from "@angular/platform-browser/animations"; +import { NavBarComponent } from './pages/nav-bar/nav-bar.component'; + -const appRoutes: Routes = [ - { path: '', component: HomeComponent }, - { path: 'threads', component: ThreadsComponent}, - { path: 'board', component: BoardsComponent }, - { path: 'about', component: AboutComponent }, - { path: '**', component: NotFoundComponent } -] @NgModule({ declarations: [ @@ -34,13 +32,17 @@ const appRoutes: Routes = [ PostComponent, SendPostComponent, ThreadsComponent, - OPComponent + OPComponent, + NavBarComponent, + ], imports: [ BrowserModule, - RouterModule.forRoot(appRoutes), HttpClientModule, - FormsModule + FormsModule, + AppRoutingModule, + MatSidenavModule, + BrowserAnimationsModule ], providers: [ ApiChatService diff --git a/src/app/models/boards.ts b/src/app/models/boards.ts new file mode 100644 index 0000000..becdad3 --- /dev/null +++ b/src/app/models/boards.ts @@ -0,0 +1,9 @@ +export interface Board { + BoardName: string, + BoardExplainedName: string, + BoardID: number, + ThreadCount: number, + PostCount: number +} + + diff --git a/src/app/pages/about/about.component.ts b/src/app/pages/about/about.component.ts index de35370..3f4af62 100644 --- a/src/app/pages/about/about.component.ts +++ b/src/app/pages/about/about.component.ts @@ -1,6 +1,4 @@ import { Component, OnInit } from '@angular/core'; - // двач лучший двач -import { ApiChatService } from '../../services/api-chat.service'; @Component({ selector: 'app-about', @@ -8,12 +6,9 @@ import { ApiChatService } from '../../services/api-chat.service'; styleUrls: [`./about.component.css`] }) export class AboutComponent implements OnInit { -// это комментарий ngOnInit(): void { - - - console.log('ya tochno ne ta stroka chto budet v drugom commite!'); + console.log('Yeah, you REALLY expect me to push changes without any console debugging?'); } } diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index 16a058d..ef2973b 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -1 +1 @@ -

home works!

\ No newline at end of file + diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts index fe46403..912dbc4 100644 --- a/src/app/pages/home/home.component.ts +++ b/src/app/pages/home/home.component.ts @@ -2,11 +2,11 @@ import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-home', - template: `` - + templateUrl: `home.component.html`, + }) export class HomeComponent implements OnInit { - title = 'Home компонент'; + title = 'Напоминание'; diff --git a/src/app/pages/nav-bar/nav-bar.component.css b/src/app/pages/nav-bar/nav-bar.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/pages/nav-bar/nav-bar.component.html b/src/app/pages/nav-bar/nav-bar.component.html new file mode 100644 index 0000000..bc235da --- /dev/null +++ b/src/app/pages/nav-bar/nav-bar.component.html @@ -0,0 +1,10 @@ + diff --git a/src/app/pages/nav-bar/nav-bar.component.spec.ts b/src/app/pages/nav-bar/nav-bar.component.spec.ts new file mode 100644 index 0000000..1cefcdb --- /dev/null +++ b/src/app/pages/nav-bar/nav-bar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavBarComponent } from './nav-bar.component'; + +describe('NavBarComponent', () => { + let component: NavBarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ NavBarComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NavBarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/nav-bar/nav-bar.component.ts b/src/app/pages/nav-bar/nav-bar.component.ts new file mode 100644 index 0000000..41af055 --- /dev/null +++ b/src/app/pages/nav-bar/nav-bar.component.ts @@ -0,0 +1,21 @@ +import { Component, OnInit } from '@angular/core'; +import {Board} from "../../models/boards"; +import {ApiChatService} from "../../services/api-chat.service"; + +@Component({ + selector: 'app-nav-bar', + templateUrl: './nav-bar.component.html', + styleUrls: ['./nav-bar.component.css'] +}) +export class NavBarComponent implements OnInit { + boardsToList: Board[]; + + + constructor(public apiChatService: ApiChatService) { + } + + ngOnInit(): void { + this.boardsToList = this.apiChatService.getBoards() + } + +} diff --git a/src/app/services/api-chat.service.ts b/src/app/services/api-chat.service.ts index 010ac5a..02ac9b3 100644 --- a/src/app/services/api-chat.service.ts +++ b/src/app/services/api-chat.service.ts @@ -2,6 +2,7 @@ import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs'; import { SinglePost } from '../models/post'; +import {Board} from "../models/boards"; import * as globals from '../const/api'; @@ -12,9 +13,9 @@ export class ApiChatService { constructor(private http: HttpClient) { } - getPosts(boardName:string, threadID: number): Observable { + getPosts(boardName: string, threadID: number): Observable { //console.log("Получаю посты и картинки"); - return this.http.get(globals.api_endpoint +'List/', {params:{board: boardName , thread: threadID}}) ; + return this.http.get(globals.api_endpoint + 'List/', {params: {board: boardName, thread: threadID}}); } sendPostToApi(text: string, imgUrl: string[], threadId: number,) { @@ -27,19 +28,33 @@ export class ApiChatService { ImgURL: imgUrl, Thread_Id: threadId } - return this.http.post( globals.api_endpoint +'PostTo', postToSend) + return this.http.post(globals.api_endpoint + 'PostTo', postToSend) } - sendpic(picToSend: File):Observable { + sendpic(picToSend: File): Observable { const PostPicture = new FormData(); PostPicture.append('PostPicture', picToSend); - return this.http.post(globals.api_endpoint +'UploadPic', PostPicture) + return this.http.post(globals.api_endpoint + 'UploadPic', PostPicture) } - getThreads(boardName:string): Observable { + getThreads(boardName: string): Observable { //console.log("Получаю посты и картинки"); - return this.http.get(globals.api_endpoint +'Threads/', {params:{board: boardName}}) ; + return this.http.get(globals.api_endpoint + 'Threads/', {params: {board: boardName}}); } - } + sampleBoardList = [ +{ + BoardName: 'b', + BoardExplainedName: 'Всего понемногу', + BoardID: 228, + ThreadCount: 4, + PostCount: 4445 +} +] + + getBoards(): Board[] { + return this.sampleBoardList; + //return this.http.get(globals.api_endpoint + 'Boards/'); + } +}