From ec3577bb7d3b57d7424f6c0d6cddb41cf19eccd0 Mon Sep 17 00:00:00 2001 From: deemak Date: Tue, 15 Aug 2023 08:37:48 +0300 Subject: [PATCH] update style --- src/app/app-routing.module.ts | 17 ---- src/app/app.component.html | 1 - src/app/app.component.scss | 6 +- ...simple.component.svg => app.component.svg} | 0 src/app/app.component.ts | 75 +++++++++++++++++- src/app/app.module.ts | 6 -- .../fortune-wheel.component.html | 5 -- .../fortune-wheel.component.scss | 35 --------- .../fortune-wheel.component.spec.ts | 25 ------ .../fortune-wheel/fortune-wheel.component.ts | 22 ------ src/app/simple/simple.component.scss | 29 ------- src/app/simple/simple.component.spec.ts | 25 ------ src/app/simple/simple.component.ts | 77 ------------------- 13 files changed, 75 insertions(+), 248 deletions(-) delete mode 100644 src/app/app-routing.module.ts delete mode 100644 src/app/app.component.html rename src/app/{simple/simple.component.svg => app.component.svg} (100%) delete mode 100644 src/app/fortune-wheel/fortune-wheel.component.html delete mode 100644 src/app/fortune-wheel/fortune-wheel.component.scss delete mode 100644 src/app/fortune-wheel/fortune-wheel.component.spec.ts delete mode 100644 src/app/fortune-wheel/fortune-wheel.component.ts delete mode 100644 src/app/simple/simple.component.scss delete mode 100644 src/app/simple/simple.component.spec.ts delete mode 100644 src/app/simple/simple.component.ts diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts deleted file mode 100644 index 4526952..0000000 --- a/src/app/app-routing.module.ts +++ /dev/null @@ -1,17 +0,0 @@ -import {NgModule} from '@angular/core'; -import {RouterModule, Routes} from '@angular/router'; -import {SimpleComponent} from "./simple/simple.component"; -import {FortuneWheelComponent} from "./fortune-wheel/fortune-wheel.component"; - -const routes: Routes = [ - {path: '', redirectTo: '/simple', pathMatch: 'full'}, - {path: 'simple', component: SimpleComponent}, - {path: 'fortune', component: FortuneWheelComponent}, -]; - -@NgModule({ - imports: [RouterModule.forRoot(routes)], - exports: [RouterModule] -}) -export class AppRoutingModule { -} diff --git a/src/app/app.component.html b/src/app/app.component.html deleted file mode 100644 index 0680b43..0000000 --- a/src/app/app.component.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 841886b..786ed1f 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -3,6 +3,8 @@ svg { flex-shrink: 0; backdrop-filter: blur(15px); + background-color: transparent; + color: transparent; } image#image1_204_3 { @@ -11,11 +13,11 @@ image#image1_204_3 { animation: fadeIn 4s infinite linear; } -#time-value{ +#time-value { font-size: 110px; } -#username{ +#username { font-size: 100px; } diff --git a/src/app/simple/simple.component.svg b/src/app/app.component.svg similarity index 100% rename from src/app/simple/simple.component.svg rename to src/app/app.component.svg diff --git a/src/app/app.component.ts b/src/app/app.component.ts index dbbb0c1..65bad15 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,10 +1,77 @@ -import { Component } from '@angular/core'; +import {Component, OnDestroy, OnInit} from '@angular/core'; @Component({ selector: 'app-root', - templateUrl: './app.component.html', + templateUrl: './app.component.svg', styleUrls: ['./app.component.scss'] }) -export class AppComponent { - title = 'auction-plugin-ui'; +export class AppComponent implements OnInit, OnDestroy { + liveData: any; + displayTime: string; + interval: any; + private auctionSocket: WebSocket | undefined; + private timerSocket: WebSocket | undefined; + + constructor() { + this.displayTime = "" + this.connect(); + } + + ngOnInit(): void { + this.loadDefaultData() + } + private connect() { + this.auctionSocket = new WebSocket('ws://localhost:10000/auction'); + this.auctionSocket.onopen = () => { + console.log('Connected to server'); + }; + this.auctionSocket.onmessage = (event) => { + this.liveData = JSON.parse(event.data); + }; + this.auctionSocket.onclose = (event) => { + console.log(`WebSocket disconnected with code ${event.code}`); + setTimeout(() => { + console.log('Attempting to reconnect...'); + this.connect(); + }, 1000); + }; + this.auctionSocket.onerror = (error) => { + this.loadDefaultData() + console.log(`WebSocket error: ${error}`); + }; + + this.timerSocket = new WebSocket('ws://localhost:10000/auctionTimer'); + this.timerSocket.onopen = () => { + console.log('Connected to server'); + }; + this.timerSocket.onmessage = (event) => { + this.displayTime = JSON.parse(event.data).timer; + }; + this.timerSocket.onclose = (event) => { + console.log(`WebSocket disconnected with code ${event.code}`); + setTimeout(() => { + console.log('Attempting to reconnect...'); + this.connect(); + }, 1000); + }; + this.timerSocket.onerror = (error) => { + console.log(`WebSocket error: ${error}`); + }; + } + + private loadDefaultData() { + this.liveData = { + rewardCost: "", + userName: "", + } + } + + ngOnDestroy(): void { + if (this.auctionSocket) { + this.auctionSocket.close(); + } + if (this.timerSocket) { + this.timerSocket.close(); + } + } } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 35fe6d7..9f78284 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,20 +1,14 @@ import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; -import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; -import { SimpleComponent } from './simple/simple.component'; -import { FortuneWheelComponent } from './fortune-wheel/fortune-wheel.component'; @NgModule({ declarations: [ AppComponent, - SimpleComponent, - FortuneWheelComponent, ], imports: [ BrowserModule, - AppRoutingModule ], providers: [], bootstrap: [AppComponent] diff --git a/src/app/fortune-wheel/fortune-wheel.component.html b/src/app/fortune-wheel/fortune-wheel.component.html deleted file mode 100644 index 6121e5b..0000000 --- a/src/app/fortune-wheel/fortune-wheel.component.html +++ /dev/null @@ -1,5 +0,0 @@ -
-
-
-
-
diff --git a/src/app/fortune-wheel/fortune-wheel.component.scss b/src/app/fortune-wheel/fortune-wheel.component.scss deleted file mode 100644 index 29770b1..0000000 --- a/src/app/fortune-wheel/fortune-wheel.component.scss +++ /dev/null @@ -1,35 +0,0 @@ -.wheel-container { - display: flex; - justify-content: center; - align-items: center; - height: 300px; -} - -.wheel { - width: 300px; - height: 300px; - border-radius: 50%; - background-image: url('data:image/png;base64,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'); /* Замените на путь к желаемой текстуре */ - background-size: cover; - position: relative; - overflow: hidden; -} - -.sector { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - justify-content: center; - align-items: center; - font-size: 18px; - font-weight: bold; - text-transform: uppercase; - transition: background-color 0.3s ease; -} - -.sector-text { - color: white; -} diff --git a/src/app/fortune-wheel/fortune-wheel.component.spec.ts b/src/app/fortune-wheel/fortune-wheel.component.spec.ts deleted file mode 100644 index 0ba1dba..0000000 --- a/src/app/fortune-wheel/fortune-wheel.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { FortuneWheelComponent } from './fortune-wheel.component'; - -describe('FortuneWeelComponent', () => { - let component: FortuneWheelComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ FortuneWheelComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(FortuneWheelComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/fortune-wheel/fortune-wheel.component.ts b/src/app/fortune-wheel/fortune-wheel.component.ts deleted file mode 100644 index 2ea0ceb..0000000 --- a/src/app/fortune-wheel/fortune-wheel.component.ts +++ /dev/null @@ -1,22 +0,0 @@ -import {Component, OnInit} from '@angular/core'; - -@Component({ - selector: 'app-fortune-wheel', - templateUrl: './fortune-wheel.component.html', - styleUrls: ['./fortune-wheel.component.scss'] -}) -export class FortuneWheelComponent implements OnInit { - sectors: any[] = [ - { label: 'Сектор 1', color: '#FF0000' }, - { label: 'Сектор 2', color: '#00FF00' }, - { label: 'Сектор 3', color: '#0000FF' }, - ]; - - rotation: number = 0; - - constructor() { - } - - ngOnInit(): void { - } -} diff --git a/src/app/simple/simple.component.scss b/src/app/simple/simple.component.scss deleted file mode 100644 index 841886b..0000000 --- a/src/app/simple/simple.component.scss +++ /dev/null @@ -1,29 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Acme&display=swap'); - -svg { - flex-shrink: 0; - backdrop-filter: blur(15px); -} - -image#image1_204_3 { - background: no-repeat; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; - animation: fadeIn 4s infinite linear; -} - -#time-value{ - font-size: 110px; -} - -#username{ - font-size: 100px; -} - -@keyframes fadeIn { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} diff --git a/src/app/simple/simple.component.spec.ts b/src/app/simple/simple.component.spec.ts deleted file mode 100644 index 64d7622..0000000 --- a/src/app/simple/simple.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { SimpleComponent } from './simple.component'; - -describe('SimpleComponent', () => { - let component: SimpleComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ SimpleComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(SimpleComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/src/app/simple/simple.component.ts b/src/app/simple/simple.component.ts deleted file mode 100644 index 8d6d9df..0000000 --- a/src/app/simple/simple.component.ts +++ /dev/null @@ -1,77 +0,0 @@ -import {Component, OnDestroy, OnInit} from '@angular/core'; - -@Component({ - selector: 'app-simple', - templateUrl: './simple.component.svg', - styleUrls: ['./simple.component.scss'] -}) -export class SimpleComponent implements OnInit, OnDestroy { - liveData: any; - displayTime: string; - interval: any; - private auctionSocket: WebSocket | undefined; - private timerSocket: WebSocket | undefined; - - constructor() { - this.displayTime = "" - this.connect(); - } - - ngOnInit(): void { - this.loadDefaultData() - } - private connect() { - this.auctionSocket = new WebSocket('ws://localhost:10000/auction'); - this.auctionSocket.onopen = () => { - console.log('Connected to server'); - }; - this.auctionSocket.onmessage = (event) => { - this.liveData = JSON.parse(event.data); - }; - this.auctionSocket.onclose = (event) => { - console.log(`WebSocket disconnected with code ${event.code}`); - setTimeout(() => { - console.log('Attempting to reconnect...'); - this.connect(); - }, 1000); - }; - this.auctionSocket.onerror = (error) => { - this.loadDefaultData() - console.log(`WebSocket error: ${error}`); - }; - - this.timerSocket = new WebSocket('ws://localhost:10000/auctionTimer'); - this.timerSocket.onopen = () => { - console.log('Connected to server'); - }; - this.timerSocket.onmessage = (event) => { - this.displayTime = JSON.parse(event.data).timer; - }; - this.timerSocket.onclose = (event) => { - console.log(`WebSocket disconnected with code ${event.code}`); - setTimeout(() => { - console.log('Attempting to reconnect...'); - this.connect(); - }, 1000); - }; - this.timerSocket.onerror = (error) => { - console.log(`WebSocket error: ${error}`); - }; - } - - private loadDefaultData() { - this.liveData = { - rewardCost: "", - userName: "", - } - } - - ngOnDestroy(): void { - if (this.auctionSocket) { - this.auctionSocket.close(); - } - if (this.timerSocket) { - this.timerSocket.close(); - } - } -}