invest issue fixed with better ux

ssr
Artemis 2022-02-06 07:33:20 +03:30
parent b0daab5f9b
commit 77b0b6712d
3 changed files with 36 additions and 18 deletions

View File

@ -6,12 +6,6 @@
<app-states></app-states>
<section class="flex column">
<p class="subtitle">
پس از گذاشت USDT ها و شروع به سرمایه گذاری، سیستم دارایی های شما را به مدت 35 روز قفل می کند و سرمایه
گذاری کنترل شده ای
انجام می دهد. پس از 35 روز می توانید تمام یا بخشی از سرمایه خود را برداشت کنید.
</p>
<ng-container *ngIf="Selected == -1">
<h1>يک صندوق برای سرمایه گذاری انتخاب کنید</h1>
@ -37,17 +31,19 @@
<ng-container *ngIf="Selected != -1 && Item">
<div class="flex column">
<h2 class="flex nowrap ai-c">
<i (click)="Selected = -1" class="material-icons">arrow_forward</i>
{{Item.title}}
</h2>
<div class="flex nowrap ai-c">
<span class="back flex nowrap ai-c" (click)="Selected = -1">
<i class="material-icons">arrow_forward</i>
بازگشت
</span>
<h2>
{{Item.title}}
</h2>
</div>
<!-- <app-fund-about [Content]="Item.description" [StartAt]="StartAt(Item.init_date)"
[Type]="TypeOf(Item.ftype)"></app-fund-about>
<app-fund-state [MinInvestment]="Item.minimum_investment" [LockTime]="Item.lock_time">
</app-fund-state> -->
<app-fund-price-chart [Value]="Item.chart"></app-fund-price-chart>
<app-fund-pie-chart [Value]="Item.portfolio"></app-fund-pie-chart>
<div class="input-container flex nowrap ai-c">
<div class="flex column">
<label for="amount">مقدار سرمایه گذاری USDT</label>
@ -56,6 +52,10 @@
</div>
<button (click)="Invest()">سرمایه گذاری</button>
</div>
<br>
<app-fund-price-chart [Value]="Item.chart"></app-fund-price-chart>
<app-fund-pie-chart [Value]="Item.portfolio"></app-fund-pie-chart>
</div>
</ng-container>
</section>

View File

@ -19,15 +19,31 @@ main {
line-height: 32px;
}
h2 i {
cursor: pointer;
span.back {
padding: 4px 8px;
border: 1px solid rgba($color: #000000, $alpha: 0.1);
border-radius: 2em;
margin-left: 12px;
cursor: pointer;
i {
cursor: pointer;
margin-left: 12px;
}
}
app-fund-price-chart,
app-fund-pie-chart {
width: 100%;
}
div.input-container {
margin: 0 auto;
width: calc(100% - 56px);
width: calc(100% - 32px);
background-color: #fff;
@ -141,8 +157,9 @@ main {
div.flex.wrap {
flex-direction: column;
div.flex.column {
width: 80%;
section.flex.column {
width: 100%;
margin-right: 0;
}
}
}

View File

@ -65,6 +65,7 @@ export class InvestmentComponent implements OnInit {
public async Invest(): Promise<void> {
try {
if (this.Amount < 0) return this._CoreService.Toast('چیت نزن لطفا !')
if (this.Amount == 0) return this._CoreService.Toast('مقدار سرمایه گذاری نباید صفر باشد.')
if (this.Amount > this._CoreService.Wallets[0].balance) return this._CoreService.Toast('مقدار سرمایه گذاری در کیف پول شما نیست.')
this.Loading = true