gsd
1 month ago
14 changed files with 279 additions and 9 deletions
@ -0,0 +1,17 @@ |
|||||
|
export class VipBuy { |
||||
|
human_duration!: string; |
||||
|
money_price!: number; |
||||
|
item_price!:string; |
||||
|
img_url!:string; |
||||
|
period!:string; |
||||
|
steam:boolean = false; |
||||
|
qiwi:boolean = false; |
||||
|
donationalerts:boolean = false; |
||||
|
da_percent!: number; |
||||
|
|
||||
|
static fromData(res:any): VipBuy { |
||||
|
const v = new VipBuy(); |
||||
|
Object.assign(v, res); |
||||
|
return v; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,72 @@ |
|||||
|
import {Component, Inject} from "@angular/core"; |
||||
|
import {MAT_DIALOG_DATA} from "@angular/material/dialog"; |
||||
|
import {VipBuy} from "../../entities/VipBuy"; |
||||
|
import {ActionService} from "../../services/action.service"; |
||||
|
import {AuthService} from "../../services/auth.service"; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: "app-vip-buy-dialog", |
||||
|
template:` |
||||
|
<h1 mat-dialog-title style="color: black">Выбор способа получения</h1> |
||||
|
<mat-dialog-content> |
||||
|
<p>Молодец что решился на такой шаг в своей жизни, лишния копейка от тебя нам это ее один способ потратить деньги на всяческую херню. Надеюсь ты ознакомился что ты получишь.</p> |
||||
|
<div *ngIf="vip"> |
||||
|
<mat-accordion> |
||||
|
<mat-expansion-panel hideToggle [disabled]="!vip.steam"> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Steam |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<p>Ты должен будешь отдать {{vip.item_price}}</p> |
||||
|
<mat-checkbox class="example-margin" [(ngModel)]="acceptRules">Я ознакомлен с правилами обмена</mat-checkbox> |
||||
|
<div *ngIf="acceptRules"> |
||||
|
<button mat-button mat-raised-button style="width: 100%" (click)="goToTrade('STEAM', vip.money_price)">Перейти в стим для обмена</button> |
||||
|
</div> |
||||
|
</mat-expansion-panel> |
||||
|
|
||||
|
<mat-expansion-panel hideToggle [disabled]="!vip.qiwi"> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Qiwi |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<p>Когда-то это работало</p> |
||||
|
<p>{{vip.money_price}} P</p> |
||||
|
</mat-expansion-panel> |
||||
|
|
||||
|
<mat-expansion-panel hideToggle [disabled]="!vip.donationalerts"> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Donation Alert |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<p>Увы Усманов запретил, может как нибудь потом...</p> |
||||
|
<p>{{vip.money_price + (vip.money_price*vip.da_percent/100)}}</p> |
||||
|
</mat-expansion-panel> |
||||
|
|
||||
|
<mat-expansion-panel hideToggle> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Напрямую не через ботов |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<p>Обычно мы игнорируем трейды не через ботов, но если на то пошло, можешь узнать ссылку для прямого обмена в нашем дискорде</p> |
||||
|
</mat-expansion-panel> |
||||
|
</mat-accordion> |
||||
|
</div> |
||||
|
<p>Выбери способ по душе</p> |
||||
|
</mat-dialog-content> |
||||
|
` |
||||
|
}) |
||||
|
export class VipBuyDialog { |
||||
|
acceptRules: boolean = false; |
||||
|
constructor(@Inject(MAT_DIALOG_DATA) public vip:VipBuy, |
||||
|
private actionService: ActionService, |
||||
|
private authService: AuthService) {} |
||||
|
|
||||
|
goToTrade(buy_type: 'QIWI' | 'DONATIONALERTS'| 'STEAM', cost:number) { |
||||
|
let url = `api/profile/current/buyvip?steam64=${this.authService.steamIds?.steam64==null?'':this.authService.steamIds?.steam64}&buy_type=${buy_type}&cost=${cost}`; |
||||
|
this.actionService.goToUrlViaTab(url); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
import {Component, Inject} from "@angular/core"; |
||||
|
import {MAT_DIALOG_DATA} from "@angular/material/dialog"; |
||||
|
import {VipBuy} from "../../entities/VipBuy"; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: "app-vip-buy-dialog", |
||||
|
template:` |
||||
|
<h1 mat-dialog-title style="color: black">Получение бесплатно</h1> |
||||
|
<mat-dialog-content> |
||||
|
</mat-dialog-content> |
||||
|
<mat-dialog-actions> |
||||
|
|
||||
|
</mat-dialog-actions> |
||||
|
` |
||||
|
}) |
||||
|
export class VipFreeDialog { |
||||
|
constructor(@Inject(MAT_DIALOG_DATA) public vip:VipBuy) {} |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
import {Component, Inject} from "@angular/core"; |
||||
|
import {MAT_DIALOG_DATA} from "@angular/material/dialog"; |
||||
|
import {VipBuy} from "../../entities/VipBuy"; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: "app-vip-buy-dialog", |
||||
|
template:` |
||||
|
<h1 mat-dialog-title style="color: black">Получение через промокод</h1> |
||||
|
<mat-dialog-content> |
||||
|
</mat-dialog-content> |
||||
|
<mat-dialog-actions> |
||||
|
|
||||
|
</mat-dialog-actions> |
||||
|
` |
||||
|
}) |
||||
|
export class VipPromocodeDialog { |
||||
|
constructor(@Inject(MAT_DIALOG_DATA) public vip:VipBuy) {} |
||||
|
} |
||||
@ -0,0 +1,66 @@ |
|||||
|
<div class="content-in-center-header" style="flex-direction: column;"> |
||||
|
<h1>VIP статус на серверах</h1> |
||||
|
<h3>Рано или поздно ты захочешь этого...</h3> |
||||
|
</div> |
||||
|
|
||||
|
<div class="content-in-center"> |
||||
|
<div class="content-in-border"> |
||||
|
<h2 style="color:#000;">Ты можешь получить VIP исходя из своих возможностей</h2> |
||||
|
<div class="container responsive-grid-250"> |
||||
|
<mat-card *ngFor="let vip of vips" (click)="openDialog(vip)" style="cursor: pointer"> |
||||
|
<mat-card-title>{{vip.human_duration}}</mat-card-title> |
||||
|
<mat-card-subtitle> |
||||
|
<p>Жми скорее</p> |
||||
|
<img style="width: 100%; border-radius: 5px; border: 0px solid black" [src]="vip.img_url"> |
||||
|
</mat-card-subtitle> |
||||
|
</mat-card> |
||||
|
</div> |
||||
|
<div style="padding-top: 2%"></div> |
||||
|
<div> |
||||
|
<mat-accordion> |
||||
|
<mat-expansion-panel hideToggle> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Что ты получаешь получая VIP |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<mat-accordion> |
||||
|
<mat-expansion-panel hideToggle> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Здоровье маме |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<p>Используй команду</p> |
||||
|
</mat-expansion-panel> |
||||
|
</mat-accordion> |
||||
|
</mat-expansion-panel> |
||||
|
<mat-expansion-panel hideToggle> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Правила обмена (прочти меня) |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<mat-list role="list"> |
||||
|
<mat-list-item role="listitem">У меня должен быть подключен Steam Authenticator, иначе трейд будет принят ботом только после удержания предметов.</mat-list-item> |
||||
|
<mat-list-item role="listitem">Бот не всегда может принять трейд и будет его отменять, обычно решается попробовать снова отправить обмен.</mat-list-item> |
||||
|
<mat-list-item role="listitem">Ты можешь суммировать вещи, например: 2 ключа - 2 месяца или 20 рефов - 2 дня.</mat-list-item> |
||||
|
<mat-list-item role="listitem">Ключ или реф должен быть не перекрафченым - пунктирная рамка возле вещи.</mat-list-item> |
||||
|
<mat-list-item role="listitem">Ключ должен быть от сундука МаннКо, не иной.</mat-list-item> |
||||
|
<mat-list-item role="listitem">Иные вещи которые не принимает бот - трейд отменяется.</mat-list-item> |
||||
|
<mat-list-item role="listitem">Если бот так и не принимает обмен - пишешь нам.</mat-list-item> |
||||
|
</mat-list> |
||||
|
</mat-expansion-panel> |
||||
|
<mat-expansion-panel hideToggle [disabled]="true"> |
||||
|
<mat-expansion-panel-header> |
||||
|
<mat-panel-title> |
||||
|
Что делать если... |
||||
|
</mat-panel-title> |
||||
|
</mat-expansion-panel-header> |
||||
|
<p>убейся</p> |
||||
|
</mat-expansion-panel> |
||||
|
</mat-accordion> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
@ -0,0 +1,43 @@ |
|||||
|
import { Component, OnInit } from '@angular/core'; |
||||
|
import {VipService} from "../../services/vip.service"; |
||||
|
import {VipBuy} from "../../entities/VipBuy"; |
||||
|
import {MatDialog, MatDialogConfig, MatDialogRef} from "@angular/material/dialog"; |
||||
|
import {VipBuyDialog} from "./VipBuyDialog"; |
||||
|
import {VipFreeDialog} from "./VipFreeDialog"; |
||||
|
import {VipPromocodeDialog} from "./VipPromocodeDialog"; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'app-vip-page', |
||||
|
templateUrl: './vip-page.component.html', |
||||
|
styleUrls: ['./vip-page.component.scss'] |
||||
|
}) |
||||
|
export class VipPageComponent implements OnInit { |
||||
|
vips:VipBuy[] = []; |
||||
|
|
||||
|
constructor(private vipService: VipService, |
||||
|
private dialog: MatDialog) { } |
||||
|
|
||||
|
ngOnInit(): void { |
||||
|
this.getVips(); |
||||
|
} |
||||
|
|
||||
|
getVips() { |
||||
|
this.vipService.getVipPrices().subscribe( |
||||
|
(res) => this.vips = res |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
openDialog(vip: VipBuy): MatDialogRef<any>|null { |
||||
|
const config: MatDialogConfig = {maxWidth: '500px', data:vip}; |
||||
|
switch (vip.period) { |
||||
|
case "month": |
||||
|
case "week" : |
||||
|
case "day": return this.dialog.open(VipBuyDialog, config); |
||||
|
case "free": return this.dialog.open(VipFreeDialog, config); |
||||
|
case "promocode": return this.dialog.open(VipPromocodeDialog, config); |
||||
|
default: console.log(`non found ${vip.period} dialog`) |
||||
|
} |
||||
|
return null; |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,16 @@ |
|||||
|
import { Injectable } from '@angular/core'; |
||||
|
import {HttpClient} from "@angular/common/http"; |
||||
|
import {map, Observable} from "rxjs"; |
||||
|
import {VipBuy} from "../entities/VipBuy"; |
||||
|
|
||||
|
@Injectable({ |
||||
|
providedIn: 'root' |
||||
|
}) |
||||
|
export class VipService { |
||||
|
|
||||
|
constructor(private http: HttpClient) { } |
||||
|
|
||||
|
getVipPrices(): Observable<any> { |
||||
|
return this.http.get(`api/external/vip`); |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue