From 186351984f526afdd095904592690ca18a99408f Mon Sep 17 00:00:00 2001 From: gofnnp Date: Mon, 5 Dec 2022 08:43:06 +0400 Subject: [PATCH] =?UTF-8?q?dev=20#13306=20=D0=BC=D0=B5=D0=BB=D0=BA=D0=B8?= =?UTF-8?q?=D0=B5=20=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../bonus-program.component.html | 4 +- .../bonus-program.component.scss | 16 +------- .../src/app/pages/info/info.component.html | 24 ++++++++++++ .../src/app/pages/info/info.component.scss | 0 .../src/app/pages/info/info.component.spec.ts | 23 +++++++++++ angular/src/app/pages/info/info.component.ts | 39 +++++++++++++++++++ 6 files changed, 90 insertions(+), 16 deletions(-) create mode 100644 angular/src/app/pages/info/info.component.html create mode 100644 angular/src/app/pages/info/info.component.scss create mode 100644 angular/src/app/pages/info/info.component.spec.ts create mode 100644 angular/src/app/pages/info/info.component.ts diff --git a/angular/src/app/pages/account/bonus-program/bonus-program.component.html b/angular/src/app/pages/account/bonus-program/bonus-program.component.html index 9247730..e6c7661 100644 --- a/angular/src/app/pages/account/bonus-program/bonus-program.component.html +++ b/angular/src/app/pages/account/bonus-program/bonus-program.component.html @@ -15,7 +15,7 @@
-
+
Имя {{ userName @@ -24,7 +24,7 @@ >Не задано
-
+
Баланс карты {{ accountData.Bonuses }}
diff --git a/angular/src/app/pages/account/bonus-program/bonus-program.component.scss b/angular/src/app/pages/account/bonus-program/bonus-program.component.scss index c8c07e9..25b60a2 100644 --- a/angular/src/app/pages/account/bonus-program/bonus-program.component.scss +++ b/angular/src/app/pages/account/bonus-program/bonus-program.component.scss @@ -25,7 +25,6 @@ background: #09467f; box-shadow: 0px 0px 5px rgb(0 0 0 / 15%); border-radius: 15px; - height: 466px; margin-top: 11px; overflow: hidden; max-width: 400px; @@ -56,7 +55,6 @@ &__decorative-pattern { height: 122px; background-color: #fff; - // padding-top: 9px; display: flex; justify-content: center; align-items: center; @@ -64,11 +62,6 @@ img { height: 90px; } - - // .imgs-row { - // background: url("./assets/card-decorative-pattern.png") repeat-x; - // height: 32%; - // } } &__content { @@ -76,15 +69,15 @@ color: #fff; .info { - height: 79px; border-bottom: solid #fff 1px; padding: 14px 18px; - .row { + &__row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px; + gap: 90px; .key { font-size: 14px; @@ -145,11 +138,6 @@ background-size: cover; } - // &__front { - // transform: rotateY(0deg); - // background-image: url(./assets/background.svg); - // } - &__back { position: absolute; opacity: 0; diff --git a/angular/src/app/pages/info/info.component.html b/angular/src/app/pages/info/info.component.html new file mode 100644 index 0000000..436f8f5 --- /dev/null +++ b/angular/src/app/pages/info/info.component.html @@ -0,0 +1,24 @@ +

info works!

+ + + ... +
+
First slide label
+

Nulla vitae elit libero, a pharetra augue mollis interdum.

+
+ + + ... +
+
Second slide label
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ + + ... +
+
Third slide label
+

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

+
+ + \ No newline at end of file diff --git a/angular/src/app/pages/info/info.component.scss b/angular/src/app/pages/info/info.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/angular/src/app/pages/info/info.component.spec.ts b/angular/src/app/pages/info/info.component.spec.ts new file mode 100644 index 0000000..93617f1 --- /dev/null +++ b/angular/src/app/pages/info/info.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { InfoComponent } from './info.component'; + +describe('InfoComponent', () => { + let component: InfoComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ InfoComponent ] + }) + .compileComponents(); + + fixture = TestBed.createComponent(InfoComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/angular/src/app/pages/info/info.component.ts b/angular/src/app/pages/info/info.component.ts new file mode 100644 index 0000000..a2ee41c --- /dev/null +++ b/angular/src/app/pages/info/info.component.ts @@ -0,0 +1,39 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-info', + templateUrl: './info.component.html', + styleUrls: ['./info.component.scss'] +}) +export class InfoComponent implements OnInit { + public imageObject = [{ + image: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/5.jpg', + thumbImage: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/5.jpg', + title: 'Hummingbirds are amazing creatures' + }, { + image: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/9.jpg', + thumbImage: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/9.jpg' + }, { + image: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/4.jpg', + thumbImage: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/4.jpg', + title: 'Example with title.' + }, { + image: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/7.jpg', + thumbImage: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/7.jpg', + title: 'Hummingbirds are amazing creatures' + }, { + image: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/1.jpg', + thumbImage: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/1.jpg' + }, { + image: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/2.jpg', + thumbImage: 'https://sanjayv.github.io/ng-image-slider/contents/assets/img/slider/2.jpg', + title: 'Example two with title.' + }]; + + + constructor() { } + + ngOnInit(): void { + } + +}