invest issue fixed with better ux
parent
b0daab5f9b
commit
77b0b6712d
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue