49 lines
1.8 KiB
HTML
49 lines
1.8 KiB
HTML
<div class="woocommerce-MyAccount-content">
|
||
<h2>{{ currentPage.name }}</h2>
|
||
<!-- <p>{{currentPage.description}}</p> -->
|
||
<div style="display: flex; justify-content: center">
|
||
<div class="card-container">
|
||
<div class="card-container__header">
|
||
<img src="./assets/logo.svg" alt="Логотип карта" />
|
||
<span *ngIf="accountData">#{{ accountData.CardNumber }}</span>
|
||
</div>
|
||
<div class="card-container__decorative-pattern">
|
||
<!-- <div class="imgs-row"></div>
|
||
<div class="imgs-row" style="background-position-x: -22px;"></div>
|
||
<div class="imgs-row"></div> -->
|
||
<img src="./assets/card-decorative-pattern.png" alt="" />
|
||
</div>
|
||
<div class="card-container__content">
|
||
<div class="info">
|
||
<div *ngIf="accountData" class="row">
|
||
<span class="key">Имя</span>
|
||
<span class="value">{{
|
||
userName && userName.length ? userName : 'Не задано'
|
||
}}</span>
|
||
</div>
|
||
<div *ngIf="accountData" class="row">
|
||
<span class="key">Баланс карты</span>
|
||
<span class="value">{{ bonuses }}</span>
|
||
</div>
|
||
</div>
|
||
<div class="card-container__barcode-container">
|
||
<svg
|
||
id="barcode"
|
||
[ngClass]="{
|
||
hidden: loadingBonuses
|
||
}"
|
||
></svg>
|
||
<p-progressSpinner
|
||
*ngIf="loadingBonuses"
|
||
[style]="{ width: '100%' }"
|
||
[ngStyle]="{width: '90px'}"
|
||
strokeWidth="2"
|
||
styleClass="angular-spinner"
|
||
></p-progressSpinner>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button *ngIf="deviceType == 'ios'" class="add-to-wallet" (click)="addCardToWallet($event)">Добавить в Apple Wallet</button>
|
||
</div>
|