From b0932661278931593521f4e91224329ee28cd413 Mon Sep 17 00:00:00 2001 From: gsd Date: Wed, 9 Apr 2025 20:38:32 +0300 Subject: [PATCH] discord connect --- src/app/app.component.html | 10 +- src/app/app.component.ts | 10 +- src/app/app.module.ts | 8 +- src/app/entities/DiscordAccount.ts | 13 ++ .../dialogs/DiscordConnectDialog.ts | 151 ++++++++++++++++++ src/app/services/auth.service.ts | 32 +++- 6 files changed, 217 insertions(+), 7 deletions(-) create mode 100644 src/app/entities/DiscordAccount.ts create mode 100644 src/app/pages/internal-components/dialogs/DiscordConnectDialog.ts diff --git a/src/app/app.component.html b/src/app/app.component.html index 05ed16e..9be29f2 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -3,6 +3,11 @@ факты13 + + + + + + - diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 70b52ed..5e1254a 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -2,6 +2,8 @@ import { Component } from '@angular/core'; import {BaseUtils} from "./utils/BaseUtils"; import {Router} from "@angular/router"; import {AuthService} from "./services/auth.service"; +import {MatDialog} from "@angular/material/dialog"; +import {DiscordConnectDialog} from "./pages/internal-components/dialogs/DiscordConnectDialog"; @Component({ selector: 'app-root', @@ -11,7 +13,6 @@ import {AuthService} from "./services/auth.service"; export class AppComponent { baseUtils: BaseUtils = new BaseUtils(); social_media_links: {link: string, name: string}[] = [ - {name: "Дискорд", link: "discord"}, {name: "Телеграм", link: "https://t.me/facti13"}, {name: "Стим", link: "steam"} ] @@ -19,7 +20,8 @@ export class AppComponent { logined: string | null = null; constructor(private router: Router, - public auth_service: AuthService) { + public auth_service: AuthService, + private dialog: MatDialog) { } go2url(urls: string[], reopen: boolean = false) { @@ -37,5 +39,7 @@ export class AppComponent { this.auth_service.login() } - + openDiscordConnect() { + this.dialog.open(DiscordConnectDialog) + } } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 8542497..8018220 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -57,6 +57,8 @@ import {FilterMatChipAdmins} from "./pages/internal-components/search-filters/ba import {LivetimeServerMap} from "./pages/servers-page/livetime-server-map"; import {NewsViewDialog} from "./pages/main-page/NewsViewDialog"; import {AnnoncesListCarules} from "./pages/main-page/AnnoncesListCarules"; +import {DiscordConnectDialog} from "./pages/internal-components/dialogs/DiscordConnectDialog"; +import {MatStepperModule} from "@angular/material/stepper"; registerLocaleData(localeRu, "ru") @@ -87,7 +89,8 @@ registerLocaleData(localeRu, "ru") FilterMatChipAdmins, //dialogs BanViewDialog, - NewsViewDialog + NewsViewDialog, + DiscordConnectDialog ], imports: [ BrowserModule, @@ -117,7 +120,8 @@ registerLocaleData(localeRu, "ru") MatDatepickerModule, MatNativeDateModule, MatProgressSpinnerModule, - MatDialogModule + MatDialogModule, + MatStepperModule ], providers: [ {provide: LOCALE_ID, useValue: 'ru' }, diff --git a/src/app/entities/DiscordAccount.ts b/src/app/entities/DiscordAccount.ts new file mode 100644 index 0000000..c5fbc32 --- /dev/null +++ b/src/app/entities/DiscordAccount.ts @@ -0,0 +1,13 @@ +export class DiscordAccount { + accent_color!: number; + avatar!: string|null; + global_name!: string; + id!: string; + username!: string; + + static fromData(data:any):DiscordAccount { + let d = new DiscordAccount(); + Object.assign(d, data); + return d; + } +} diff --git a/src/app/pages/internal-components/dialogs/DiscordConnectDialog.ts b/src/app/pages/internal-components/dialogs/DiscordConnectDialog.ts new file mode 100644 index 0000000..ee82ace --- /dev/null +++ b/src/app/pages/internal-components/dialogs/DiscordConnectDialog.ts @@ -0,0 +1,151 @@ +import {AfterViewInit, Component, Input} from "@angular/core"; +import {AuthService} from "../../../services/auth.service"; +import {ActionService} from "../../../services/action.service"; +import {MatStepper} from "@angular/material/stepper"; +import {DiscordAccount} from "../../../entities/DiscordAccount"; + +@Component({ + selector: 'app-discord-connect-dialog', + template: ` +

Получение доступа к нашему серверу дискорда

+ + +
+ + + + Привязка к Steam + +
+

Проверка наличия привязки...

+
+
+

Твой аккаунт стима не привязан, можно приступить к следующему шагу

+ +
+
+

У тебя на аккаунте уже есть привязанный дискорд, если хочешь его отвязать или потерял доступ, то жми скорее далее

+ +
+ + + + + Привязка к Discord + +
+

Твой аккаунт стима не привязан, можно приступить к следующему шагу

+ +
+
+

Удалить твой текущую связку?

+

Во время удаления связки аккаунтов произошла ошибка. Напиши админам в дискорде. Возможно ты еблан или мы.

+ +
+ + + + + Авторизация в дискорд + +
+
+

Нужно авторизоваться в дискорде для получения твоего уникального индификатора. Авторизуйся затем вернись в это окно так-же как и пришел!

+ +
+
+

Сервер не может соединиться с дискордом для верификации данных, попробуй сделать это позже

+
+
+
+

Аккаунт стим {{authService.steamdata?.nickname}} будет привязан к аккаунту дискорд {{currentDiscordData.username}}

+
+

Аккаунты связаны, теперь можешь смотреть наш сервер дискорда

+

Найден иной неотвязанный от текущего дискорда профиль стима. Если ты терял доступ к аккаунту то напиши админам в дискорде, мы отвяжем старые аккаунты.

+

Найден иной неотвязанный от текущего профиля стима дискорд. Если ты терял доступ к аккаунту то напиши админам в дискорде, мы отвяжем старые аккаунты.

+

Ошибка сервера. Напиши админам в дискорде.

+
+ + +
+
+

Сначала нужно удалить текущию связку на предыдущем шаге

+
+ + + +
+ + + + + ` +}) +export class DiscordConnectDialog implements AfterViewInit { + currentDiscordId: string|''|'not_exists' = ''; + removeDiscordId: number|null = null; //1 удален 0 неудален -1 ошибка нулл не проверяли + stage: 'init' = 'init'; + @Input('stepper') + stepper!: MatStepper; + currentDiscordData!: DiscordAccount|null; + currentDiscordDataStatus!: number|null; + //200/201 - успешно + //413 - найден иной не отвязанный стим с тем который хотят привязать + //409 - найден иной не отвязанный дискорд с тем который хотят привязать + registerDiscordStatus!: number|null; + + constructor(public authService: AuthService, public actionService: ActionService) {} + + ngAfterViewInit(): void { + this.fillCurrentDiscordId(); + this.getCurrentDiscordData(); + } + + fillCurrentDiscordId() { + this.currentDiscordId = ''; + this.authService.getCurrentUserDiscord().subscribe( + (id) => {this.currentDiscordId = id;}, + (err) => this.currentDiscordId = "not_exists" + ) + } + + removeCurrentDiscordId() { + this.removeDiscordId = this.removeDiscordId!=-1?null:this.removeDiscordId; + this.authService.removeCurrentUserDiscord().subscribe( + (res) => { + this.removeDiscordId = res?1:0; + this.actionService.showSnack("Аккаунт дискорда был отвязан"); + this.fillCurrentDiscordId(); + this.stepper.previous(); + }, + (err) => { + this.removeDiscordId = -1; + this.actionService.showSnack("Произошла ошибка во время удаления аккаунта"); + } + ) + } + + getCurrentDiscordData() { + this.authService.getCurrentUserDiscordData().subscribe( + (res) => { + this.currentDiscordData = res; + this.currentDiscordDataStatus = 200; + console.log(res); + }, (err) => { + this.currentDiscordDataStatus = err.status; + console.log(err); + } + ) + } + + registerCurrentDiscordUser() { + this.authService.registerCurrentDiscordData().subscribe( + (res) => { + this.registerDiscordStatus = 200; + }, + (err) => { + this.registerDiscordStatus = err.status; + } + ) + } +} diff --git a/src/app/services/auth.service.ts b/src/app/services/auth.service.ts index 29bacc0..30c60c9 100644 --- a/src/app/services/auth.service.ts +++ b/src/app/services/auth.service.ts @@ -5,6 +5,9 @@ import {SteamData} from "../entities/profile/SteamData"; import {SteamIDs} from "../entities/profile/SteamIDs"; import {Permition} from "../entities/profile/Permition"; import {Router} from "@angular/router"; +import {map, Observable} from "rxjs"; +import {HttpClient} from "@angular/common/http"; +import {DiscordAccount} from "../entities/DiscordAccount"; @Injectable({ providedIn: 'root' @@ -15,13 +18,15 @@ export class AuthService { steamIds: SteamIDs | null = null; permition: Permition | null = null; - constructor(private playerService: PlayerService, private router: Router) { + constructor(private playerService: PlayerService, private router: Router, private http: HttpClient) { this.playerService.getProfile(null, [ProfileRequestData.STEAM_DATA, ProfileRequestData.PERMITION]) .subscribe((res) => { this.steamdata = res.steam_data; this.steamIds = res.steamids this.permition = res.permition; sessionStorage.setItem(AuthService.KEY, JSON.stringify(res.steamids)) + }, (err) => { + console.log(err); }) } @@ -35,6 +40,14 @@ export class AuthService { window.open("api/auth/logout", "_self") } + discordLogin() { + window.open("api/auth/discord/login", "_self") + } + + discordLogout() { + window.open("api/auth/discord/logout", "_self") + } + isAuth() { return sessionStorage.getItem(AuthService.KEY) != null; } @@ -68,4 +81,21 @@ export class AuthService { (err) => {} ) } + + //discord funcs + getCurrentUserDiscord(): Observable { + return this.http.get(`api/auth/steam/discord`); + } + + removeCurrentUserDiscord(): Observable { + return this.http.delete(`api/auth/steam/discord`); + } + + getCurrentUserDiscordData(): Observable { + return this.http.get(`api/auth/discord`).pipe(map((res) => DiscordAccount.fromData(res))); + } + + registerCurrentDiscordData(): Observable { + return this.http.post(`api/auth/discord`, {}); + } }