dev #14384 Правка ошибок отображения WPA КофеЛайк:
fix header; add link to banner; fix last purchase loading;
This commit is contained in:
nikolay
parent
e5ae004a29
commit
b7cc0ed72d
@ -17,7 +17,9 @@
|
|||||||
</ng-container>
|
</ng-container>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<img src="./assets/970х250_3.png" alt="" width="100%" />
|
<a href="https://promo.coffee-like.com/?utm_medium=prilozhenie">
|
||||||
|
<img src="./assets/970х250_3.png" alt="" width="100%" />
|
||||||
|
</a>
|
||||||
<a href="https://yandex.ru/profile/151770398186" target="_blank">
|
<a href="https://yandex.ru/profile/151770398186" target="_blank">
|
||||||
<button class="evaluate-order">Оценить заказ</button>
|
<button class="evaluate-order">Оценить заказ</button>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@ -1,8 +1,11 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="back">
|
<div class="block">
|
||||||
<mat-icon *ngIf="backEvent" style="cursor: pointer;" aria-hidden="false" aria-label="Назад" fontIcon="arrow_back_ios" class="back-arrow" (click)="back()"></mat-icon>
|
|
||||||
</div>
|
|
||||||
<h1 class="title">{{title}}</h1>
|
<h1 class="title">{{title}}</h1>
|
||||||
|
</div>
|
||||||
|
<div class="block">
|
||||||
|
<div class="back">
|
||||||
|
<mat-icon *ngIf="backEvent" style="cursor: pointer;" aria-hidden="false" aria-label="Назад" fontIcon="arrow_back_ios" class="back-arrow" (click)="back()"></mat-icon>
|
||||||
|
</div>
|
||||||
<!-- <div class="plug"></div> -->
|
<!-- <div class="plug"></div> -->
|
||||||
<div *ngIf="showDropdown" class="backdrop" (click)="closeMenu()"></div>
|
<div *ngIf="showDropdown" class="backdrop" (click)="closeMenu()"></div>
|
||||||
<div *ngIf="showMenu" class="menu">
|
<div *ngIf="showMenu" class="menu">
|
||||||
@ -44,4 +47,5 @@
|
|||||||
</button>
|
</button>
|
||||||
<button mat-stroked-button appDownloadApp>Установить</button>
|
<button mat-stroked-button appDownloadApp>Установить</button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -9,69 +9,75 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
box-sizing: border-box;
|
max-width: 600px;
|
||||||
padding: 12px 16px;
|
margin: 0 auto;
|
||||||
width: 100%;
|
box-sizing: border-box;
|
||||||
background: var(--button-color);
|
padding: 12px 16px;
|
||||||
color: var(--button-text-color);
|
width: 100%;
|
||||||
display: grid;
|
background: var(--button-color);
|
||||||
justify-content: space-between;
|
color: var(--button-text-color);
|
||||||
grid-template-columns: auto auto auto;
|
|
||||||
justify-items: center;
|
|
||||||
align-items: center;
|
|
||||||
.back {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
.back-arrow {
|
|
||||||
font-size: 16px;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
flex-direction: column;
|
||||||
justify-content: center;
|
gap: 10px;
|
||||||
}
|
.block {
|
||||||
.plug {
|
display: flex;
|
||||||
height: 24px;
|
justify-content: space-between;
|
||||||
width: 24px;
|
align-items: center;
|
||||||
visibility: hidden;
|
}
|
||||||
}
|
.back {
|
||||||
.title {
|
width: 40px;
|
||||||
font-weight: 700;
|
}
|
||||||
font-size: 17px;
|
.back-arrow {
|
||||||
line-height: 22px;
|
font-size: 16px;
|
||||||
margin: 0;
|
display: flex;
|
||||||
}
|
align-items: center;
|
||||||
.wrapper {
|
justify-content: center;
|
||||||
display: flex;
|
}
|
||||||
align-items: center;
|
.plug {
|
||||||
gap: 10px;
|
height: 24px;
|
||||||
min-width: 40px;
|
width: 24px;
|
||||||
}
|
visibility: hidden;
|
||||||
.menu {
|
}
|
||||||
position: relative;
|
.title {
|
||||||
|
font-weight: 700;
|
||||||
.menu__dropdown {
|
font-size: 17px;
|
||||||
z-index: 110;
|
line-height: 22px;
|
||||||
position: fixed;
|
margin: 0 auto;
|
||||||
background-color: white;
|
|
||||||
width: fit-content;
|
}
|
||||||
height: fit-content;
|
.wrapper {
|
||||||
right: 20px;
|
display: flex;
|
||||||
border-radius: 6px;
|
align-items: center;
|
||||||
box-shadow: 0px 2px 5px -3px black;
|
gap: 10px;
|
||||||
|
min-width: 40px;
|
||||||
.item_title {
|
}
|
||||||
color: var(--text-color);
|
.menu {
|
||||||
font-size: 14px;
|
position: relative;
|
||||||
font-style: normal;
|
|
||||||
}
|
.menu__dropdown {
|
||||||
}
|
z-index: 110;
|
||||||
}
|
position: fixed;
|
||||||
.backdrop {
|
background-color: white;
|
||||||
z-index: 100;
|
width: fit-content;
|
||||||
position: absolute;
|
height: fit-content;
|
||||||
width: 100vw;
|
right: 20px;
|
||||||
left: 0;
|
border-radius: 6px;
|
||||||
top: 0;
|
box-shadow: 0px 2px 5px -3px black;
|
||||||
height: 100vh;
|
|
||||||
}
|
.item_title {
|
||||||
|
color: var(--text-color);
|
||||||
|
font-size: 14px;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.backdrop {
|
||||||
|
z-index: 100;
|
||||||
|
position: absolute;
|
||||||
|
width: 100vw;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -97,9 +97,6 @@ export class AuthService {
|
|||||||
error: (e) => {
|
error: (e) => {
|
||||||
this.error = e;
|
this.error = e;
|
||||||
},
|
},
|
||||||
complete: () => {
|
|
||||||
this.loading = false;
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -251,11 +248,15 @@ export class AuthService {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getLastPurchase() {
|
getLastPurchase() {
|
||||||
|
this.loading = true;
|
||||||
if (this.userInfo) {
|
if (this.userInfo) {
|
||||||
this.wpJsonService.getLastPurchase(environment.systemId, this.token!).subscribe({
|
this.wpJsonService.getLastPurchase(environment.systemId, this.token!).subscribe({
|
||||||
next: (res) => {
|
next: (res) => {
|
||||||
this.purchaseData.lastPurchase = res[this.userInfo!.id][0];
|
this.purchaseData.lastPurchase = res[this.userInfo!.id][0];
|
||||||
},
|
},
|
||||||
|
complete: () => {
|
||||||
|
this.loading = false;
|
||||||
|
},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user