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();
- }
- }
-}