zik/PlayerManagement
1
0
Fork 0
mirror of https://github.com/TomasiDeveloping/PlayerManagement.git synced 2026-04-16 17:22:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: zik:463f526fe74bc37185ce053f2435b8ecae3aee06
Branches Tags
zik:master
..
compare: zik:674ed9e8e8e64b73c8682901aea3173a83c101ae
Branches Tags
zik:master

23 Commits
463f526fe7 ... 674ed9e8e8

Author SHA1 Message Date
Tomasi Patrick
674ed9e8e8
Merge pull request #29 from TomasiDeveloping/update 
Update
 2026-02-17 14:30:38 +01:00
Tomasi - Developing
4e02e114c1 fix 2026-02-17 14:29:59 +01:00
Tomasi - Developing
3545994bbf v1.2.0 2026-02-17 14:23:49 +01:00
Tomasi - Developing
b04ad8c9b3 fix 2026-02-17 14:19:23 +01:00
Tomasi - Developing
27ea4cf182 zone.js 2026-02-17 13:59:16 +01:00
Tomasi - Developing
f32c41f900 sweetalert2 2026-02-17 13:56:44 +01:00
Tomasi - Developing
2566e02897 ngx-toastr 2026-02-17 13:54:25 +01:00
Tomasi - Developing
e91daa881d ngx-spinner 2026-02-17 13:49:59 +01:00
Tomasi - Developing
ffa1cc6189 ngx-mask 2026-02-17 13:47:10 +01:00
Tomasi - Developing
1af95c1905 ngx-countup 2026-02-17 13:44:16 +01:00
Tomasi - Developing
9b4d22e8be karma-jasmine-html-reporter 2026-02-17 13:41:41 +01:00
Tomasi - Developing
5788bd7c23 jasmine-core 2026-02-17 13:39:11 +01:00
Tomasi - Developing
15be92ea1a bootswatch 2026-02-17 13:36:16 +01:00
Tomasi - Developing
c57900d9c1 bootstrap-icons 2026-02-17 13:33:40 +01:00
Tomasi - Developing
d2021acca7 bootstrap 2026-02-17 13:30:24 +01:00
Tomasi - Developing
4d5f994a96 ag-charts-angular 2026-02-17 13:27:56 +01:00
Tomasi - Developing
76caaea9c5 @types/jasmine 2026-02-17 13:25:27 +01:00
Tomasi - Developing
b1b179775a @sweetalert2/theme-dark 2026-02-17 13:22:31 +01:00
Tomasi - Developing
9f1d1fc071 @ng-bootstrap/ng-bootstrap 2026-02-17 13:19:03 +01:00
Tomasi - Developing
3c91001dd2 ng update @angular/core@21 @angular/cli@21 2026-02-17 13:16:29 +01:00
Tomasi - Developing
ef4c9d643a ng update @angular/core@20 @angular/cli@20 2026-02-17 13:07:59 +01:00
Tomasi - Developing
4d47336e2b ng update @angular/core@19 @angular/cli@19 2026-02-17 13:02:28 +01:00
Tomasi - Developing
3f7aea2e67 .net 10 and fix 2026-02-17 12:56:33 +01:00
77 changed files with 6170 additions and 9304 deletions
Show Stats Expand all files Collapse all files

7
Api/Api.csproj
View File

@ -1,17 +1,12 @@
<Project Sdk="Microsoft.NET.Sdk.Web"> <Project Sdk="Microsoft.NET.Sdk.Web">
<PropertyGroup>
<TargetFramework>net9.0</TargetFramework>
<Nullable>enable</Nullable>
<ImplicitUsings>enable</ImplicitUsings>
</PropertyGroup>
<ItemGroup> <ItemGroup>
<PackageReference Include="Asp.Versioning.Mvc" /> <PackageReference Include="Asp.Versioning.Mvc" />
<PackageReference Include="AspNetCore.HealthChecks.SqlServer" /> <PackageReference Include="AspNetCore.HealthChecks.SqlServer" />
<PackageReference Include="AspNetCore.HealthChecks.UI.Client" /> <PackageReference Include="AspNetCore.HealthChecks.UI.Client" />
<PackageReference Include="Azure.Identity" /> <PackageReference Include="Azure.Identity" />
<PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" /> <PackageReference Include="Microsoft.AspNetCore.Authentication.JwtBearer" />
<PackageReference Include="Microsoft.AspNetCore.OpenApi" />
<PackageReference Include="Microsoft.EntityFrameworkCore.Design"> <PackageReference Include="Microsoft.EntityFrameworkCore.Design">
<PrivateAssets>all</PrivateAssets> <PrivateAssets>all</PrivateAssets>
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets> <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>

29
Api/Configurations/SwaggerExtension.cs
View File

@ -1,6 +1,6 @@
using Api.Helpers; using Api.Helpers;
using Microsoft.AspNetCore.Authentication.JwtBearer; using Microsoft.AspNetCore.Authentication.JwtBearer;
using Microsoft.OpenApi.Models; using Microsoft.OpenApi;
namespace Api.Configurations; namespace Api.Configurations;
@ -30,34 +30,19 @@ public static class SwaggerExtension
}); });
// Configures Bearer token authentication for Swagger // Configures Bearer token authentication for Swagger
options.AddSecurityDefinition("Bearer", new OpenApiSecurityScheme options.AddSecurityDefinition(JwtBearerDefaults.AuthenticationScheme, new OpenApiSecurityScheme
{ {
Description = @"JWT Authorization header using the Bearer scheme. Description = "JWT Authorization header using the Bearer scheme.",
Enter 'Bearer' [space] and then your token in the text input below.
Example: 'Bearer 12345abcdef'",
Name = "Authorization", Name = "Authorization",
BearerFormat = "JWT",
In = ParameterLocation.Header, In = ParameterLocation.Header,
Type = SecuritySchemeType.ApiKey, Type = SecuritySchemeType.Http,
Scheme = JwtBearerDefaults.AuthenticationScheme Scheme = JwtBearerDefaults.AuthenticationScheme
}); });
// Adds security requirements for Bearer token authentication // Adds security requirements for Bearer token authentication
options.AddSecurityRequirement(new OpenApiSecurityRequirement options.AddSecurityRequirement(document => new OpenApiSecurityRequirement
{ {
{ [new OpenApiSecuritySchemeReference(JwtBearerDefaults.AuthenticationScheme, document)] = []
new OpenApiSecurityScheme
{
Reference = new OpenApiReference
{
Type = ReferenceType.SecurityScheme,
Id = JwtBearerDefaults.AuthenticationScheme
},
Scheme = "Oauth2",
Name = JwtBearerDefaults.AuthenticationScheme,
In = ParameterLocation.Header
},
new List<string>()
}
}); });
}); });
} }

2
Api/Helpers/HideEndpointsInProductionFilter.cs
View File

@ -1,4 +1,4 @@
using Microsoft.OpenApi.Models; using Microsoft.OpenApi;
using Swashbuckle.AspNetCore.SwaggerGen; using Swashbuckle.AspNetCore.SwaggerGen;
namespace Api.Helpers; namespace Api.Helpers;

4
Api/Program.cs
View File

@ -3,6 +3,7 @@ using Api.Middleware;
using Application; using Application;
using Database; using Database;
using HealthChecks.UI.Client; using HealthChecks.UI.Client;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Diagnostics.HealthChecks; using Microsoft.AspNetCore.Diagnostics.HealthChecks;
using Serilog; using Serilog;
using Utilities.Classes; using Utilities.Classes;
@ -24,7 +25,6 @@ try
.WriteTo.File(logPath, rollingInterval: RollingInterval.Day, rollOnFileSizeLimit: true); .WriteTo.File(logPath, rollingInterval: RollingInterval.Day, rollOnFileSizeLimit: true);
}); });
builder.Services.AddDatabase(builder.Configuration); builder.Services.AddDatabase(builder.Configuration);
builder.Services.AddApplication(); builder.Services.AddApplication();
@ -54,6 +54,8 @@ try
app.UseStaticFiles(); app.UseStaticFiles();
app.UseDefaultFiles(); app.UseDefaultFiles();
app.MapOpenApi();
app.UseSwagger(); app.UseSwagger();
app.UseSwaggerUI(); app.UseSwaggerUI();

6
Application/Application.csproj
View File

@ -1,11 +1,5 @@
<Project Sdk="Microsoft.NET.Sdk"> <Project Sdk="Microsoft.NET.Sdk">
<PropertyGroup>
<TargetFramework>net9.0</TargetFramework>
<ImplicitUsings>enable</ImplicitUsings>
<Nullable>enable</Nullable>
</PropertyGroup>
<ItemGroup> <ItemGroup>
<Folder Include="DataTransferObjects\Alliance\" /> <Folder Include="DataTransferObjects\Alliance\" />
<Folder Include="Classes\" /> <Folder Include="Classes\" />

6
Application/ApplicationDependencyInjection.cs
View File

@ -1,6 +1,6 @@
using System.Reflection; using Application.Helpers;
using Application.Helpers;
using Application.Interfaces; using Application.Interfaces;
using Application.Profiles;
using Application.Repositories; using Application.Repositories;
using Application.Services; using Application.Services;
using Microsoft.Extensions.DependencyInjection; using Microsoft.Extensions.DependencyInjection;
@ -13,7 +13,7 @@ public static class ApplicationDependencyInjection
{ {
public static IServiceCollection AddApplication(this IServiceCollection services) public static IServiceCollection AddApplication(this IServiceCollection services)
{ {
services.AddAutoMapper(Assembly.GetExecutingAssembly()); services.AddAutoMapper(_ => {}, typeof(AllianceProfile));
services.AddScoped<IAllianceRepository, AllianceRepository>(); services.AddScoped<IAllianceRepository, AllianceRepository>();
services.AddScoped<IAdmonitionRepository, AdmonitionRepository>(); services.AddScoped<IAdmonitionRepository, AdmonitionRepository>();

6
Database/Database.csproj
View File

@ -1,11 +1,5 @@
<Project Sdk="Microsoft.NET.Sdk"> <Project Sdk="Microsoft.NET.Sdk">
<PropertyGroup>
<TargetFramework>net9.0</TargetFramework>
<ImplicitUsings>enable</ImplicitUsings>
<Nullable>enable</Nullable>
</PropertyGroup>
<ItemGroup> <ItemGroup>
<PackageReference Include="Microsoft.AspNetCore.DataProtection" /> <PackageReference Include="Microsoft.AspNetCore.DataProtection" />
<PackageReference Include="Microsoft.AspNetCore.Identity" /> <PackageReference Include="Microsoft.AspNetCore.Identity" />

2
Directory.Build.props
View File

@ -1,6 +1,6 @@
<Project> <Project>
<PropertyGroup> <PropertyGroup>
<TargetFramework>net9.0</TargetFramework> <TargetFramework>net10.0</TargetFramework>
<Nullable>enable</Nullable> <Nullable>enable</Nullable>
<ImplicitUsings>enable</ImplicitUsings> <ImplicitUsings>enable</ImplicitUsings>
</PropertyGroup> </PropertyGroup>

60
Directory.Packages.props
View File

@ -3,37 +3,33 @@
<ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally> <ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally>
</PropertyGroup> </PropertyGroup>
<ItemGroup> <ItemGroup>
<PackageVersion Include="MailKit" Version="4.11.0" /> <PackageVersion Include="MailKit" Version="4.15.0" />
<PackageVersion Include="Microsoft.AspNetCore.Http.Features" Version="5.0.17" /> <PackageVersion Include="Microsoft.AspNetCore.Http.Features" Version="5.0.17" />
<PackageVersion Include="Microsoft.Extensions.Logging.Abstractions" Version="9.0.4" /> <PackageVersion Include="Microsoft.AspNetCore.OpenApi" Version="10.0.3" />
<PackageVersion Include="Microsoft.Extensions.Options" Version="9.0.4" /> <PackageVersion Include="Microsoft.Extensions.Logging.Abstractions" Version="10.0.3" />
<PackageVersion Include="Octokit" Version="14.0.0" /> <PackageVersion Include="Microsoft.Extensions.Options" Version="10.0.3" />
<PackageVersion Include="Octokit" Version="14.0.0" />
<PackageVersion Include="Microsoft.AspNetCore.DataProtection" Version="9.0.4" /> <PackageVersion Include="Microsoft.AspNetCore.DataProtection" Version="10.0.3" />
<PackageVersion Include="Microsoft.AspNetCore.Identity" Version="2.3.1" /> <PackageVersion Include="Microsoft.AspNetCore.Identity" Version="2.3.9" />
<PackageVersion Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="9.0.4" /> <PackageVersion Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="10.0.3" />
<PackageVersion Include="Microsoft.EntityFrameworkCore" Version="9.0.4" /> <PackageVersion Include="Microsoft.EntityFrameworkCore" Version="10.0.3" />
<PackageVersion Include="Microsoft.EntityFrameworkCore.SqlServer" Version="9.0.4" /> <PackageVersion Include="Microsoft.EntityFrameworkCore.SqlServer" Version="10.0.3" />
<PackageVersion Include="Microsoft.EntityFrameworkCore.Tools" Version="9.0.4" /> <PackageVersion Include="Microsoft.EntityFrameworkCore.Tools" Version="10.0.3" />
<PackageVersion Include="AutoMapper" Version="16.0.0" />
<PackageVersion Include="AutoMapper" Version="14.0.0" /> <PackageVersion Include="ExcelDataReader" Version="3.8.0" />
<PackageVersion Include="ExcelDataReader" Version="3.7.0" /> <PackageVersion Include="ExcelDataReader.DataSet" Version="3.8.0" />
<PackageVersion Include="ExcelDataReader.DataSet" Version="3.7.0" /> <PackageVersion Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="10.0.3" />
<PackageVersion Include="Microsoft.Extensions.DependencyInjection.Abstractions" Version="9.0.4" /> <PackageVersion Include="Swashbuckle.AspNetCore.Annotations" Version="10.1.3" />
<PackageVersion Include="Swashbuckle.AspNetCore.Annotations" Version="8.1.1" /> <PackageVersion Include="Asp.Versioning.Mvc" Version="8.1.1" />
<PackageVersion Include="AspNetCore.HealthChecks.SqlServer" Version="9.0.0" />
<PackageVersion Include="Asp.Versioning.Mvc" Version="8.1.0" /> <PackageVersion Include="AspNetCore.HealthChecks.UI.Client" Version="9.0.0" />
<PackageVersion Include="AspNetCore.HealthChecks.SqlServer" Version="9.0.0" /> <PackageVersion Include="Azure.Identity" Version="1.17.1" />
<PackageVersion Include="AspNetCore.HealthChecks.UI.Client" Version="9.0.0" /> <PackageVersion Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="10.0.3" />
<PackageVersion Include="Azure.Identity" Version="1.13.2" /> <PackageVersion Include="Microsoft.EntityFrameworkCore.Design" Version="10.0.3" />
<PackageVersion Include="Microsoft.AspNetCore.Authentication.JwtBearer" Version="9.0.4" /> <PackageVersion Include="Microsoft.Extensions.Diagnostics.HealthChecks.EntityFrameworkCore" Version="10.0.3" />
<PackageVersion Include="Microsoft.EntityFrameworkCore.Design" Version="9.0.4" /> <PackageVersion Include="Serilog" Version="4.3.1" />
<PackageVersion Include="Serilog.AspNetCore" Version="10.0.0" />
<PackageVersion Include="Microsoft.Extensions.Diagnostics.HealthChecks.EntityFrameworkCore" Version="9.0.4" /> <PackageVersion Include="Serilog.Sinks.Seq" Version="9.0.0" />
<PackageVersion Include="Serilog" Version="4.2.0" /> <PackageVersion Include="Swashbuckle.AspNetCore" Version="10.1.3" />
<PackageVersion Include="Serilog.AspNetCore" Version="9.0.0" />
<PackageVersion Include="Serilog.Sinks.Seq" Version="9.0.0" />
<PackageVersion Include="Swashbuckle.AspNetCore" Version="8.1.1" />
</ItemGroup> </ItemGroup>
</Project> </Project>

10
README.md
View File

@ -25,6 +25,16 @@ All beta versions (0.x.x) can be found here →
--- ---
### **[1.2.0]** – *2026-02-17* 🚀
#### 🛠 Changed
- **Platform Upgrade**
The application has been upgraded to the latest platform versions:
- Backend: **.NET 10**
- Frontend: **Angular 21**
These upgrades improve performance, security, and future compatibility with upcoming features.
### **[1.1.0]** – *2026-02-09* 🚀 ### **[1.1.0]** – *2026-02-09* 🚀
#### ✨ Added #### ✨ Added
- **Desert Storm – Player Sorting in Info Dialog** - **Desert Storm – Player Sorting in Info Dialog**

34
Ui/angular.json
View File

@ -21,7 +21,7 @@
"prefix": "app", "prefix": "app",
"architect": { "architect": {
"build": { "build": {
"builder": "@angular-devkit/build-angular:application", "builder": "@angular/build:application",
"options": { "options": {
"outputPath": "dist/ui", "outputPath": "dist/ui",
"index": "src/index.html", "index": "src/index.html",
@ -75,7 +75,7 @@
"defaultConfiguration": "production" "defaultConfiguration": "production"
}, },
"serve": { "serve": {
"builder": "@angular-devkit/build-angular:dev-server", "builder": "@angular/build:dev-server",
"configurations": { "configurations": {
"production": { "production": {
"buildTarget": "Ui:build:production" "buildTarget": "Ui:build:production"
@ -87,13 +87,13 @@
"defaultConfiguration": "development" "defaultConfiguration": "development"
}, },
"extract-i18n": { "extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n", "builder": "@angular/build:extract-i18n",
"options": { "options": {
"buildTarget": "Ui:build" "buildTarget": "Ui:build"
} }
}, },
"test": { "test": {
"builder": "@angular-devkit/build-angular:karma", "builder": "@angular/build:karma",
"options": { "options": {
"polyfills": [ "polyfills": [
"zone.js", "zone.js",
@ -114,5 +114,31 @@
} }
} }
} }
},
"schematics": {
"@schematics/angular:component": {
"type": "component"
},
"@schematics/angular:directive": {
"type": "directive"
},
"@schematics/angular:service": {
"type": "service"
},
"@schematics/angular:guard": {
"typeSeparator": "."
},
"@schematics/angular:interceptor": {
"typeSeparator": "."
},
"@schematics/angular:module": {
"typeSeparator": "."
},
"@schematics/angular:pipe": {
"typeSeparator": "."
},
"@schematics/angular:resolver": {
"typeSeparator": "."
}
} }
} }

4
Ui/karma.conf.js
View File

@ -1,4 +1,4 @@
module.exports = function (config) { module.exports = function (config) {
config.set({ config.set({
basePath: '', basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'], frameworks: ['jasmine', '@angular-devkit/build-angular'],
@ -7,7 +7,7 @@
require('karma-chrome-launcher'), require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'), require('karma-jasmine-html-reporter'),
require('karma-coverage'), require('karma-coverage'),
require('@angular-devkit/build-angular/plugins/karma')
], ],
client: { client: {
jasmine: { jasmine: {

13929
Ui/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

58
Ui/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "ui", "name": "ui",
"version": "0.0.0", "version": "1.2.0",
"scripts": { "scripts": {
"ng": "ng", "ng": "ng",
"start": "ng serve --host=127.0.0.1", "start": "ng serve --host=127.0.0.1",
@ -10,46 +10,46 @@
}, },
"private": true, "private": true,
"dependencies": { "dependencies": {
"@angular/animations": "^18.2.7", "@angular/animations": "^21.1.4",
"@angular/common": "^18.2.7", "@angular/common": "^21.1.4",
"@angular/compiler": "^18.2.7", "@angular/compiler": "^21.1.4",
"@angular/core": "^18.2.7", "@angular/core": "^21.1.4",
"@angular/forms": "^18.2.7", "@angular/forms": "^21.1.4",
"@angular/platform-browser": "^18.2.7", "@angular/platform-browser": "^21.1.4",
"@angular/platform-browser-dynamic": "^18.2.7", "@angular/platform-browser-dynamic": "^21.1.4",
"@angular/router": "^18.2.7", "@angular/router": "^21.1.4",
"@auth0/angular-jwt": "^5.2.0", "@auth0/angular-jwt": "^5.2.0",
"@ng-bootstrap/ng-bootstrap": "^17.0.1", "@ng-bootstrap/ng-bootstrap": "^20.0.0",
"@popperjs/core": "^2.11.8", "@popperjs/core": "^2.11.8",
"@sweetalert2/theme-dark": "^5.0.18", "@sweetalert2/theme-dark": "^5.0.27",
"ag-charts-angular": "^11.0.4", "ag-charts-angular": "^13.1.0",
"bootstrap": "^5.3.2", "bootstrap": "^5.3.8",
"bootstrap-icons": "^1.11.3", "bootstrap-icons": "^1.13.1",
"bootswatch": "^5.3.3", "bootswatch": "^5.3.8",
"jest-editor-support": "*", "jest-editor-support": "*",
"moment": "^2.30.1", "moment": "^2.30.1",
"ngx-countup": "^13.2.0", "ngx-countup": "^21.0.0",
"ngx-mask": "^19.0.6", "ngx-mask": "^21.0.1",
"ngx-pagination": "^6.0.3", "ngx-pagination": "^6.0.3",
"ngx-spinner": "^17.0.0", "ngx-spinner": "^21.0.0",
"ngx-toastr": "^19.0.0", "ngx-toastr": "^20.0.5",
"rxjs": "~7.8.0", "rxjs": "~7.8.0",
"sweetalert2": "^11.22.4", "sweetalert2": "^11.26.18",
"tslib": "^2.3.0", "tslib": "^2.3.0",
"zone.js": "~0.14.3" "zone.js": "~0.16.0"
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "^18.2.8", "@angular/build": "^21.1.4",
"@angular/cli": "^18.2.8", "@angular/cli": "^21.1.4",
"@angular/compiler-cli": "^18.2.7", "@angular/compiler-cli": "^21.1.4",
"@angular/localize": "^18.2.7", "@angular/localize": "^21.1.4",
"@types/jasmine": "~5.1.0", "@types/jasmine": "~6.0.0",
"jasmine-core": "~5.3.0", "jasmine-core": "~6.0.1",
"karma": "~6.4.0", "karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0", "karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0", "karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0", "karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0", "karma-jasmine-html-reporter": "~2.2.0",
"typescript": "~5.5.4" "typescript": "~5.9.3"
} }
} }

7
Ui/src/app/Authentication/email-confirmation/email-confirmation.component.ts
View File

@ -7,9 +7,10 @@ import {EmailConfirmationRequestModel} from "../../models/emailConfirmationReque
import {environment} from "../../../environments/environment"; import {environment} from "../../../environments/environment";
@Component({ @Component({
selector: 'app-email-confirmation', selector: 'app-email-confirmation',
templateUrl: './email-confirmation.component.html', templateUrl: './email-confirmation.component.html',
styleUrl: './email-confirmation.component.css' styleUrl: './email-confirmation.component.css',
standalone: false
}) })
export class EmailConfirmationComponent implements OnInit { export class EmailConfirmationComponent implements OnInit {

7
Ui/src/app/Authentication/forgot-password/forgot-password.component.ts
View File

@ -7,9 +7,10 @@ import {ForgotPasswordModel} from "../../models/forgotPassword.model";
import {environment} from "../../../environments/environment"; import {environment} from "../../../environments/environment";
@Component({ @Component({
selector: 'app-forgot-password', selector: 'app-forgot-password',
templateUrl: './forgot-password.component.html', templateUrl: './forgot-password.component.html',
styleUrl: './forgot-password.component.css' styleUrl: './forgot-password.component.css',
standalone: false
}) })
export class ForgotPasswordComponent { export class ForgotPasswordComponent {

152
Ui/src/app/Authentication/login/login.component.html
View File

@ -13,85 +13,87 @@
<i class="input-group-text bi bi-envelope-at-fill"></i> <i class="input-group-text bi bi-envelope-at-fill"></i>
<!-- Email input control with dynamic classes for validation feedback --> <!-- Email input control with dynamic classes for validation feedback -->
<input [ngClass]="{'is-invalid': email?.invalid && (email?.dirty || !email?.untouched),'is-valid': email?.valid}" <input [ngClass]="{'is-invalid': email?.invalid && (email?.dirty || !email?.untouched),'is-valid': email?.valid}"
class="form-control" formControlName="email" id="email" placeholder="Email Address" type="email"> class="form-control" formControlName="email" id="email" placeholder="Email Address" type="email">
<!-- Email validation messages --> <!-- Email validation messages -->
@if (email?.errors && (email?.dirty || !email?.untouched)) { @if (email?.errors && (email?.dirty || !email?.untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (email?.hasError('required')) { @if (email?.hasError('required')) {
<p>Email address is required</p> <p>Email address is required</p>
} }
@if (email?.hasError('email')) { @if (email?.hasError('email')) {
<p>Please enter a valid email address</p> <p>Please enter a valid email address</p>
}
</div>
}
</div>
</div>
<!-- Password input field with validation and toggle visibility -->
<div class="form-label-group">
<label class="form-label" for="password"></label>
<div class="input-group">
<!-- Password icon -->
<i class="input-group-text bi bi-key-fill"></i>
<!-- Password input control with dynamic classes for validation feedback and visibility toggle -->
<input
[ngClass]="{'is-invalid': password?.invalid && (password?.dirty || !password?.untouched),'is-valid': password?.valid}"
[type]="isPasswordType ? 'password' : 'text'" autocomplete="on" class="form-control"
formControlName="password" id="password" placeholder="Password">
<!-- Eye icon to toggle password visibility -->
<i (click)="isPasswordType = !isPasswordType"
[ngClass]="isPasswordType ? 'bi bi-eye-fill' : 'bi-eye-slash-fill'" class="input-group-text eye-icon bi">
</i>
<!-- Password validation messages -->
@if (password?.errors && (password?.dirty || !password?.untouched)) {
<div class="invalid-feedback">
@if (password?.hasError('required')) {
<p>Password is required</p>
}
</div>
} }
</div> </div>
} </div>
</div>
</div>
<!-- Password input field with validation and toggle visibility --> <!-- Forgot password link -->
<div class="form-label-group"> <div class="mt-3">
<label class="form-label" for="password"></label> <div class="text-center">
<div class="input-group"> <p (click)="onForgotPassword()" class="custom-link">Forgot your password?</p>
<!-- Password icon -->
<i class="input-group-text bi bi-key-fill"></i>
<!-- Password input control with dynamic classes for validation feedback and visibility toggle -->
<input
[ngClass]="{'is-invalid': password?.invalid && (password?.dirty || !password?.untouched),'is-valid': password?.valid}"
[type]="isPasswordType ? 'password' : 'text'" autocomplete="on" class="form-control"
formControlName="password" id="password" placeholder="Password">
<!-- Eye icon to toggle password visibility -->
<i (click)="isPasswordType = !isPasswordType"
[ngClass]="isPasswordType ? 'bi bi-eye-fill' : 'bi-eye-slash-fill'" class="input-group-text eye-icon bi">
</i>
<!-- Password validation messages -->
@if (password?.errors && (password?.dirty || !password?.untouched)) {
<div class="invalid-feedback">
@if (password?.hasError('required')) {
<p>Password is required</p>
}
</div> </div>
} </div>
<div class="mt-3">
<div class="text-center">
<p (click)="onSignUp()" class="custom-link">Don’t have an account? Sign up</p>
</div>
</div>
<!-- Login button, disabled if form is invalid -->
<button [disabled]="loginForm.invalid" class="btn" type="submit">
<i class="bi bi-box-arrow-in-right"></i> Log In
</button>
<!-- Documentation link -->
<div class="mt-3 text-center">
<a href="../../../assets/docs/player-manager-doc-en.pdf" target="_blank" class="custom-link text-info text-decoration-none">
📘 View Documentation
</a>
</div>
</form>
</div>
@if (allianceCount !== null) {
<div class="alliance-counter">
<span>Currently </span>
<span class="count">
<span [countUp]="allianceCount"></span>
</span>
<span> alliances use the tool</span>
</div> </div>
</div> }
</div>
<!-- Forgot password link --> <footer class="footer d-flex flex-wrap justify-content-center justify-content-md-between align-items-center px-3 py-3 mt-auto shadow-sm gap-2 small text-center">
<div class="mt-3"> <span (click)="onCompany()" style="cursor: pointer">&copy; {{currentYear}} Tomasi-Developing</span>
<div class="text-center"> <span>Version: <span (click)="onVersion()" class="text-info" style="cursor: pointer">{{version}}</span></span>
<p (click)="onForgotPassword()" class="custom-link">Forgot your password?</p> <span><a routerLink="/imprint" class="text-info text-decoration-none">Legal Notice / Privacy</a></span>
</div> </footer>
</div>
<div class="mt-3">
<div class="text-center">
<p (click)="onSignUp()" class="custom-link">Don’t have an account? Sign up</p>
</div>
</div>
<!-- Login button, disabled if form is invalid -->
<button [disabled]="loginForm.invalid" class="btn" type="submit">
<i class="bi bi-box-arrow-in-right"></i> Log In
</button>
<!-- Documentation link -->
<div class="mt-3 text-center">
<a href="../../../assets/docs/player-manager-doc-en.pdf" target="_blank" class="custom-link text-info text-decoration-none">
📘 View Documentation
</a>
</div>
</form>
</div> </div>
<div class="alliance-counter" *ngIf="allianceCount !== null">
<span>Currently </span>
<span class="count">
<span [countUp]="allianceCount"></span>
</span>
<span> alliances use the tool</span>
</div>
</div>
<footer class="footer d-flex flex-wrap justify-content-center justify-content-md-between align-items-center px-3 py-3 mt-auto shadow-sm gap-2 small text-center">
<span (click)="onCompany()" style="cursor: pointer">&copy; {{currentYear}} Tomasi-Developing</span>
<span>Version: <span (click)="onVersion()" class="text-info" style="cursor: pointer">{{version}}</span></span>
<span><a routerLink="/imprint" class="text-info text-decoration-none">Legal Notice / Privacy</a></span>
</footer>
</div>

7
Ui/src/app/Authentication/login/login.component.ts
View File

@ -10,9 +10,10 @@ import {ForgotPasswordComponent} from "../forgot-password/forgot-password.compon
import {StatService} from "../../services/stat.service"; import {StatService} from "../../services/stat.service";
@Component({ @Component({
selector: 'app-login', selector: 'app-login',
templateUrl: './login.component.html', templateUrl: './login.component.html',
styleUrl: './login.component.css' styleUrl: './login.component.css',
standalone: false
}) })
export class LoginComponent implements OnInit { export class LoginComponent implements OnInit {

198
Ui/src/app/Authentication/register/register.component.html
View File

@ -44,106 +44,118 @@
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched), 'is-invalid': f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched),
'is-valid': f['playerName'].valid}" 'is-valid': f['playerName'].valid}"
type="text" class="form-control" id="playerName" placeholder="Player" formControlName="playerName"> type="text" class="form-control" id="playerName" placeholder="Player" formControlName="playerName">
<label for="playerName">Player Name</label> <label for="playerName">Player Name</label>
@if (f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched)) { @if (f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['playerName'].hasError('required')) { @if (f['playerName'].hasError('required')) {
<p>Player name is required</p> <p>Player name is required</p>
} }
</div> </div>
} }
</div> </div>
<div class="form-floating mb-3 is-invalid"> <div class="form-floating mb-3 is-invalid">
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['email'].invalid && (f['email'].dirty || !f['email'].untouched), 'is-invalid': f['email'].invalid && (f['email'].dirty || !f['email'].untouched),
'is-valid': f['email'].valid}" 'is-valid': f['email'].valid}"
type="email" class="form-control" id="email" placeholder="email" formControlName="email"> type="email" class="form-control" id="email" placeholder="email" formControlName="email">
<label for="email">Email</label> <label for="email">Email</label>
@if (f['email'].invalid && (f['email'].dirty || !f['email'].untouched)) { @if (f['email'].invalid && (f['email'].dirty || !f['email'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['email'].hasError('required')) { @if (f['email'].hasError('required')) {
<p>Email is required</p> <p>Email is required</p>
} }
@if (f['email'].hasError('email')) { @if (f['email'].hasError('email')) {
<p>Invalid email address</p> <p>Invalid email address</p>
}
</div>
} }
</div> </div>
}
</div>
<div class="input-group has-validation mb-3"> <div class="input-group has-validation mb-3">
<div class="form-floating is-invalid"> <div class="form-floating is-invalid">
<!-- Password Input --> <!-- Password Input -->
<input <input
[ngClass]="{'is-invalid': f['password'].invalid && (f['password'].dirty || !f['password'].untouched),'is-valid': f['password'].valid}" [ngClass]="{'is-invalid': f['password'].invalid && (f['password'].dirty || !f['password'].untouched),'is-valid': f['password'].valid}"
[type]="isInputText ? 'text' : 'password'" autocomplete="on" class="form-control" [type]="isInputText ? 'text' : 'password'" autocomplete="on" class="form-control"
formControlName="password" formControlName="password"
id="password" placeholder="password"> id="password" placeholder="password">
<!-- Email Label --> <!-- Email Label -->
<label for="password">Password</label> <label for="password">Password</label>
</div> </div>
<!-- Password Icon --> <!-- Password Icon -->
<span class="input-group-text"> <span class="input-group-text">
<i (click)="isInputText = !isInputText" <i (click)="isInputText = !isInputText"
[ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi bi-eye-fill'" [ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi bi-eye-fill'"
class="input-group-text eye-icon bi"></i> class="input-group-text eye-icon bi"></i>
</span> </span>
<!-- Password Invalid Feedback --> <!-- Password Invalid Feedback -->
<div *ngIf="f['password'].invalid && (f['password'].dirty || !f['password'].untouched )" @if (f['password'].invalid && (f['password'].dirty || !f['password'].untouched )) {
class="invalid-feedback"> <div
<p *ngIf="f['password'].hasError('required')">Password is required</p> class="invalid-feedback">
<div *ngIf="!f['password'].hasError('required')"> @if (f['password'].hasError('required')) {
<div [ngClass]="f['password'].hasError('hasNumber') ? 'text-danger': 'text-success'"> <p>Password is required</p>
<i }
[ngClass]="f['password'].hasError('hasNumber') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> @if (!f['password'].hasError('required')) {
Must contain a number <div>
<div [ngClass]="f['password'].hasError('hasNumber') ? 'text-danger': 'text-success'">
<i
[ngClass]="f['password'].hasError('hasNumber') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain a number
</div>
<div [ngClass]="f['password'].hasError('minlength') ? 'text-danger': 'text-success'">
<i
[ngClass]="f['password'].hasError('minlength') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Minimum length required
</div>
<div [ngClass]="f['password'].hasError('hasCapitalCase') ? 'text-danger': 'text-success'">
<i
[ngClass]="f['password'].hasError('hasCapitalCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain a capital letter
</div>
<div [ngClass]="f['password'].hasError('hasSmallCase') ? 'text-danger': 'text-success'">
<i
[ngClass]="f['password'].hasError('hasSmallCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain a lowercase letter
</div>
<div [ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'text-danger': 'text-success'">
<i
[ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain special characters
</div>
</div>
}
</div>
}
</div> </div>
<div [ngClass]="f['password'].hasError('minlength') ? 'text-danger': 'text-success'">
<i <div class="form-floating is-invalid mb-3">
[ngClass]="f['password'].hasError('minlength') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> <!-- Confirm Password Input -->
Minimum length required <input [ngClass]="{'is-invalid': f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched),'is-valid': f['confirmPassword'].valid}"
</div> type="password" autocomplete="on" class="form-control"
<div [ngClass]="f['password'].hasError('hasCapitalCase') ? 'text-danger': 'text-success'"> formControlName="confirmPassword"
<i id="confirmPassword" placeholder="confirmPassword">
[ngClass]="f['password'].hasError('hasCapitalCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> <!-- Confirm Password Label -->
Must contain a capital letter <label for="confirmPassword">Confirm Password</label>
</div> </div>
<div [ngClass]="f['password'].hasError('hasSmallCase') ? 'text-danger': 'text-success'"> <!-- Confirm Password Invalid Feedback -->
<i @if (f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched )) {
[ngClass]="f['password'].hasError('hasSmallCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> <div
Must contain a lowercase letter class="invalid-feedback">
</div> @if (f['confirmPassword'].hasError('required')) {
<div [ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'text-danger': 'text-success'"> <p>Confirmation is required</p>
<i }
[ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> @if (f['confirmPassword'].hasError('passwordMismatch')) {
Must contain special characters <p
</div> >Passwords do not match</p>
</div> }
</div>
}
<div class="d-grid gap-2 col-6 mx-auto">
<button [disabled]="registerForm.invalid" type="submit" class="btn btn-success">Register</button>
</div>
</form>
}
</div> </div>
</div>
<div class="form-floating is-invalid mb-3">
<!-- Confirm Password Input -->
<input [ngClass]="{'is-invalid': f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched),'is-valid': f['confirmPassword'].valid}"
type="password" autocomplete="on" class="form-control"
formControlName="confirmPassword"
id="confirmPassword" placeholder="confirmPassword">
<!-- Confirm Password Label -->
<label for="confirmPassword">Confirm Password</label>
</div>
<!-- Confirm Password Invalid Feedback -->
<div *ngIf="f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched )"
class="invalid-feedback">
<p *ngIf="f['confirmPassword'].hasError('required')">Confirmation is required</p>
<p
*ngIf="f['confirmPassword'].hasError('passwordMismatch')">Passwords do not match</p>
</div>
<div class="d-grid gap-2 col-6 mx-auto">
<button [disabled]="registerForm.invalid" type="submit" class="btn btn-success">Register</button>
</div>
</form>
}
</div>

7
Ui/src/app/Authentication/register/register.component.ts
View File

@ -8,9 +8,10 @@ import {RegisterUserModel} from "../../models/registerUser.model";
import {environment} from "../../../environments/environment"; import {environment} from "../../../environments/environment";
@Component({ @Component({
selector: 'app-register', selector: 'app-register',
templateUrl: './register.component.html', templateUrl: './register.component.html',
styleUrl: './register.component.css' styleUrl: './register.component.css',
standalone: false
}) })
export class RegisterComponent implements OnInit { export class RegisterComponent implements OnInit {

130
Ui/src/app/Authentication/reset-password/reset-password.component.html
View File

@ -41,67 +41,79 @@
@if(resetPasswordForm && (!showError && !isSuccess)) { @if(resetPasswordForm && (!showError && !isSuccess)) {
<div class="form-container"> <div class="form-container">
<form (ngSubmit)="onSubmit()" [formGroup]="resetPasswordForm"> <form (ngSubmit)="onSubmit()" [formGroup]="resetPasswordForm">
<!-- New Password Input --> <!-- New Password Input -->
<div class="form-group"> <div class="form-group">
<label class="form-label" for="password">New Password</label> <label class="form-label" for="password">New Password</label>
<div class="input-group"> <div class="input-group">
<input [ngClass]="{ 'is-invalid': password?.invalid && (password?.dirty || !password?.untouched), 'is-valid': password?.valid}" <input [ngClass]="{ 'is-invalid': password?.invalid && (password?.dirty || !password?.untouched), 'is-valid': password?.valid}"
[type]="isInputText ? 'text' : 'password'" class="form-control" formControlName="password" id="password"> [type]="isInputText ? 'text' : 'password'" class="form-control" formControlName="password" id="password">
<span (click)="isInputText = !isInputText" class="input-group-text eye-icon"> <span (click)="isInputText = !isInputText" class="input-group-text eye-icon">
<i [ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi-eye-fill'" class="bi"></i> <i [ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi-eye-fill'" class="bi"></i>
</span> </span>
<div *ngIf="password?.hasError && (password?.dirty || !password?.untouched)" class="invalid-feedback"> @if (password?.hasError && (password?.dirty || !password?.untouched)) {
<p *ngIf="password?.hasError('required')">Password is required</p> <div class="invalid-feedback">
<div *ngIf="!password?.hasError('required')"> @if (password?.hasError('required')) {
<div [ngClass]="password?.hasError('hasNumber') ? 'text-danger': 'text-success'"> <p>Password is required</p>
<i [ngClass]="password?.hasError('hasNumber') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> }
Must have at least 1 number! @if (!password?.hasError('required')) {
</div> <div>
<!-- Additional password complexity checks --> <div [ngClass]="password?.hasError('hasNumber') ? 'text-danger': 'text-success'">
<div [ngClass]="password?.hasError('minlength') ? 'text-danger': 'text-success'"> <i [ngClass]="password?.hasError('hasNumber') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
<i [ngClass]="password?.hasError('minlength') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> Must have at least 1 number!
Must be at least 8 characters long! </div>
</div> <!-- Additional password complexity checks -->
<div [ngClass]="password?.hasError('hasCapitalCase') ? 'text-danger': 'text-success'"> <div [ngClass]="password?.hasError('minlength') ? 'text-danger': 'text-success'">
<i [ngClass]="password?.hasError('hasCapitalCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> <i [ngClass]="password?.hasError('minlength') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain at least 1 in capital letters! Must be at least 8 characters long!
</div> </div>
<div [ngClass]="password?.hasError('hasSmallCase') ? 'text-danger': 'text-success'"> <div [ngClass]="password?.hasError('hasCapitalCase') ? 'text-danger': 'text-success'">
<i [ngClass]="password?.hasError('hasSmallCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> <i [ngClass]="password?.hasError('hasCapitalCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain at least 1 lowercase letter! Must contain at least 1 in capital letters!
</div> </div>
<div [ngClass]="password?.hasError('hasSpecialCharacters') ? 'text-danger': 'text-success'"> <div [ngClass]="password?.hasError('hasSmallCase') ? 'text-danger': 'text-success'">
<i [ngClass]="password?.hasError('hasSpecialCharacters') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> <i [ngClass]="password?.hasError('hasSmallCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain at least 1 special character! Must contain at least 1 lowercase letter!
</div> </div>
<div [ngClass]="password?.hasError('hasSpecialCharacters') ? 'text-danger': 'text-success'">
<i [ngClass]="password?.hasError('hasSpecialCharacters') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
Must contain at least 1 special character!
</div>
</div>
}
</div>
}
</div> </div>
</div> </div>
</div>
</div>
<!-- Confirm Password Input --> <!-- Confirm Password Input -->
<div class="form-group"> <div class="form-group">
<label class="form-label" for="confirmPassword">Confirm Password</label> <label class="form-label" for="confirmPassword">Confirm Password</label>
<div class="input-group"> <div class="input-group">
<input [ngClass]="{'is-invalid': confirmPassword?.invalid && (confirmPassword?.dirty || !confirmPassword?.untouched), 'is-valid': confirmPassword?.valid}" <input [ngClass]="{'is-invalid': confirmPassword?.invalid && (confirmPassword?.dirty || !confirmPassword?.untouched), 'is-valid': confirmPassword?.valid}"
[type]="isInputText ? 'text' : 'password'" class="form-control" formControlName="confirmPassword" id="confirmPassword"> [type]="isInputText ? 'text' : 'password'" class="form-control" formControlName="confirmPassword" id="confirmPassword">
<span (click)="isInputText = !isInputText" class="input-group-text eye-icon"> <span (click)="isInputText = !isInputText" class="input-group-text eye-icon">
<i [ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi-eye-fill'" class="bi"></i> <i [ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi-eye-fill'" class="bi"></i>
</span> </span>
<div *ngIf="confirmPassword?.errors && (confirmPassword?.dirty || !confirmPassword?.untouched)" class="invalid-feedback"> @if (confirmPassword?.errors && (confirmPassword?.dirty || !confirmPassword?.untouched)) {
<p *ngIf="confirmPassword?.hasError('required')">Repeat password is required</p> <div class="invalid-feedback">
<p *ngIf="confirmPassword?.hasError('passwordMismatch')">Passwords do not match</p> @if (confirmPassword?.hasError('required')) {
</div> <p>Repeat password is required</p>
</div> }
</div> @if (confirmPassword?.hasError('passwordMismatch')) {
<p>Passwords do not match</p>
}
</div>
}
</div>
</div>
<!-- Submit Button -->
<div class="mt-5 d-grid gap-2 col-6 mx-auto">
<button [disabled]="resetPasswordForm.invalid" class="btn btn-success" type="submit">Submit</button>
</div>
</form>
</div>
}
<!-- Submit Button -->
<div class="mt-5 d-grid gap-2 col-6 mx-auto">
<button [disabled]="resetPasswordForm.invalid" class="btn btn-success" type="submit">Submit</button>
</div>
</form>
</div> </div>
}
</div>

7
Ui/src/app/Authentication/reset-password/reset-password.component.ts
View File

@ -7,9 +7,10 @@ import {PasswordValidators} from "../../helpers/passwordValidators";
import {ResetPasswordModel} from "../../models/resetPassword.model"; import {ResetPasswordModel} from "../../models/resetPassword.model";
@Component({ @Component({
selector: 'app-reset-password', selector: 'app-reset-password',
templateUrl: './reset-password.component.html', templateUrl: './reset-password.component.html',
styleUrl: './reset-password.component.css' styleUrl: './reset-password.component.css',
standalone: false
}) })
export class ResetPasswordComponent implements OnInit { export class ResetPasswordComponent implements OnInit {

304
Ui/src/app/Authentication/sign-up/sign-up.component.html
View File

@ -6,171 +6,183 @@
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched), 'is-invalid': f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched),
'is-valid': f['playerName'].valid}" 'is-valid': f['playerName'].valid}"
type="text" class="form-control" id="playerName" placeholder="Player" formControlName="playerName"> type="text" class="form-control" id="playerName" placeholder="Player" formControlName="playerName">
<label for="playerName">Player name</label> <label for="playerName">Player name</label>
@if (f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched)) { @if (f['playerName'].invalid && (f['playerName'].dirty || !f['playerName'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['playerName'].hasError('required')) { @if (f['playerName'].hasError('required')) {
<p>Player name is required</p> <p>Player name is required</p>
} }
</div> </div>
} }
</div> </div>
<div class="form-floating mb-3 is-invalid"> <div class="form-floating mb-3 is-invalid">
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['email'].invalid && (f['email'].dirty || !f['email'].untouched), 'is-invalid': f['email'].invalid && (f['email'].dirty || !f['email'].untouched),
'is-valid': f['email'].valid}" 'is-valid': f['email'].valid}"
type="email" class="form-control" id="email" placeholder="email" formControlName="email"> type="email" class="form-control" id="email" placeholder="email" formControlName="email">
<label for="email">Email</label> <label for="email">Email</label>
@if (f['email'].invalid && (f['email'].dirty || !f['email'].untouched)) { @if (f['email'].invalid && (f['email'].dirty || !f['email'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['email'].hasError('required')) { @if (f['email'].hasError('required')) {
<p>Email is required</p> <p>Email is required</p>
} }
@if (f['email'].hasError('email')) { @if (f['email'].hasError('email')) {
<p>Invalid email format</p> <p>Invalid email format</p>
}
</div>
} }
</div> </div>
}
</div>
<div class="form-floating mb-3 is-invalid"> <div class="form-floating mb-3 is-invalid">
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['allianceServer'].invalid && (f['allianceServer'].dirty || !f['allianceServer'].untouched), 'is-invalid': f['allianceServer'].invalid && (f['allianceServer'].dirty || !f['allianceServer'].untouched),
'is-valid': f['allianceServer'].valid}" 'is-valid': f['allianceServer'].valid}"
type="number" class="form-control" id="allianceServer" placeholder="allianceServer" formControlName="allianceServer"> type="number" class="form-control" id="allianceServer" placeholder="allianceServer" formControlName="allianceServer">
<label for="allianceServer">Server</label> <label for="allianceServer">Server</label>
@if (f['allianceServer'].invalid && (f['allianceServer'].dirty || !f['allianceServer'].untouched)) { @if (f['allianceServer'].invalid && (f['allianceServer'].dirty || !f['allianceServer'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['allianceServer'].hasError('required')) { @if (f['allianceServer'].hasError('required')) {
<p>Server is required</p> <p>Server is required</p>
} }
</div> </div>
} }
</div> </div>
<div class="form-floating mb-3 is-invalid"> <div class="form-floating mb-3 is-invalid">
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['allianceName'].invalid && (f['allianceName'].dirty || !f['allianceName'].untouched), 'is-invalid': f['allianceName'].invalid && (f['allianceName'].dirty || !f['allianceName'].untouched),
'is-valid': f['allianceName'].valid}" 'is-valid': f['allianceName'].valid}"
type="text" class="form-control" id="allianceName" placeholder="allianceName" formControlName="allianceName"> type="text" class="form-control" id="allianceName" placeholder="allianceName" formControlName="allianceName">
<label for="allianceName">Alliance name</label> <label for="allianceName">Alliance name</label>
@if (f['allianceName'].invalid && (f['allianceName'].dirty || !f['allianceName'].untouched)) { @if (f['allianceName'].invalid && (f['allianceName'].dirty || !f['allianceName'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['allianceName'].hasError('required')) { @if (f['allianceName'].hasError('required')) {
<p>Alliance name is required</p> <p>Alliance name is required</p>
} }
</div> </div>
} }
</div> </div>
<div class="form-floating mb-3 is-invalid"> <div class="form-floating mb-3 is-invalid">
<input [ngClass]="{ <input [ngClass]="{
'is-invalid': f['allianceAbbreviation'].invalid && (f['allianceAbbreviation'].dirty || !f['allianceAbbreviation'].untouched), 'is-invalid': f['allianceAbbreviation'].invalid && (f['allianceAbbreviation'].dirty || !f['allianceAbbreviation'].untouched),
'is-valid': f['allianceAbbreviation'].valid}" 'is-valid': f['allianceAbbreviation'].valid}"
type="text" class="form-control" id="allianceAbbreviation" placeholder="allianceAbbreviation" formControlName="allianceAbbreviation"> type="text" class="form-control" id="allianceAbbreviation" placeholder="allianceAbbreviation" formControlName="allianceAbbreviation">
<label for="allianceAbbreviation">Alliance abbreviation</label> <label for="allianceAbbreviation">Alliance abbreviation</label>
@if (f['allianceAbbreviation'].invalid && (f['allianceAbbreviation'].dirty || !f['allianceAbbreviation'].untouched)) { @if (f['allianceAbbreviation'].invalid && (f['allianceAbbreviation'].dirty || !f['allianceAbbreviation'].untouched)) {
<div class="invalid-feedback"> <div class="invalid-feedback">
@if (f['allianceAbbreviation'].hasError('required')) { @if (f['allianceAbbreviation'].hasError('required')) {
<p>Alliance abbreviation is required</p> <p>Alliance abbreviation is required</p>
} }
</div> </div>
} }
</div> </div>
<div class="input-group has-validation mb-3"> <div class="input-group has-validation mb-3">
<div class="form-floating is-invalid"> <div class="form-floating is-invalid">
<!-- Password Input --> <!-- Password Input -->
<input <input
[ngClass]="{'is-invalid': f['password'].invalid && (f['password'].dirty || !f['password'].untouched),'is-valid': f['password'].valid}" [ngClass]="{'is-invalid': f['password'].invalid && (f['password'].dirty || !f['password'].untouched),'is-valid': f['password'].valid}"
[type]="isInputText ? 'text' : 'password'" autocomplete="on" class="form-control" [type]="isInputText ? 'text' : 'password'" autocomplete="on" class="form-control"
formControlName="password" formControlName="password"
id="password" placeholder="password"> id="password" placeholder="password">
<!-- Email Label --> <!-- Email Label -->
<label for="password">Password</label> <label for="password">Password</label>
</div> </div>
<!-- Password Icon --> <!-- Password Icon -->
<span class="input-group-text"> <span class="input-group-text">
<i (click)="isInputText = !isInputText" <i (click)="isInputText = !isInputText"
[ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi bi-eye-fill'" [ngClass]="isInputText ? 'bi-eye-slash-fill' : 'bi bi-eye-fill'"
class="input-group-text eye-icon bi"></i> class="input-group-text eye-icon bi"></i>
</span> </span>
<!-- Password Invalid Feedback --> <!-- Password Invalid Feedback -->
<div *ngIf="f['password'].invalid && (f['password'].dirty || !f['password'].untouched )" @if (f['password'].invalid && (f['password'].dirty || !f['password'].untouched )) {
class="invalid-feedback"> <div
<p *ngIf="f['password'].hasError('required')">Required</p> class="invalid-feedback">
<div *ngIf="!f['password'].hasError('required')"> @if (f['password'].hasError('required')) {
<div [ngClass]="f['password'].hasError('hasNumber') ? 'text-danger': 'text-success'"> <p>Required</p>
<i }
[ngClass]="f['password'].hasError('hasNumber') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> @if (!f['password'].hasError('required')) {
Number <div>
</div> <div [ngClass]="f['password'].hasError('hasNumber') ? 'text-danger': 'text-success'">
<div [ngClass]="f['password'].hasError('minlength') ? 'text-danger': 'text-success'"> <i
<i [ngClass]="f['password'].hasError('hasNumber') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
[ngClass]="f['password'].hasError('minlength') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> Number
Min length </div>
</div> <div [ngClass]="f['password'].hasError('minlength') ? 'text-danger': 'text-success'">
<div [ngClass]="f['password'].hasError('hasCapitalCase') ? 'text-danger': 'text-success'"> <i
<i [ngClass]="f['password'].hasError('minlength') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
[ngClass]="f['password'].hasError('hasCapitalCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> Min length
capital </div>
</div> <div [ngClass]="f['password'].hasError('hasCapitalCase') ? 'text-danger': 'text-success'">
<div [ngClass]="f['password'].hasError('hasSmallCase') ? 'text-danger': 'text-success'"> <i
<i [ngClass]="f['password'].hasError('hasCapitalCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
[ngClass]="f['password'].hasError('hasSmallCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> capital
lower case </div>
</div> <div [ngClass]="f['password'].hasError('hasSmallCase') ? 'text-danger': 'text-success'">
<div [ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'text-danger': 'text-success'"> <i
<i [ngClass]="f['password'].hasError('hasSmallCase') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
[ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i> lower case
special </div>
</div> <div [ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'text-danger': 'text-success'">
</div> <i
</div> [ngClass]="f['password'].hasError('hasSpecialCharacters') ? 'bi bi-x-square-fill' : 'bi bi-check-square-fill'"></i>
</div> special
</div>
</div>
}
</div>
}
</div>
<div class="form-floating is-invalid mb-3"> <div class="form-floating is-invalid mb-3">
<!-- Confirm Password Input --> <!-- Confirm Password Input -->
<input [ngClass]="{'is-invalid': f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched),'is-valid': f['confirmPassword'].valid}" <input [ngClass]="{'is-invalid': f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched),'is-valid': f['confirmPassword'].valid}"
type="password" autocomplete="on" class="form-control" type="password" autocomplete="on" class="form-control"
formControlName="confirmPassword" formControlName="confirmPassword"
id="confirmPassword" placeholder="confirmPassword"> id="confirmPassword" placeholder="confirmPassword">
<!-- Confirm Password Label --> <!-- Confirm Password Label -->
<label for="confirmPassword">Confirm Password</label> <label for="confirmPassword">Confirm Password</label>
</div> </div>
<!-- Confirm Password Invalid Feedback --> <!-- Confirm Password Invalid Feedback -->
<div *ngIf="f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched )" @if (f['confirmPassword'].invalid && (f['confirmPassword'].dirty || !f['confirmPassword'].untouched )) {
class="invalid-feedback"> <div
<p *ngIf="f['confirmPassword'].hasError('required')">Confirmation password is required</p> class="invalid-feedback">
<p @if (f['confirmPassword'].hasError('required')) {
*ngIf="f['confirmPassword'].hasError('passwordMismatch')">Passwords do not match</p> <p>Confirmation password is required</p>
</div> }
@if (f['confirmPassword'].hasError('passwordMismatch')) {
<p
>Passwords do not match</p>
}
</div>
}
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<button type="button" (click)="onCancel()" class="btn btn-warning">Cancel</button> <button type="button" (click)="onCancel()" class="btn btn-warning">Cancel</button>
<button [disabled]="signUpForm.invalid" type="submit" class="btn btn-success">Sign Up</button> <button [disabled]="signUpForm.invalid" type="submit" class="btn btn-success">Sign Up</button>
</div> </div>
</form> </form>
} @else { } @else {
<div class="card border-success mt-5"> <div class="card border-success mt-5">
<div class="card-header text-center"> <div class="card-header text-center">
Alliance Successfully Registered! Alliance Successfully Registered!
</div> </div>
<div class="card-body text-success"> <div class="card-body text-success">
<h5 class="card-title">Welcome, {{ playerName }}!</h5> <h5 class="card-title">Welcome, {{ playerName }}!</h5>
<p class="card-text"> <p class="card-text">
Your alliance <strong>{{ allianceName }}</strong> has been successfully registered. Your alliance <strong>{{ allianceName }}</strong> has been successfully registered.
</p> </p>
<p class="card-text"> <p class="card-text">
A confirmation email has been sent to the email address you provided. Please check your inbox and confirm the email to complete the registration. A confirmation email has been sent to the email address you provided. Please check your inbox and confirm the email to complete the registration.
</p> </p>
<p class="card-text"> <p class="card-text">
If you can't find the email in your inbox, please also check your spam folder. If you can't find the email in your inbox, please also check your spam folder.
</p> </p>
</div> </div>
</div> </div>
} }
</div> </div>

7
Ui/src/app/Authentication/sign-up/sign-up.component.ts
View File

@ -8,9 +8,10 @@ import {ToastrService} from "ngx-toastr";
import {environment} from "../../../environments/environment"; import {environment} from "../../../environments/environment";
@Component({ @Component({
selector: 'app-sign-up', selector: 'app-sign-up',
templateUrl: './sign-up.component.html', templateUrl: './sign-up.component.html',
styleUrl: './sign-up.component.css' styleUrl: './sign-up.component.css',
standalone: false
}) })
export class SignUpComponent { export class SignUpComponent {

7
Ui/src/app/app.component.ts
View File

@ -2,9 +2,10 @@ import {Component, inject, OnInit} from '@angular/core';
import {AuthenticationService} from "./services/authentication.service"; import {AuthenticationService} from "./services/authentication.service";
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrl: './app.component.css' styleUrl: './app.component.css',
standalone: false
}) })
export class AppComponent implements OnInit { export class AppComponent implements OnInit {
title = 'Last War - Player Management'; title = 'Last War - Player Management';

50
Ui/src/app/app.module.ts
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]))

7
Ui/src/app/helpers/under-development/under-development.component.ts
View File

@ -1,9 +1,10 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-under-development', selector: 'app-under-development',
templateUrl: './under-development.component.html', templateUrl: './under-development.component.html',
styleUrl: './under-development.component.css' styleUrl: './under-development.component.css',
standalone: false
}) })
export class UnderDevelopmentComponent { export class UnderDevelopmentComponent {

3
Ui/src/app/helpers/week.pipe.ts
View File

@ -2,7 +2,8 @@ import {Pipe, PipeTransform} from '@angular/core';
import moment from "moment"; import moment from "moment";
@Pipe({ @Pipe({
name: 'week' name: 'week',
standalone: false
}) })
export class WeekPipe implements PipeTransform { export class WeekPipe implements PipeTransform {

7
Ui/src/app/modals/custom-event-participants-model/custom-event-participants-model.component.ts
View File

@ -5,9 +5,10 @@ import {PlayerModel} from "../../models/player.model";
import {FormArray, FormControl, FormGroup, Validators} from "@angular/forms"; import {FormArray, FormControl, FormGroup, Validators} from "@angular/forms";
@Component({ @Component({
selector: 'app-custom-event-participants-model', selector: 'app-custom-event-participants-model',
templateUrl: './custom-event-participants-model.component.html', templateUrl: './custom-event-participants-model.component.html',
styleUrl: './custom-event-participants-model.component.css' styleUrl: './custom-event-participants-model.component.css',
standalone: false
}) })
export class CustomEventParticipantsModelComponent implements OnInit { export class CustomEventParticipantsModelComponent implements OnInit {

7
Ui/src/app/modals/desert-storm-participants-modal/desert-storm-participants-modal.component.ts
View File

@ -4,9 +4,10 @@ import {NgbActiveModal} from "@ng-bootstrap/ng-bootstrap";
import {PlayerModel} from "../../models/player.model"; import {PlayerModel} from "../../models/player.model";
@Component({ @Component({
selector: 'app-desert-storm-participants-modal', selector: 'app-desert-storm-participants-modal',
templateUrl: './desert-storm-participants-modal.component.html', templateUrl: './desert-storm-participants-modal.component.html',
styleUrl: './desert-storm-participants-modal.component.css' styleUrl: './desert-storm-participants-modal.component.css',
standalone: false
}) })
export class DesertStormParticipantsModalComponent implements OnInit { export class DesertStormParticipantsModalComponent implements OnInit {

7
Ui/src/app/modals/invite-user-modal/invite-user-modal.component.ts
View File

@ -8,9 +8,10 @@ import {environment} from "../../../environments/environment";
@Component({ @Component({
selector: 'app-invite-user-modal', selector: 'app-invite-user-modal',
templateUrl: './invite-user-modal.component.html', templateUrl: './invite-user-modal.component.html',
styleUrl: './invite-user-modal.component.css' styleUrl: './invite-user-modal.component.css',
standalone: false
}) })
export class InviteUserModalComponent implements OnInit { export class InviteUserModalComponent implements OnInit {

7
Ui/src/app/modals/marshal-guard-modal/marshal-guard-modal.component.ts
View File

@ -4,9 +4,10 @@ import {PlayerService} from "../../services/player.service";
import {PlayerModel} from "../../models/player.model"; import {PlayerModel} from "../../models/player.model";
@Component({ @Component({
selector: 'app-marshal-guard-modal', selector: 'app-marshal-guard-modal',
templateUrl: './marshal-guard-modal.component.html', templateUrl: './marshal-guard-modal.component.html',
styleUrl: './marshal-guard-modal.component.css' styleUrl: './marshal-guard-modal.component.css',
standalone: false
}) })
export class MarshalGuardModalComponent implements OnInit { export class MarshalGuardModalComponent implements OnInit {

7
Ui/src/app/modals/player-admonition-modal/player-admonition-modal.component.ts
View File

@ -8,9 +8,10 @@ import {AdmonitionService} from "../../services/admonition.service";
import Swal from "sweetalert2"; import Swal from "sweetalert2";
@Component({ @Component({
selector: 'app-player-admonition-modal', selector: 'app-player-admonition-modal',
templateUrl: './player-admonition-modal.component.html', templateUrl: './player-admonition-modal.component.html',
styleUrl: './player-admonition-modal.component.css' styleUrl: './player-admonition-modal.component.css',
standalone: false
}) })
export class PlayerAdmonitionModalComponent implements OnInit { export class PlayerAdmonitionModalComponent implements OnInit {

7
Ui/src/app/modals/player-dismiss-information-modal/player-dismiss-information-modal.component.ts
View File

@ -5,9 +5,10 @@ import {PlayerService} from "../../services/player.service";
import {ToastrService} from "ngx-toastr"; import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-player-dismiss-information-modal', selector: 'app-player-dismiss-information-modal',
templateUrl: './player-dismiss-information-modal.component.html', templateUrl: './player-dismiss-information-modal.component.html',
styleUrl: './player-dismiss-information-modal.component.css' styleUrl: './player-dismiss-information-modal.component.css',
standalone: false
}) })
export class PlayerDismissInformationModalComponent implements OnInit { export class PlayerDismissInformationModalComponent implements OnInit {

7
Ui/src/app/modals/player-edit-modal/player-edit-modal.component.ts
View File

@ -8,9 +8,10 @@ import {PlayerService} from "../../services/player.service";
import {ToastrService} from "ngx-toastr"; import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-player-edit-modal', selector: 'app-player-edit-modal',
templateUrl: './player-edit-modal.component.html', templateUrl: './player-edit-modal.component.html',
styleUrl: './player-edit-modal.component.css' styleUrl: './player-edit-modal.component.css',
standalone: false
}) })
export class PlayerEditModalComponent implements OnInit { export class PlayerEditModalComponent implements OnInit {

7
Ui/src/app/modals/player-excel-import-modal/player-excel-import-modal.component.ts
View File

@ -6,9 +6,10 @@ import {JwtTokenService} from "../../services/jwt-token.service";
import {PlayerService} from "../../services/player.service"; import {PlayerService} from "../../services/player.service";
@Component({ @Component({
selector: 'app-player-excel-import-modal', selector: 'app-player-excel-import-modal',
templateUrl: './player-excel-import-modal.component.html', templateUrl: './player-excel-import-modal.component.html',
styleUrl: './player-excel-import-modal.component.css' styleUrl: './player-excel-import-modal.component.css',
standalone: false
}) })
export class PlayerExcelImportModalComponent { export class PlayerExcelImportModalComponent {

7
Ui/src/app/modals/player-note-modal/player-note-modal.component.ts
View File

@ -8,9 +8,10 @@ import {FormControl, FormGroup, Validators} from "@angular/forms";
import Swal from "sweetalert2"; import Swal from "sweetalert2";
@Component({ @Component({
selector: 'app-player-note-modal', selector: 'app-player-note-modal',
templateUrl: './player-note-modal.component.html', templateUrl: './player-note-modal.component.html',
styleUrl: './player-note-modal.component.css' styleUrl: './player-note-modal.component.css',
standalone: false
}) })
export class PlayerNoteModalComponent implements OnInit { export class PlayerNoteModalComponent implements OnInit {

7
Ui/src/app/modals/squad-edit-modal/squad-edit-modal.component.ts
View File

@ -8,9 +8,10 @@ import {FormControl, FormGroup, Validators} from "@angular/forms";
import {ToastrService} from "ngx-toastr"; import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-squad-edit-modal', selector: 'app-squad-edit-modal',
templateUrl: './squad-edit-modal.component.html', templateUrl: './squad-edit-modal.component.html',
styleUrl: './squad-edit-modal.component.css' styleUrl: './squad-edit-modal.component.css',
standalone: false
}) })
export class SquadEditModalComponent implements OnInit { export class SquadEditModalComponent implements OnInit {

7
Ui/src/app/modals/user-edit-modal/user-edit-modal.component.ts
View File

@ -6,9 +6,10 @@ import {UpdateUserModel, UserModel} from "../../models/user.model";
import {FormControl, FormGroup, Validators} from "@angular/forms"; import {FormControl, FormGroup, Validators} from "@angular/forms";
@Component({ @Component({
selector: 'app-user-edit-modal', selector: 'app-user-edit-modal',
templateUrl: './user-edit-modal.component.html', templateUrl: './user-edit-modal.component.html',
styleUrl: './user-edit-modal.component.css' styleUrl: './user-edit-modal.component.css',
standalone: false
}) })
export class UserEditModalComponent implements OnInit { export class UserEditModalComponent implements OnInit {

7
Ui/src/app/modals/vs-duel-create-modal/vs-duel-create-modal.component.ts
View File

@ -8,9 +8,10 @@ import {VsDuelLeagueService} from "../../services/vs-duel-league.service";
import {VsDuelLeagueModel} from "../../models/vsDuelLeague.model"; import {VsDuelLeagueModel} from "../../models/vsDuelLeague.model";
@Component({ @Component({
selector: 'app-vs-duel-edit-modal', selector: 'app-vs-duel-edit-modal',
templateUrl: './vs-duel-create-modal.component.html', templateUrl: './vs-duel-create-modal.component.html',
styleUrl: './vs-duel-create-modal.component.css' styleUrl: './vs-duel-create-modal.component.css',
standalone: false
}) })
export class VsDuelCreateModalComponent implements OnInit { export class VsDuelCreateModalComponent implements OnInit {

7
Ui/src/app/modals/zombie-siege-participants-modal/zombie-siege-participants-modal.component.ts
View File

@ -4,9 +4,10 @@ import {PlayerService} from "../../services/player.service";
import {PlayerModel} from "../../models/player.model"; import {PlayerModel} from "../../models/player.model";
@Component({ @Component({
selector: 'app-zombie-siege-participants-modal', selector: 'app-zombie-siege-participants-modal',
templateUrl: './zombie-siege-participants-modal.component.html', templateUrl: './zombie-siege-participants-modal.component.html',
styleUrl: './zombie-siege-participants-modal.component.css' styleUrl: './zombie-siege-participants-modal.component.css',
standalone: false
}) })
export class ZombieSiegeParticipantsModalComponent implements OnInit { export class ZombieSiegeParticipantsModalComponent implements OnInit {

56
Ui/src/app/navigation/navigation.component.html
View File

@ -10,8 +10,8 @@
<!-- Toggle button for collapsed navigation on smaller screens --> <!-- Toggle button for collapsed navigation on smaller screens -->
<button (click)="isShown = !isShown" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation" <button (click)="isShown = !isShown" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler" data-bs-target="#navbar" data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbar" data-bs-toggle="collapse"
type="button"> type="button">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -67,9 +67,9 @@
<li class="nav-item"> <li class="nav-item">
<a href="https://ko-fi.com/C0C11EVSE0" <a href="https://ko-fi.com/C0C11EVSE0"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="kofi-custom-button"> class="kofi-custom-button">
<img src="https://storage.ko-fi.com/cdn/cup-border.png" alt="Ko-fi" /> <img src="https://storage.ko-fi.com/cdn/cup-border.png" alt="Ko-fi" />
<span>Donate</span> <span>Donate</span>
</a> </a>
@ -78,33 +78,37 @@
</ul> </ul>
<!-- User menu (visible only when user is logged in) --> <!-- User menu (visible only when user is logged in) -->
<div *ngIf="loggedInUser" class="login"> @if (loggedInUser) {
<ul class="navbar-nav me-auto"> <div class="login">
<li ngbDropdown display="dynamic" class="nav-item" role="presentation"> <ul class="navbar-nav me-auto">
<button type="button" class="nav-link" ngbDropdownToggle> <li ngbDropdown display="dynamic" class="nav-item" role="presentation">
<i class="bi bi-person-circle"></i> <button type="button" class="nav-link" ngbDropdownToggle>
{{loggedInUser.userName}} <i class="bi bi-person-circle"></i>
</button> {{loggedInUser.userName}}
<div ngbDropdownMenu> </button>
<button (click)="isShown = false" routerLink="/account" ngbDropdownItem>Account</button> <div ngbDropdownMenu>
<button (click)="isShown = false" routerLink="/change-password" ngbDropdownItem>Change password</button> <button (click)="isShown = false" routerLink="/account" ngbDropdownItem>Account</button>
<button (click)="isShown = false" routerLink="/feedback" ngbDropdownItem>Submit Feedback</button> <button (click)="isShown = false" routerLink="/change-password" ngbDropdownItem>Change password</button>
<div class="dropdown-divider"></div> <button (click)="isShown = false" routerLink="/feedback" ngbDropdownItem>Submit Feedback</button>
<button (click)="onLogout()" ngbDropdownItem>Logout</button> <div class="dropdown-divider"></div>
</div> <button (click)="onLogout()" ngbDropdownItem>Logout</button>
</li> </div>
</ul> </li>
</div> </ul>
</div>
}
<!-- Login button (visible only when user is not logged in) --> <!-- Login button (visible only when user is not logged in) -->
<div *ngIf="!loggedInUser" class="d-flex login" routerLink="/login"> @if (!loggedInUser) {
<button (click)="isShown = false" class="btn btn-secondary" routerLink="/login"><i <div class="d-flex login" routerLink="/login">
<button (click)="isShown = false" class="btn btn-secondary" routerLink="/login"><i
class="bi bi-box-arrow-right"></i> Login class="bi bi-box-arrow-right"></i> Login
</button> </button>
</div> </div>
</div> }
</div> </div>
</nav> </div>
</nav>
} }

7
Ui/src/app/navigation/navigation.component.ts
View File

@ -5,9 +5,10 @@ import {Subscription} from "rxjs";
import {environment} from "../../environments/environment"; import {environment} from "../../environments/environment";
@Component({ @Component({
selector: 'app-navigation', selector: 'app-navigation',
templateUrl: './navigation.component.html', templateUrl: './navigation.component.html',
styleUrl: './navigation.component.css' styleUrl: './navigation.component.css',
standalone: false
}) })
export class NavigationComponent implements OnInit, OnDestroy { export class NavigationComponent implements OnInit, OnDestroy {

7
Ui/src/app/pages/account/account.component.ts
View File

@ -9,9 +9,10 @@ import Swal from "sweetalert2";
import {AuthenticationService} from "../../services/authentication.service"; import {AuthenticationService} from "../../services/authentication.service";
@Component({ @Component({
selector: 'app-account', selector: 'app-account',
templateUrl: './account.component.html', templateUrl: './account.component.html',
styleUrl: './account.component.css' styleUrl: './account.component.css',
standalone: false
}) })
export class AccountComponent implements OnInit{ export class AccountComponent implements OnInit{

2
Ui/src/app/pages/alliance/alliance-api-key/alliance-api-key.component.css
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 {

7
Ui/src/app/pages/alliance/alliance-api-key/alliance-api-key.component.ts
View File

@ -5,9 +5,10 @@ import {ApiKeyService} from "../../../services/api-key.service";
import {ToastrService} from "ngx-toastr"; import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-alliance-api-key', selector: 'app-alliance-api-key',
templateUrl: './alliance-api-key.component.html', templateUrl: './alliance-api-key.component.html',
styleUrl: './alliance-api-key.component.css' styleUrl: './alliance-api-key.component.css',
standalone: false
}) })
export class AllianceApiKeyComponent implements OnInit { export class AllianceApiKeyComponent implements OnInit {

7
Ui/src/app/pages/alliance/alliance-user-administration/alliance-user-administration.component.ts
View File

@ -9,9 +9,10 @@ import {InviteUserModalComponent} from "../../../modals/invite-user-modal/invite
import {JwtTokenService} from "../../../services/jwt-token.service"; import {JwtTokenService} from "../../../services/jwt-token.service";
@Component({ @Component({
selector: 'app-alliance-user-administration', selector: 'app-alliance-user-administration',
templateUrl: './alliance-user-administration.component.html', templateUrl: './alliance-user-administration.component.html',
styleUrl: './alliance-user-administration.component.css' styleUrl: './alliance-user-administration.component.css',
standalone: false
}) })
export class AllianceUserAdministrationComponent implements OnInit { export class AllianceUserAdministrationComponent implements OnInit {

7
Ui/src/app/pages/alliance/alliance.component.ts
View File

@ -7,9 +7,10 @@ import {JwtTokenService} from "../../services/jwt-token.service";
@Component({ @Component({
selector: 'app-alliance', selector: 'app-alliance',
templateUrl: './alliance.component.html', templateUrl: './alliance.component.html',
styleUrl: './alliance.component.css' styleUrl: './alliance.component.css',
standalone: false
}) })
export class AllianceComponent implements OnInit { export class AllianceComponent implements OnInit {

7
Ui/src/app/pages/change-password/change-password.component.ts
View File

@ -9,9 +9,10 @@ import {HttpErrorResponse} from "@angular/common/http";
import {JwtTokenService} from "../../services/jwt-token.service"; import {JwtTokenService} from "../../services/jwt-token.service";
@Component({ @Component({
selector: 'app-change-password', selector: 'app-change-password',
templateUrl: './change-password.component.html', templateUrl: './change-password.component.html',
styleUrl: './change-password.component.css' styleUrl: './change-password.component.css',
standalone: false
}) })
export class ChangePasswordComponent { export class ChangePasswordComponent {

7
Ui/src/app/pages/custom-event/custom-event-category/custom-event-category.component.ts
View File

@ -11,9 +11,10 @@ import {ToastrService} from "ngx-toastr";
import Swal from "sweetalert2"; import Swal from "sweetalert2";
@Component({ @Component({
selector: 'app-custom-event-category', selector: 'app-custom-event-category',
templateUrl: './custom-event-category.component.html', templateUrl: './custom-event-category.component.html',
styleUrl: './custom-event-category.component.css' styleUrl: './custom-event-category.component.css',
standalone: false
}) })
export class CustomEventCategoryComponent implements OnInit { export class CustomEventCategoryComponent implements OnInit {
isCreateCustomEventCategory: any; isCreateCustomEventCategory: any;

7
Ui/src/app/pages/custom-event/custom-event-detail/custom-event-detail.component.ts
View File

@ -4,9 +4,10 @@ import {CustomEventService} from "../../../services/custom-event.service";
import {CustomEventDetailModel} from "../../../models/customEvent.model"; import {CustomEventDetailModel} from "../../../models/customEvent.model";
@Component({ @Component({
selector: 'app-custom-event-detail', selector: 'app-custom-event-detail',
templateUrl: './custom-event-detail.component.html', templateUrl: './custom-event-detail.component.html',
styleUrl: './custom-event-detail.component.css' styleUrl: './custom-event-detail.component.css',
standalone: false
}) })
export class CustomEventDetailComponent implements OnInit { export class CustomEventDetailComponent implements OnInit {

7
Ui/src/app/pages/custom-event/custom-event-events/custom-event-events.component.ts
View File

@ -17,9 +17,10 @@ import Swal from "sweetalert2";
import {forkJoin, Observable} from "rxjs"; import {forkJoin, Observable} from "rxjs";
@Component({ @Component({
selector: 'app-custom-event-events', selector: 'app-custom-event-events',
templateUrl: './custom-event-events.component.html', templateUrl: './custom-event-events.component.html',
styleUrl: './custom-event-events.component.css' styleUrl: './custom-event-events.component.css',
standalone: false
}) })
export class CustomEventEventsComponent implements OnInit { export class CustomEventEventsComponent implements OnInit {

7
Ui/src/app/pages/custom-event/custom-event-leaderboard/custom-event-leaderboard.component.ts
View File

@ -10,9 +10,10 @@ import {
} from "../../../models/customEventLeaderboard.model"; } from "../../../models/customEventLeaderboard.model";
@Component({ @Component({
selector: 'app-custom-event-leaderboard', selector: 'app-custom-event-leaderboard',
templateUrl: './custom-event-leaderboard.component.html', templateUrl: './custom-event-leaderboard.component.html',
styleUrl: './custom-event-leaderboard.component.css' styleUrl: './custom-event-leaderboard.component.css',
standalone: false
}) })
export class CustomEventLeaderboardComponent implements OnInit { export class CustomEventLeaderboardComponent implements OnInit {

7
Ui/src/app/pages/custom-event/custom-event.component.ts
View File

@ -2,9 +2,10 @@ import {Component} from '@angular/core';
@Component({ @Component({
selector: 'app-custom-event', selector: 'app-custom-event',
templateUrl: './custom-event.component.html', templateUrl: './custom-event.component.html',
styleUrl: './custom-event.component.css' styleUrl: './custom-event.component.css',
standalone: false
}) })
export class CustomEventComponent { export class CustomEventComponent {

7
Ui/src/app/pages/desert-storm/desert-storm-detail/desert-storm-detail.component.ts
View File

@ -4,9 +4,10 @@ import {DesertStormService} from "../../../services/desert-storm.service";
import {DesertStormDetailModel} from "../../../models/desertStorm.model"; import {DesertStormDetailModel} from "../../../models/desertStorm.model";
@Component({ @Component({
selector: 'app-desert-storm-detail', selector: 'app-desert-storm-detail',
templateUrl: './desert-storm-detail.component.html', templateUrl: './desert-storm-detail.component.html',
styleUrl: './desert-storm-detail.component.css' styleUrl: './desert-storm-detail.component.css',
standalone: false
}) })
export class DesertStormDetailComponent implements OnInit { export class DesertStormDetailComponent implements OnInit {

7
Ui/src/app/pages/desert-storm/desert-storm.component.ts
View File

@ -19,9 +19,10 @@ import {ToastrService} from "ngx-toastr";
import {forkJoin, Observable} from "rxjs"; import {forkJoin, Observable} from "rxjs";
@Component({ @Component({
selector: 'app-desert-storm', selector: 'app-desert-storm',
templateUrl: './desert-storm.component.html', templateUrl: './desert-storm.component.html',
styleUrl: './desert-storm.component.css' styleUrl: './desert-storm.component.css',
standalone: false
}) })
export class DesertStormComponent implements OnInit { export class DesertStormComponent implements OnInit {

7
Ui/src/app/pages/dismiss-player/dismiss-player.component.ts
View File

@ -11,9 +11,10 @@ import {
} from "../../modals/player-dismiss-information-modal/player-dismiss-information-modal.component"; } from "../../modals/player-dismiss-information-modal/player-dismiss-information-modal.component";
@Component({ @Component({
selector: 'app-dismiss-player', selector: 'app-dismiss-player',
templateUrl: './dismiss-player.component.html', templateUrl: './dismiss-player.component.html',
styleUrl: './dismiss-player.component.css' styleUrl: './dismiss-player.component.css',
standalone: false
}) })
export class DismissPlayerComponent implements OnInit { export class DismissPlayerComponent implements OnInit {

7
Ui/src/app/pages/feedback/feedback.component.ts
View File

@ -6,9 +6,10 @@ import {ToastrService} from "ngx-toastr";
import {Router} from "@angular/router"; import {Router} from "@angular/router";
@Component({ @Component({
selector: 'app-feedback', selector: 'app-feedback',
templateUrl: './feedback.component.html', templateUrl: './feedback.component.html',
styleUrl: './feedback.component.css' styleUrl: './feedback.component.css',
standalone: false
}) })
export class FeedbackComponent implements OnInit { export class FeedbackComponent implements OnInit {

7
Ui/src/app/pages/imprint/imprint.component.ts
View File

@ -1,9 +1,10 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-imprint', selector: 'app-imprint',
templateUrl: './imprint.component.html', templateUrl: './imprint.component.html',
styleUrl: './imprint.component.css' styleUrl: './imprint.component.css',
standalone: false
}) })
export class ImprintComponent { export class ImprintComponent {

7
Ui/src/app/pages/marshal-guard/marshal-guard-detail/marshal-guard-detail.component.ts
View File

@ -4,9 +4,10 @@ import {MarshalGuardService} from "../../../services/marshal-guard.service";
import {MarshalGuardDetailModel} from "../../../models/marshalGuard.model"; import {MarshalGuardDetailModel} from "../../../models/marshalGuard.model";
@Component({ @Component({
selector: 'app-marshal-guard-detail', selector: 'app-marshal-guard-detail',
templateUrl: './marshal-guard-detail.component.html', templateUrl: './marshal-guard-detail.component.html',
styleUrl: './marshal-guard-detail.component.css' styleUrl: './marshal-guard-detail.component.css',
standalone: false
}) })
export class MarshalGuardDetailComponent implements OnInit { export class MarshalGuardDetailComponent implements OnInit {

7
Ui/src/app/pages/marshal-guard/marshal-guard.component.ts
View File

@ -22,9 +22,10 @@ import {Router} from "@angular/router";
import {forkJoin, Observable} from "rxjs"; import {forkJoin, Observable} from "rxjs";
@Component({ @Component({
selector: 'app-marshal-guard', selector: 'app-marshal-guard',
templateUrl: './marshal-guard.component.html', templateUrl: './marshal-guard.component.html',
styleUrl: './marshal-guard.component.css' styleUrl: './marshal-guard.component.css',
standalone: false
}) })
export class MarshalGuardComponent implements OnInit { export class MarshalGuardComponent implements OnInit {

7
Ui/src/app/pages/mvp/mvp.component.ts
View File

@ -6,9 +6,10 @@ import {PlayerMvpModel} from "../../models/player.model";
@Component({ @Component({
selector: 'app-mvp', selector: 'app-mvp',
templateUrl: './mvp.component.html', templateUrl: './mvp.component.html',
styleUrl: './mvp.component.css' styleUrl: './mvp.component.css',
standalone: false
}) })
export class MvpComponent implements OnInit { export class MvpComponent implements OnInit {

7
Ui/src/app/pages/player-information/player-info-custom-event/player-info-custom-event.component.ts
View File

@ -1,9 +1,10 @@
import {Component} from '@angular/core'; import {Component} from '@angular/core';
@Component({ @Component({
selector: 'app-player-info-custom-event', selector: 'app-player-info-custom-event',
templateUrl: './player-info-custom-event.component.html', templateUrl: './player-info-custom-event.component.html',
styleUrl: './player-info-custom-event.component.css' styleUrl: './player-info-custom-event.component.css',
standalone: false
}) })
export class PlayerInfoCustomEventComponent { export class PlayerInfoCustomEventComponent {

7
Ui/src/app/pages/player-information/player-info-desert-storm/player-info-desert-storm.component.ts
View File

@ -1,9 +1,10 @@
import {Component} from '@angular/core'; import {Component} from '@angular/core';
@Component({ @Component({
selector: 'app-player-info-desert-storm', selector: 'app-player-info-desert-storm',
templateUrl: './player-info-desert-storm.component.html', templateUrl: './player-info-desert-storm.component.html',
styleUrl: './player-info-desert-storm.component.css' styleUrl: './player-info-desert-storm.component.css',
standalone: false
}) })
export class PlayerInfoDesertStormComponent { export class PlayerInfoDesertStormComponent {

7
Ui/src/app/pages/player-information/player-info-marshal-guard/player-info-marshal-guard.component.ts
View File

@ -4,9 +4,10 @@ import {ToastrService} from "ngx-toastr";
import {MarshalGuardParticipantModel} from "../../../models/marshalGuardParticipant.model"; import {MarshalGuardParticipantModel} from "../../../models/marshalGuardParticipant.model";
@Component({ @Component({
selector: 'app-player-info-marshal-guard', selector: 'app-player-info-marshal-guard',
templateUrl: './player-info-marshal-guard.component.html', templateUrl: './player-info-marshal-guard.component.html',
styleUrl: './player-info-marshal-guard.component.css' styleUrl: './player-info-marshal-guard.component.css',
standalone: false
}) })
export class PlayerInfoMarshalGuardComponent { export class PlayerInfoMarshalGuardComponent {

32
Ui/src/app/pages/player-information/player-info-vs-duel/player-info-vs-duel.component.ts
View File

@ -6,10 +6,11 @@ import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-player-info-vs-duel', selector: 'app-player-info-vs-duel',
templateUrl: './player-info-vs-duel.component.html', templateUrl: './player-info-vs-duel.component.html',
styleUrl: './player-info-vs-duel.component.css', styleUrl: './player-info-vs-duel.component.css',
providers: [DatePipe] providers: [DatePipe],
standalone: false
}) })
export class PlayerInfoVsDuelComponent { export class PlayerInfoVsDuelComponent {
@ -24,9 +25,7 @@ export class PlayerInfoVsDuelComponent {
options: AgChartOptions = { options: AgChartOptions = {
title: { title: { text: 'Weekly Points' },
text: 'Weekly Points'
},
data: [], data: [],
series: [ series: [
{ {
@ -39,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}[] = [];

7
Ui/src/app/pages/player-information/player-information.component.ts
View File

@ -8,9 +8,10 @@ import {PlayerAdmonitionModalComponent} from "../../modals/player-admonition-mod
import {ToastrService} from "ngx-toastr"; import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-player-information', selector: 'app-player-information',
templateUrl: './player-information.component.html', templateUrl: './player-information.component.html',
styleUrl: './player-information.component.css' styleUrl: './player-information.component.css',
standalone: false
}) })
export class PlayerInformationComponent implements OnInit { export class PlayerInformationComponent implements OnInit {

7
Ui/src/app/pages/player-squads/player-squads.component.ts
View File

@ -7,9 +7,10 @@ import Swal from "sweetalert2";
import {ToastrService} from "ngx-toastr"; import {ToastrService} from "ngx-toastr";
@Component({ @Component({
selector: 'app-player-squads', selector: 'app-player-squads',
templateUrl: './player-squads.component.html', templateUrl: './player-squads.component.html',
styleUrl: './player-squads.component.css' styleUrl: './player-squads.component.css',
standalone: false
}) })
export class PlayerSquadsComponent implements OnInit { export class PlayerSquadsComponent implements OnInit {

7
Ui/src/app/pages/player/player.component.ts
View File

@ -18,9 +18,10 @@ import {
@Component({ @Component({
selector: 'app-player', selector: 'app-player',
templateUrl: './player.component.html', templateUrl: './player.component.html',
styleUrl: './player.component.css' styleUrl: './player.component.css',
standalone: false
}) })
export class PlayerComponent implements OnInit { export class PlayerComponent implements OnInit {

7
Ui/src/app/pages/vs-duel/vs-duel-detail/vs-duel-detail.component.ts
View File

@ -5,9 +5,10 @@ import {VsDuelDetailModel} from "../../../models/vsDuel.model";
@Component({ @Component({
selector: 'app-vs-duel-detail', selector: 'app-vs-duel-detail',
templateUrl: './vs-duel-detail.component.html', templateUrl: './vs-duel-detail.component.html',
styleUrl: './vs-duel-detail.component.css' styleUrl: './vs-duel-detail.component.css',
standalone: false
}) })
export class VsDuelDetailComponent implements OnInit { export class VsDuelDetailComponent implements OnInit {

7
Ui/src/app/pages/vs-duel/vs-duel-edit/vs-duel-edit.component.ts
View File

@ -11,9 +11,10 @@ import {VsDuelLeagueService} from "../../../services/vs-duel-league.service";
import {VsDuelLeagueModel} from "../../../models/vsDuelLeague.model"; import {VsDuelLeagueModel} from "../../../models/vsDuelLeague.model";
@Component({ @Component({
selector: 'app-vs-duel-edit', selector: 'app-vs-duel-edit',
templateUrl: './vs-duel-edit.component.html', templateUrl: './vs-duel-edit.component.html',
styleUrl: './vs-duel-edit.component.css' styleUrl: './vs-duel-edit.component.css',
standalone: false
}) })
export class VsDuelEditComponent implements OnInit { export class VsDuelEditComponent implements OnInit {

9
Ui/src/app/pages/vs-duel/vs-duel.component.ts
View File

@ -9,10 +9,11 @@ import Swal from "sweetalert2";
import {Router} from "@angular/router"; import {Router} from "@angular/router";
@Component({ @Component({
selector: 'app-vs-duel', selector: 'app-vs-duel',
templateUrl: './vs-duel.component.html', templateUrl: './vs-duel.component.html',
styleUrl: './vs-duel.component.css', styleUrl: './vs-duel.component.css',
providers: [WeekPipe] providers: [WeekPipe],
standalone: false
}) })
export class VsDuelComponent implements OnInit { export class VsDuelComponent implements OnInit {

7
Ui/src/app/pages/zombie-siege/zombie-siege-detail/zombie-siege-detail.component.ts
View File

@ -4,9 +4,10 @@ import {ActivatedRoute} from "@angular/router";
import {ZombieSiegeService} from "../../../services/zombie-siege.service"; import {ZombieSiegeService} from "../../../services/zombie-siege.service";
@Component({ @Component({
selector: 'app-zombie-siege-detail', selector: 'app-zombie-siege-detail',
templateUrl: './zombie-siege-detail.component.html', templateUrl: './zombie-siege-detail.component.html',
styleUrl: './zombie-siege-detail.component.css' styleUrl: './zombie-siege-detail.component.css',
standalone: false
}) })
export class ZombieSiegeDetailComponent implements OnInit { export class ZombieSiegeDetailComponent implements OnInit {

7
Ui/src/app/pages/zombie-siege/zombie-siege.component.ts
View File

@ -21,9 +21,10 @@ import {forkJoin, Observable} from "rxjs";
import {PagedResponseModel} from "../../models/pagedResponse.model"; import {PagedResponseModel} from "../../models/pagedResponse.model";
@Component({ @Component({
selector: 'app-zombie-siege', selector: 'app-zombie-siege',
templateUrl: './zombie-siege.component.html', templateUrl: './zombie-siege.component.html',
styleUrl: './zombie-siege.component.css', styleUrl: './zombie-siege.component.css',
standalone: false
}) })
export class ZombieSiegeComponent implements OnInit { export class ZombieSiegeComponent implements OnInit {

11
Ui/src/main.ts
View File

@ -1,9 +1,14 @@
/// <reference types="@angular/localize" /> import { provideZoneChangeDetection } from "@angular/core";
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) 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));

8
Ui/tsconfig.json
View File

@ -14,15 +14,11 @@
"sourceMap": true, "sourceMap": true,
"declaration": false, "declaration": false,
"experimentalDecorators": true, "experimentalDecorators": true,
"moduleResolution": "node", "moduleResolution": "bundler",
"importHelpers": true, "importHelpers": true,
"target": "ES2022", "target": "ES2022",
"module": "ES2022", "module": "ES2022",
"useDefineForClassFields": false, "useDefineForClassFields": false
"lib": [
"ES2022",
"dom"
]
}, },
"angularCompilerOptions": { "angularCompilerOptions": {
"enableI18nLegacyMessageIdFormat": false, "enableI18nLegacyMessageIdFormat": false,

12
Utilities/Utilities.csproj
View File

@ -1,20 +1,12 @@
<Project Sdk="Microsoft.NET.Sdk"> <Project Sdk="Microsoft.NET.Sdk">
<PropertyGroup>
<TargetFramework>net9.0</TargetFramework>
<ImplicitUsings>enable</ImplicitUsings>
<Nullable>enable</Nullable>
</PropertyGroup>
<ItemGroup> <ItemGroup>
<Folder Include="Constants\" /> <Folder Include="Constants\" />
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<PackageReference Include="MailKit" /> <FrameworkReference Include="Microsoft.AspNetCore.App" />
<PackageReference Include="Microsoft.AspNetCore.Http.Features" /> <PackageReference Include="MailKit" />
<PackageReference Include="Microsoft.Extensions.Logging.Abstractions" />
<PackageReference Include="Microsoft.Extensions.Options" />
<PackageReference Include="Octokit" /> <PackageReference Include="Octokit" />
</ItemGroup> </ItemGroup>