This commit is contained in:
Tomasi - Developing 2026-02-17 14:19:23 +01:00
parent 27ea4cf182
commit b04ad8c9b3
4 changed files with 44 additions and 41 deletions

View File

@ -65,9 +65,10 @@ import { CustomEventCategoryComponent } from './pages/custom-event/custom-event-
import { CustomEventLeaderboardComponent } from './pages/custom-event/custom-event-leaderboard/custom-event-leaderboard.component'; import { CustomEventLeaderboardComponent } from './pages/custom-event/custom-event-leaderboard/custom-event-leaderboard.component';
import { CustomEventEventsComponent } from './pages/custom-event/custom-event-events/custom-event-events.component'; import { CustomEventEventsComponent } from './pages/custom-event/custom-event-events/custom-event-events.component';
import {NgxMaskDirective, NgxMaskPipe, provideNgxMask} from "ngx-mask"; import {NgxMaskDirective, NgxMaskPipe, provideNgxMask} from "ngx-mask";
import {CountUpModule} from "ngx-countup";
import { PlayerSquadsComponent } from './pages/player-squads/player-squads.component'; import { PlayerSquadsComponent } from './pages/player-squads/player-squads.component';
import { SquadEditModalComponent } from './modals/squad-edit-modal/squad-edit-modal.component'; import { SquadEditModalComponent } from './modals/squad-edit-modal/squad-edit-modal.component';
import {CommonModule} from "@angular/common";
import {CountUpDirective} from "ngx-countup";
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -125,29 +126,30 @@ import { SquadEditModalComponent } from './modals/squad-edit-modal/squad-edit-mo
PlayerSquadsComponent, PlayerSquadsComponent,
SquadEditModalComponent SquadEditModalComponent
], ],
imports: [ imports: [
BrowserModule, CommonModule,
AppRoutingModule, BrowserModule,
BrowserAnimationsModule, AppRoutingModule,
NgbModule, BrowserAnimationsModule,
FormsModule, NgbModule,
NgxPaginationModule, FormsModule,
ReactiveFormsModule, NgxPaginationModule,
NgxSpinnerModule, ReactiveFormsModule,
NgbRatingModule, NgxSpinnerModule,
ToastrModule.forRoot({ NgbRatingModule,
positionClass: 'toast-bottom-right', ToastrModule.forRoot({
}), positionClass: 'toast-bottom-right',
JwtModule.forRoot({ }),
config: { JwtModule.forRoot({
tokenGetter: () => localStorage.getItem(''), config: {
} tokenGetter: () => localStorage.getItem(''),
}), }
AgCharts, }),
NgxMaskDirective, AgCharts,
NgxMaskPipe, NgxMaskDirective,
CountUpModule NgxMaskPipe,
], CountUpDirective
],
providers: [ providers: [
provideNgxMask(), provideNgxMask(),
provideHttpClient(withInterceptors([spinnerInterceptor, jwtInterceptor])) provideHttpClient(withInterceptors([spinnerInterceptor, jwtInterceptor]))

View File

@ -16,7 +16,7 @@
} }
.api-key-input-group { .api-key-input-group {
max-width: 420px; // Begrenzung der Breite des Input-Feldes max-width: 420px;
} }
.api-key-input { .api-key-input {

View File

@ -25,9 +25,7 @@ export class PlayerInfoVsDuelComponent {
options: AgChartOptions = { options: AgChartOptions = {
title: { title: { text: 'Weekly Points' },
text: 'Weekly Points'
},
data: [], data: [],
series: [ series: [
{ {
@ -40,22 +38,21 @@ export class PlayerInfoVsDuelComponent {
fill: 'blue' fill: 'blue'
} }
], ],
axes: [ axes: {
{ y: {
type: 'number', type: 'number',
position: 'left', position: 'left',
label: { label: {
formatter: (params: any) => { formatter: (params: any) => params.value.toLocaleString('en-US'),
return params.value.toLocaleString('en-US') },
}
}
}, },
{ x: {
type: 'category', type: 'category',
position: 'bottom', position: 'bottom',
} },
] },
} };
getData(take: number) { getData(take: number) {
const chartData: {date: string, points: number}[] = []; const chartData: {date: string, points: number}[] = [];

View File

@ -1,10 +1,14 @@
import { provideZoneChangeDetection } from "@angular/core"; import { provideZoneChangeDetection } from "@angular/core";
/// <reference types="@angular/localize" />
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module'; import { AppModule } from './app/app.module';
platformBrowserDynamic().bootstrapModule(AppModule, { applicationProviders: [provideZoneChangeDetection()], }) import { ModuleRegistry, AllCommunityModule } from 'ag-charts-community';
ModuleRegistry.registerModules([AllCommunityModule]);
platformBrowserDynamic()
.bootstrapModule(AppModule, {
applicationProviders: [provideZoneChangeDetection()],
})
.catch(err => console.error(err)); .catch(err => console.error(err));