dev #14384 Правка ошибок отображения WPA КофеЛайк: change user info data
This commit is contained in:
nikolay
parent
b7cc0ed72d
commit
656e41b8cf
@ -199,14 +199,29 @@ export interface UserInfoWalletBalance {
|
||||
wallet: UserInfoWallet;
|
||||
}
|
||||
|
||||
export interface CurrentInfo {
|
||||
current_cashback: number;
|
||||
current_level: number;
|
||||
}
|
||||
|
||||
export interface LastPurchase {
|
||||
last_purchase_date: string;
|
||||
last_purchase_sum: number;
|
||||
}
|
||||
|
||||
export interface NextLevel {
|
||||
cashback: number;
|
||||
next_level: number;
|
||||
sum_for_next_level: number;
|
||||
}
|
||||
|
||||
export interface UserInfo {
|
||||
OrdersSum: number;
|
||||
categories: UserInfoCategory[];
|
||||
customer_level: number;
|
||||
current_level_and_cashback?: CurrentInfo;
|
||||
last_purchase?: LastPurchase;
|
||||
id: string;
|
||||
name: string | null;
|
||||
phone: string;
|
||||
walletBalances: UserInfoWalletBalance[] | { error: ResponseError };
|
||||
walletBalances: number;
|
||||
next_level: NextLevel;
|
||||
}
|
||||
|
||||
export interface ResponseError {
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<h2>Ваш предыдущий заказ</h2>
|
||||
<div class="info-order">
|
||||
<p class="flex"><span>Дата: </span>
|
||||
<span *ngIf="!loading">{{(lastOrder?.transactionCreateDate | date:'dd.MM.yyyyг.') || 'Данные не найдены'}}</span>
|
||||
<span *ngIf="!loading">{{(lastOrder?.last_purchase_date | date:'dd.MM.yyyyг.') || 'Данные не найдены'}}</span>
|
||||
<ng-container *ngIf="loading">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
||||
@ -9,7 +9,7 @@
|
||||
</ng-container>
|
||||
</p>
|
||||
<p class="flex"><span>На сумму: </span>
|
||||
<span *ngIf="!loading">{{lastOrder?.orderSum ? lastOrder?.orderSum + ' ₽' : 'Данные не найдены'}}</span>
|
||||
<span *ngIf="!loading">{{lastOrder ? lastOrder.last_purchase_sum + ' ₽' : 'Данные не найдены'}}</span>
|
||||
<ng-container *ngIf="loading">
|
||||
<ng-container
|
||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { Component, Input, OnInit } from '@angular/core';
|
||||
import { Purchase } from 'src/app/interface/data';
|
||||
import { LastPurchase } from 'src/app/interface/data';
|
||||
|
||||
@Component({
|
||||
selector: 'app-last-order[lastOrder]',
|
||||
@ -7,12 +7,11 @@ import { Purchase } from 'src/app/interface/data';
|
||||
styleUrls: ['./last-order.component.scss']
|
||||
})
|
||||
export class LastOrderComponent implements OnInit {
|
||||
@Input() lastOrder?: Purchase;
|
||||
@Input() lastOrder?: LastPurchase;
|
||||
@Input() loading!: boolean;
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -3,17 +3,12 @@
|
||||
<div class="guest-card">
|
||||
<div class="top-info">
|
||||
<div class="top-info__level">
|
||||
<p id="level">Уровень {{ authService.userInfo.customer_level }}</p>
|
||||
<p id="level">Уровень {{ authService.userInfo.current_level_and_cashback?.current_level ?? '--' }}</p>
|
||||
<p id="level-percent">Кэшбек {{ authService.currentLvlPeriod.percent }}%</p>
|
||||
</div>
|
||||
<p class="top-info__bonus">
|
||||
<ng-container *ngIf="!isNegativeBalance">
|
||||
{{ Math.floor(authService.getBalanceAmount($any(authService.userInfo.walletBalances))) }}
|
||||
бонусов
|
||||
</ng-container>
|
||||
<ng-container *ngIf="isNegativeBalance">
|
||||
Ошибка! Отрицательный баланс бонусов
|
||||
</ng-container>
|
||||
<p class="top-info__bonus">
|
||||
{{ Math.floor(authService.userInfo.walletBalances) }}
|
||||
бонусов
|
||||
</p>
|
||||
</div>
|
||||
<div class="guest-card__qr" (click)="qrCodeClick()">
|
||||
@ -29,9 +24,7 @@
|
||||
<ng-container *ngIf="authService.currentLvlPeriod.end">
|
||||
Осталось купить на сумму
|
||||
<span class="price">{{
|
||||
authService.currentLvlPeriod.end -
|
||||
(authService.userInfo.OrdersSum) +
|
||||
1
|
||||
authService.userInfo.next_level.sum_for_next_level
|
||||
}}</span>
|
||||
рублей, тогда кэшбек будет
|
||||
<span class="percent"
|
||||
@ -39,7 +32,7 @@
|
||||
>
|
||||
с
|
||||
{{
|
||||
authService.purchaseData.currentPeriod[1]
|
||||
authService.currentPeriod[1]
|
||||
.locale("ru")
|
||||
.format("D MMMM")
|
||||
}}
|
||||
@ -53,7 +46,7 @@
|
||||
</div>
|
||||
<span id="bonuses-condition"></span>
|
||||
<app-last-order
|
||||
[lastOrder]="authService.purchaseData.lastPurchase"
|
||||
[lastOrder]="authService.userInfo?.last_purchase"
|
||||
[loading]="authService.loading"
|
||||
></app-last-order>
|
||||
<a class="guest-card__loyalty-program" routerLink="loyality-program"
|
||||
|
||||
@ -17,11 +17,6 @@ export class GuestCardComponent implements OnInit {
|
||||
private isQrCodeClicked: boolean = false;
|
||||
public Math: Math = Math;
|
||||
public showBack: boolean = false;
|
||||
public negativeBalance: boolean = false;
|
||||
|
||||
get isNegativeBalance(): boolean {
|
||||
return !Array.isArray(this.authService.userInfo?.walletBalances);
|
||||
}
|
||||
|
||||
constructor(
|
||||
private _bottomSheet: MatBottomSheet,
|
||||
@ -32,7 +27,6 @@ export class GuestCardComponent implements OnInit {
|
||||
) { }
|
||||
|
||||
ngOnInit(): void {
|
||||
this.negativeBalance = !Array.isArray(this.authService.userInfo?.walletBalances);
|
||||
this.showBack = getTypeDevice() === DeviceType.android;
|
||||
|
||||
this.requestPermission();
|
||||
|
||||
@ -1,11 +1,7 @@
|
||||
<app-navbar
|
||||
*ngIf="phoneForm.value.phone && !isShowNumber"
|
||||
[title]="phoneForm.value.phone"
|
||||
[backEvent]="backToPhoneForm"
|
||||
[ngStyle]="{
|
||||
position: 'absolute',
|
||||
top: 0
|
||||
}"
|
||||
[backEvent]="backToPhoneForm"
|
||||
></app-navbar>
|
||||
<h1>Участвуй в программе лояльности COFFEE LIKE</h1>
|
||||
<p class="description">Начни получать бонусы прямо сейчас</p>
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
:host {
|
||||
padding-top: 48px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
@ -1,105 +1,105 @@
|
||||
<app-navbar title="Программа лояльности" [backEvent]="goBack"></app-navbar>
|
||||
|
||||
<ng-container *ngIf="authService.currentLvlPeriod">
|
||||
<div class="loyality-program">
|
||||
<app-accordion header="Условия начисления бонусов">
|
||||
<p>
|
||||
Ваш текущий уровень {{ authService.userInfo?.customer_level }},
|
||||
поэтому вам начисляется {{ authService.currentLvlPeriod.percent }}% от суммы покупки.
|
||||
</p>
|
||||
<p>
|
||||
Смена уровня произойдет в начале следующего квартала,
|
||||
{{ authService.purchaseData.currentPeriod[1]
|
||||
.locale("ru")
|
||||
.format("DD.MM.YY") }}.
|
||||
</p>
|
||||
</app-accordion>
|
||||
<app-accordion header="Уровни бонусной программы">
|
||||
<p>
|
||||
Начисление Бонусных баллов происходит по дифференцированной шкале в
|
||||
зависимости от уровня:
|
||||
</p>
|
||||
<div class="loyality-program">
|
||||
<app-accordion header="Условия начисления бонусов">
|
||||
<p>
|
||||
Ваш текущий уровень {{ authService.userInfo?.current_level_and_cashback?.current_level ?? '--' }},
|
||||
поэтому вам начисляется {{ authService.currentLvlPeriod.percent }}% от суммы покупки.
|
||||
</p>
|
||||
<p>
|
||||
Смена уровня произойдет в начале следующего квартала,
|
||||
{{ authService.currentPeriod[1]
|
||||
.locale("ru")
|
||||
.format("DD.MM.YY") }}.
|
||||
</p>
|
||||
</app-accordion>
|
||||
<app-accordion header="Уровни бонусной программы">
|
||||
<p>
|
||||
Начисление Бонусных баллов происходит по дифференцированной шкале в
|
||||
зависимости от уровня:
|
||||
</p>
|
||||
|
||||
<ng-container
|
||||
*ngFor="let item of lvlPeriods; let index = index; let last = last"
|
||||
>
|
||||
<ng-container *ngIf="!last">
|
||||
<ul>
|
||||
<span [style]="{ color: item.color }">Уровень {{ index + 1 }}</span>
|
||||
<li>
|
||||
Сумма покупок за прошлый квартал {{ item.start }}-{{ item.end }}
|
||||
руб.
|
||||
</li>
|
||||
<li>Начисляемый бонус {{ item.percent }}% от суммы покупки</li>
|
||||
</ul>
|
||||
<br />
|
||||
</ng-container>
|
||||
<ng-container *ngIf="last">
|
||||
<ul>
|
||||
<span [style]="{ color: item.color }">Уровень {{ index + 1 }}</span>
|
||||
<li>Сумма покупок за прошлый квартал — от {{ item.start }} руб.</li>
|
||||
<li>Начисляемый бонус, в % от суммы покупки - {{ item.percent }}%</li>
|
||||
</ul>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</app-accordion>
|
||||
|
||||
<app-accordion header="Условия «оплаты» покупки бонусами">
|
||||
<p>
|
||||
Участник может использовать Бонусы для «оплаты» до 100% стоимости любой
|
||||
покупки.
|
||||
</p>
|
||||
<p>
|
||||
Списание Бонусов происходит из расчета 1:1 (один Бонус дает скидку 1
|
||||
российский рубль / 1 тенге / 1 белорусский рубль. Скидка, предоставляемая
|
||||
Участнику при списании Бонусов, уменьшает цену товаров в заказе в
|
||||
соответствии с условиями ПЛ.
|
||||
</p>
|
||||
<p>
|
||||
Для списания Бонусов Участник должен попросить об этом в кофе-баре сети
|
||||
«COFFEE LIKE» кассира до момента пробития фискального чека, после чего им
|
||||
будет проверена возможность списания Бонусов.
|
||||
</p>
|
||||
<p>
|
||||
Для всех Участников возможно списание без использования мобильного
|
||||
приложения.
|
||||
</p>
|
||||
<p>Полученные Бонусы не подлежат обмену на денежные средства.</p>
|
||||
</app-accordion>
|
||||
<app-accordion header="Особые условия">
|
||||
<p>
|
||||
Начисленные на счет бонусы сгорают по прошествии 90 дней с момента
|
||||
совершения последней покупки с начислением или списанием бонусов.
|
||||
</p>
|
||||
|
||||
<ng-container
|
||||
*ngFor="let item of lvlPeriods; let index = index; let last = last"
|
||||
>
|
||||
<ng-container *ngIf="!last">
|
||||
<ul>
|
||||
<span [style]="{ color: item.color }">Уровень {{ index + 1 }}</span>
|
||||
<li>
|
||||
Сумма покупок за прошлый квартал {{ item.start }}-{{ item.end }}
|
||||
руб.
|
||||
</li>
|
||||
<li>Начисляемый бонус {{ item.percent }}% от суммы покупки</li>
|
||||
Возврат покупки, за которую бонусы были начислены:
|
||||
<li>
|
||||
В случае, если бонусов на счету достаточно для списания, бонусы
|
||||
списываются в полном ранее начисленном за возвращаемый товар объеме.
|
||||
</li>
|
||||
<li>
|
||||
В случае, если бонусов на счету недостаточно, формируется минусовой
|
||||
баланс.
|
||||
</li>
|
||||
</ul>
|
||||
<br />
|
||||
</ng-container>
|
||||
<ng-container *ngIf="last">
|
||||
|
||||
<ul>
|
||||
<span [style]="{ color: item.color }">Уровень {{ index + 1 }}</span>
|
||||
<li>Сумма покупок за прошлый квартал — от {{ item.start }} руб.</li>
|
||||
<li>Начисляемый бонус, в % от суммы покупки - {{ item.percent }}%</li>
|
||||
Возврат покупки, которая была оплачена бонусами:
|
||||
<li>
|
||||
В случае предъявления Участником кассового или товарного чека, сумма
|
||||
бонусов, списанная для оплаты возвращаемого товара, зачисляется на счет
|
||||
участника.
|
||||
</li>
|
||||
<li>
|
||||
В случае возврата товара с применением оплаты бонусами, клиенту
|
||||
возвращается денежная сумма в размере, внесенном Участником в оплату
|
||||
товара при покупке, за вычетом суммы, оплаченной бонусами.
|
||||
</li>
|
||||
</ul>
|
||||
</ng-container>
|
||||
</ng-container>
|
||||
</app-accordion>
|
||||
</app-accordion>
|
||||
|
||||
<app-accordion header="Условия «оплаты» покупки бонусами">
|
||||
<p>
|
||||
Участник может использовать Бонусы для «оплаты» до 100% стоимости любой
|
||||
покупки.
|
||||
</p>
|
||||
<p>
|
||||
Списание Бонусов происходит из расчета 1:1 (один Бонус дает скидку 1
|
||||
российский рубль / 1 тенге / 1 белорусский рубль. Скидка, предоставляемая
|
||||
Участнику при списании Бонусов, уменьшает цену товаров в заказе в
|
||||
соответствии с условиями ПЛ.
|
||||
</p>
|
||||
<p>
|
||||
Для списания Бонусов Участник должен попросить об этом в кофе-баре сети
|
||||
«COFFEE LIKE» кассира до момента пробития фискального чека, после чего им
|
||||
будет проверена возможность списания Бонусов.
|
||||
</p>
|
||||
<p>
|
||||
Для всех Участников возможно списание без использования мобильного
|
||||
приложения.
|
||||
</p>
|
||||
<p>Полученные Бонусы не подлежат обмену на денежные средства.</p>
|
||||
</app-accordion>
|
||||
<app-accordion header="Особые условия">
|
||||
<p>
|
||||
Начисленные на счет бонусы сгорают по прошествии 90 дней с момента
|
||||
совершения последней покупки с начислением или списанием бонусов.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
Возврат покупки, за которую бонусы были начислены:
|
||||
<li>
|
||||
В случае, если бонусов на счету достаточно для списания, бонусы
|
||||
списываются в полном ранее начисленном за возвращаемый товар объеме.
|
||||
</li>
|
||||
<li>
|
||||
В случае, если бонусов на счету недостаточно, формируется минусовой
|
||||
баланс.
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
Возврат покупки, которая была оплачена бонусами:
|
||||
<li>
|
||||
В случае предъявления Участником кассового или товарного чека, сумма
|
||||
бонусов, списанная для оплаты возвращаемого товара, зачисляется на счет
|
||||
участника.
|
||||
</li>
|
||||
<li>
|
||||
В случае возврата товара с применением оплаты бонусами, клиенту
|
||||
возвращается денежная сумма в размере, внесенном Участником в оплату
|
||||
товара при покупке, за вычетом суммы, оплаченной бонусами.
|
||||
</li>
|
||||
</ul>
|
||||
</app-accordion>
|
||||
|
||||
</div>
|
||||
|
||||
<app-footer></app-footer>
|
||||
<app-footer></app-footer>
|
||||
</ng-container>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
.loyality-program {
|
||||
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@ -4,34 +4,25 @@ import { WpJsonService } from './wp-json.service';
|
||||
import { environment } from 'src/environments/environment';
|
||||
import { JsonrpcService, RpcService } from './jsonrpc.service';
|
||||
import { MessageService } from 'primeng/api';
|
||||
import { UserInfo, Purchase, lvlPeriod, UserInfoWalletBalance, ResponseError } from '../interface/data';
|
||||
import { UserInfo, lvlPeriod, UserInfoWalletBalance, Moment } from '../interface/data';
|
||||
import { lvlPeriods } from 'src/app/app.constants';
|
||||
import moment, { Moment } from 'moment-timezone';
|
||||
import moment from 'moment-timezone';
|
||||
import { Router } from '@angular/router';
|
||||
|
||||
export interface IPurchaseData {
|
||||
currentPeriod: Moment[];
|
||||
lastPeriod: Moment[];
|
||||
currentAmount?: number;
|
||||
lastPurchase?: Purchase;
|
||||
}
|
||||
|
||||
@Injectable({
|
||||
providedIn: 'root',
|
||||
})
|
||||
export class AuthService {
|
||||
public purchaseData: IPurchaseData = {
|
||||
currentPeriod: [],
|
||||
lastPeriod: [],
|
||||
lastPurchase: undefined,
|
||||
};
|
||||
lastPeriod: Moment[] = [];
|
||||
currentPeriod: Moment[] = [];
|
||||
userInfo?: UserInfo;
|
||||
loading: boolean = false;
|
||||
error: any;
|
||||
timeLeft: number = 0;
|
||||
|
||||
get currentLvlPeriod(): lvlPeriod {
|
||||
return lvlPeriods[this.userInfo ? this.userInfo.customer_level - 1 : 0];
|
||||
return lvlPeriods[
|
||||
this.userInfo?.current_level_and_cashback ? this.userInfo?.current_level_and_cashback.current_level - 1 : 0];
|
||||
}
|
||||
|
||||
constructor(
|
||||
@ -90,13 +81,14 @@ export class AuthService {
|
||||
this.userInfo = value.customer_info;
|
||||
|
||||
this.cookiesService.setCookie('phone-number', this.userInfo!.phone?.slice(2));
|
||||
|
||||
this.getLastPurchase();
|
||||
}
|
||||
},
|
||||
error: (e) => {
|
||||
this.error = e;
|
||||
},
|
||||
complete: () => {
|
||||
this.loading = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@ -234,31 +226,18 @@ export class AuthService {
|
||||
|
||||
for (let i = 0; i < 4; i++) {
|
||||
if (moment().isBetween(quarters[i][0], quarters[i][1])) {
|
||||
this.purchaseData.lastPeriod = quarters[i - 1];
|
||||
this.purchaseData.currentPeriod = quarters[i];
|
||||
this.lastPeriod = quarters[i - 1];
|
||||
this.currentPeriod = quarters[i];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
getNextLevel(): lvlPeriod {
|
||||
if (this.userInfo?.customer_level === lvlPeriods.length) {
|
||||
return lvlPeriods[lvlPeriods.length - 1];
|
||||
if (this.userInfo?.next_level.next_level) {
|
||||
return lvlPeriods[this.userInfo.next_level.next_level];
|
||||
}
|
||||
return this.userInfo && lvlPeriods[this.userInfo?.customer_level] || lvlPeriods[0];
|
||||
}
|
||||
|
||||
getLastPurchase() {
|
||||
this.loading = true;
|
||||
if (this.userInfo) {
|
||||
this.wpJsonService.getLastPurchase(environment.systemId, this.token!).subscribe({
|
||||
next: (res) => {
|
||||
this.purchaseData.lastPurchase = res[this.userInfo!.id][0];
|
||||
},
|
||||
complete: () => {
|
||||
this.loading = false;
|
||||
},
|
||||
});
|
||||
}
|
||||
return lvlPeriods[0];
|
||||
}
|
||||
|
||||
getBalanceAmount(loyaltyPrograms: UserInfoWalletBalance[]) {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user