убрал бабочек, поменял лого, доработал пути для получения json
This commit is contained in:
gofnnp 2022-10-24 22:54:26 +04:00
parent ed41ab6627
commit 0adafa4d1c
13 changed files with 26 additions and 28 deletions

View File

@ -1,3 +1,3 @@
<div class="container"> <div class="container">
<img src="./assets/logo.svg" alt="Логотип"> <img src="./assets/logo.png" alt="Логотип">
</div> </div>

View File

@ -5,6 +5,10 @@
height: 39px; height: 39px;
background: #09467F; background: #09467F;
color: #fff; color: #fff;
img {
height: 26px;
margin-left: 4px;
}
} }
.title { .title {

View File

@ -42,7 +42,7 @@ export class AccountComponent implements OnInit {
readonly MainPageCode = MainPageCode; readonly MainPageCode = MainPageCode;
readonly mainPageList = PageListMain; readonly mainPageList = PageListMain;
public currentPageMain: Page = this.mainPageList[1]; public currentPageMain: Page = this.mainPageList[0];
ngOnInit(): void { ngOnInit(): void {
if (!this.getToken()) { if (!this.getToken()) {

View File

@ -40,7 +40,7 @@
></p-progressSpinner> ></p-progressSpinner>
</button> </button>
</p> </p>
<div class="decoration-pattern" style="background: url('./assets/card-decorative-pattern.png') no-repeat;"></div> <!-- <div class="decoration-pattern" style="background: url('./assets/card-decorative-pattern.png') no-repeat;"></div> -->
</form> </form>
</ng-container> </ng-container>
<ng-template #confirmPhoneField> <ng-template #confirmPhoneField>
@ -94,6 +94,6 @@
<p style="color: red; margin: 0" *ngIf="errorConfirmCode"> <p style="color: red; margin: 0" *ngIf="errorConfirmCode">
Пароль введен неверно Пароль введен неверно
</p> </p>
<div class="decoration-pattern" style="background: url('./assets/card-decorative-pattern.png') no-repeat;"></div> <!-- <div class="decoration-pattern" style="background: url('./assets/card-decorative-pattern.png') no-repeat;"></div> -->
</form> </form>
</ng-template> </ng-template>

View File

@ -39,7 +39,7 @@
background: #ffffff; background: #ffffff;
box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
border-radius: 15px; border-radius: 15px;
min-height: 262px; // min-height: 262px;
max-width: 400px; max-width: 400px;
overflow: auto; overflow: auto;
position: relative; position: relative;

View File

@ -4,14 +4,14 @@
<div style="display: flex; justify-content: center"> <div style="display: flex; justify-content: center">
<div class="card-container"> <div class="card-container">
<div class="card-container__header"> <div class="card-container__header">
<img src="./assets/logo.svg" alt="Логотип карта" /> <img src="./assets/logo.png" alt="Логотип карта" />
<span *ngIf="accountData">#{{ accountData.CardNumber }}</span> <span *ngIf="accountData">#{{ accountData.CardNumber }}</span>
</div> </div>
<div class="card-container__decorative-pattern"> <div class="card-container__decorative-pattern">
<!-- <div class="imgs-row"></div> <!-- <div class="imgs-row"></div>
<div class="imgs-row" style="background-position-x: -22px;"></div> <div class="imgs-row" style="background-position-x: -22px;"></div>
<div class="imgs-row"></div> --> <div class="imgs-row"></div> -->
<img src="./assets/card-decorative-pattern.svg" alt="" /> <!-- <img src="./assets/card-decorative-pattern.svg" alt="" /> -->
</div> </div>
<div class="card-container__content"> <div class="card-container__content">
<div class="info"> <div class="info">
@ -47,5 +47,5 @@
</div> </div>
</div> </div>
</div> </div>
<button *ngIf="deviceType == 'ios'" class="add-to-wallet" (click)="addCardToWallet($event)">Добавить в Apple Wallet</button> <!-- <button *ngIf="deviceType == 'ios'" class="add-to-wallet" (click)="addCardToWallet($event)">Добавить в Apple Wallet</button> -->
</div> </div>

View File

@ -3,14 +3,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
& > h2 { &>h2 {
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 20px; font-size: 20px;
line-height: 24px; line-height: 24px;
} }
& > p { &>p {
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 15px; font-size: 15px;
@ -35,8 +35,9 @@
justify-content: space-between; justify-content: space-between;
img { img {
height: 38px; height: 32px;
margin-top: 15px; margin-top: 15px;
margin-left: 8px;
} }
span { span {
@ -56,6 +57,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
img { img {
height: 90px; height: 90px;
} }
@ -103,6 +105,7 @@
#barcode { #barcode {
border-radius: 16px; border-radius: 16px;
&.hidden { &.hidden {
display: none; display: none;
width: 0; width: 0;
@ -154,12 +157,12 @@
} }
&.active_back { &.active_back {
> .card-content__front { >.card-content__front {
transform: rotateY(180deg); transform: rotateY(180deg);
opacity: 0; opacity: 0;
} }
> .card-content__back { >.card-content__back {
opacity: 1; opacity: 1;
transform: rotateY(0deg); transform: rotateY(0deg);
} }
@ -206,4 +209,4 @@
color: #fff; color: #fff;
} }
} }
} }

View File

@ -72,7 +72,7 @@
>Нажимая кнопку, Вы соглашаетесь с Политикой обработки персональных >Нажимая кнопку, Вы соглашаетесь с Политикой обработки персональных
данных.</span данных.</span
> >
<div class="decoration-pattern"> <!-- <div class="decoration-pattern">
<img <img
style="height: 34px" style="height: 34px"
src="./assets/card-decorative-pattern.svg" src="./assets/card-decorative-pattern.svg"
@ -83,5 +83,5 @@
src="./assets/card-decorative-pattern.svg" src="./assets/card-decorative-pattern.svg"
alt="" alt=""
/> />
</div> </div> -->
</form> </form>

View File

@ -1,7 +1,7 @@
<div class="main-container"> <div class="main-container">
<app-navbar></app-navbar> <app-navbar></app-navbar>
<p-toast position="top-center"></p-toast> <p-toast position="top-center"></p-toast>
<app-footer-buttons [token]="token" [deferredPrompt]="deferredPrompt" <!-- <app-footer-buttons [token]="token" [deferredPrompt]="deferredPrompt"
[isPermissionNotifications]="isPermissionNotifications" (downloadingPWA)="downloadPWA()" [isPermissionNotifications]="isPermissionNotifications" (downloadingPWA)="downloadPWA()"
(requestingPermission)="requestPermission()"></app-footer-buttons> (requestingPermission)="requestPermission()"></app-footer-buttons> -->
</div> </div>

View File

@ -43,7 +43,7 @@ export class WpJsonService {
} }
getAllData(): Observable<any> { getAllData(): Observable<any> {
return this._request('nomen_1eb3fb56-3c4c-43b7-9a04-ce532ab7548f.json', 'GET') return this._request('static/nomen_1eb3fb56-3c4c-43b7-9a04-ce532ab7548f.json', 'GET')
} }
_request(path: string, method: string, body?: any, auth = false): Observable<any> { _request(path: string, method: string, body?: any, auth = false): Observable<any> {

BIN
angular/src/assets/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 51 KiB