gsd
1 month ago
6 changed files with 217 additions and 7 deletions
@ -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; |
|||
} |
|||
} |
|||
@ -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: ` |
|||
<h1 mat-dialog-title style="color: black">Получение доступа к нашему серверу дискорда</h1> |
|||
<mat-dialog-content> |
|||
<app-need-auth-to-continue *ngIf="!authService.isAuth()"></app-need-auth-to-continue> |
|||
<div *ngIf="authService.isAuth()"> |
|||
<mat-stepper orientation="vertical" [linear]="true" #stepper> |
|||
|
|||
<mat-step> |
|||
<ng-template matStepLabel>Привязка к Steam</ng-template> |
|||
<ng-template matStepContent> |
|||
<div *ngIf="currentDiscordId==''"> |
|||
<p>Проверка наличия привязки...</p> |
|||
</div> |
|||
<div *ngIf="currentDiscordId=='not_exists'"> |
|||
<p>Твой аккаунт стима не привязан, можно приступить к следующему шагу</p> |
|||
<button mat-button matStepperNext>Далее</button> |
|||
</div> |
|||
<div *ngIf="currentDiscordId!='not_exists' && currentDiscordId!=''"> |
|||
<p>У тебя на аккаунте уже есть привязанный дискорд, если хочешь его отвязать или потерял доступ, то жми скорее далее</p> |
|||
<button mat-button matStepperNext>Далее</button> |
|||
</div> |
|||
</ng-template> |
|||
</mat-step> |
|||
|
|||
<mat-step *ngIf="currentDiscordId!=''"> |
|||
<ng-template matStepLabel>Привязка к Discord</ng-template> |
|||
<ng-template matStepContent> |
|||
<div *ngIf="currentDiscordId=='not_exists'"> |
|||
<p>Твой аккаунт стима не привязан, можно приступить к следующему шагу</p> |
|||
<button mat-button matStepperNext>Далее</button> |
|||
</div> |
|||
<div *ngIf="currentDiscordId!='not_exists' && currentDiscordId!=''"> |
|||
<p>Удалить твой текущую связку?</p> |
|||
<p *ngIf="removeDiscordId == -1" style="color: red">Во время удаления связки аккаунтов произошла ошибка. Напиши админам в дискорде. Возможно ты еблан или мы.</p> |
|||
<button mat-button (click)="removeCurrentDiscordId()">Удалить</button> |
|||
</div> |
|||
</ng-template> |
|||
</mat-step> |
|||
|
|||
<mat-step *ngIf="currentDiscordId!='' && currentDiscordId=='not_exists'"> |
|||
<ng-template matStepLabel>Авторизация в дискорд</ng-template> |
|||
<ng-template matStepContent> |
|||
<div *ngIf="currentDiscordData == null"> |
|||
<div *ngIf="currentDiscordDataStatus == 401"> |
|||
<p>Нужно авторизоваться в дискорде для получения твоего уникального индификатора. Авторизуйся затем вернись в это окно так-же как и пришел!</p> |
|||
<button mat-button (click)="authService.discordLogin()">Авторизоваться</button> |
|||
</div> |
|||
<div *ngIf="currentDiscordDataStatus != 200 && currentDiscordDataStatus != 401"> |
|||
<p>Сервер не может соединиться с дискордом для верификации данных, попробуй сделать это позже</p> |
|||
</div> |
|||
</div> |
|||
<div *ngIf="currentDiscordData != null && currentDiscordId=='not_exists'"> |
|||
<p>Аккаунт стим {{authService.steamdata?.nickname}} будет привязан к аккаунту дискорд {{currentDiscordData.username}}</p> |
|||
<div [ngSwitch]="registerDiscordStatus" *ngIf="registerDiscordStatus!=null"> |
|||
<p *ngSwitchCase="200" style="color: green">Аккаунты связаны, теперь можешь смотреть наш сервер дискорда</p> |
|||
<p *ngSwitchCase="413" style="color: red">Найден иной неотвязанный от текущего дискорда профиль стима. Если ты терял доступ к аккаунту то напиши админам в дискорде, мы отвяжем старые аккаунты.</p> |
|||
<p *ngSwitchCase="409" style="color: red">Найден иной неотвязанный от текущего профиля стима дискорд. Если ты терял доступ к аккаунту то напиши админам в дискорде, мы отвяжем старые аккаунты.</p> |
|||
<p *ngSwitchDefault style="color: red">Ошибка сервера. Напиши админам в дискорде.</p> |
|||
</div> |
|||
|
|||
<button mat-button (click)="registerCurrentDiscordUser()">Привязать</button> |
|||
</div> |
|||
<div *ngIf="currentDiscordData != null && currentDiscordId!='not_exists'"> |
|||
<p>Сначала нужно удалить текущию связку на предыдущем шаге</p> |
|||
</div> |
|||
</ng-template> |
|||
</mat-step> |
|||
</mat-stepper> |
|||
</div> |
|||
</mat-dialog-content> |
|||
<mat-dialog-actions> |
|||
|
|||
</mat-dialog-actions> |
|||
` |
|||
}) |
|||
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; |
|||
} |
|||
) |
|||
} |
|||
} |
|||
Loading…
Reference in new issue