+Горячая линия
+8 (800) 333-41-30 +Пригласи друзей!
+
+
diff --git a/angular/src/app/components/invite-friends/invite-friends.component.scss b/angular/src/app/components/invite-friends/invite-friends.component.scss
new file mode 100644
index 0000000..0ff76c3
--- /dev/null
+++ b/angular/src/app/components/invite-friends/invite-friends.component.scss
@@ -0,0 +1,33 @@
+:host {
+ padding: 16px;
+ h2 {
+ font-style: normal;
+ font-weight: 700;
+ font-size: 17px;
+ line-height: 22px;
+ letter-spacing: -0.408px;
+ }
+
+ & .container {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ gap: 16px;
+
+ p {
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 16px;
+ color: #ffffff;
+ }
+
+ .share {
+ width: 72px;
+ height: 48px;
+ background: #28af49;
+ padding: 8px 26px;
+ border: none;
+ }
+ }
+}
diff --git a/angular/src/app/components/invite-friends/invite-friends.component.spec.ts b/angular/src/app/components/invite-friends/invite-friends.component.spec.ts
new file mode 100644
index 0000000..2c9c394
--- /dev/null
+++ b/angular/src/app/components/invite-friends/invite-friends.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InviteFriendsComponent } from './invite-friends.component';
+
+describe('InviteFriendsComponent', () => {
+ let component: InviteFriendsComponent;
+ let fixture: ComponentFixture+ Пригласи друзей зарегистрироваться в приложении по твоему уникальному коду и + получи бонусы, когда они совершат первую покупку. +
+ +Ваш предыдущий заказ
+
+
+
+Дата: 25 марта 2023 года
+На сумму: 230 ₽
++ Списание бонусов возможно на любые категории. Бонусами можно оплатить 100% + суммы покупки. Бонусы начисляются только на напитки с учётом добавок. + Неиспользованные бонусы сгорают в течение 90 дней. +
diff --git a/angular/src/app/components/last-order/last-order.component.scss b/angular/src/app/components/last-order/last-order.component.scss new file mode 100644 index 0000000..0184346 --- /dev/null +++ b/angular/src/app/components/last-order/last-order.component.scss @@ -0,0 +1,45 @@ +:host { + padding: 24px 16px 56px; + + & > h2 { + font-style: normal; + font-weight: 700; + font-size: 15px; + line-height: 20px; + letter-spacing: -0.24px; + } + + & > .info-order { + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 16px; + span { + color: #828282; + } + } + + .evaluate-order { + margin: 24px 0; + width: 100%; + padding: 12px; + text-align: center; + border: 2px solid #28af49; + border-radius: 6px; + font-style: normal; + font-weight: 700; + font-size: 17px; + line-height: 22px; + letter-spacing: -0.408px; + background-color: transparent; + color: #28af49; + } + + .info { + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 16px; + color: rgba(255, 255, 255, 0.5); + } +} diff --git a/angular/src/app/components/last-order/last-order.component.spec.ts b/angular/src/app/components/last-order/last-order.component.spec.ts new file mode 100644 index 0000000..101c8ed --- /dev/null +++ b/angular/src/app/components/last-order/last-order.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LastOrderComponent } from './last-order.component'; + +describe('LastOrderComponent', () => { + let component: LastOrderComponent; + let fixture: ComponentFixture
- 
+
diff --git a/angular/src/app/components/navbar/navbar.component.scss b/angular/src/app/components/navbar/navbar.component.scss
index d7f8be2..3e52122 100644
--- a/angular/src/app/components/navbar/navbar.component.scss
+++ b/angular/src/app/components/navbar/navbar.component.scss
@@ -1,14 +1,29 @@
.container {
- box-sizing: border-box;
- padding: 7px 0 0 5px;
- width: 100%;
- height: 39px;
- background: #09467F;
- color: #fff;
+ box-sizing: border-box;
+ padding: 12px 16px;
+ width: 100%;
+ background: #231f20;
+ box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.5);
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ .back-arrow {
+ font-size: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .plug {
+ height: 24px;
+ width: 24px;
+ visibility: hidden;
+ }
+ .title {
+ font-family: "Gotham Pro", sans-serif;
+ font-weight: 700;
+ font-size: 17px;
+ line-height: 22px;
+ margin: 0;
+ }
}
-
-.title {
- font-weight: 400;
- font-size: 18px;
- margin-left: 12px;
-}
\ No newline at end of file
diff --git a/angular/src/app/components/navbar/navbar.component.ts b/angular/src/app/components/navbar/navbar.component.ts
index 6a9bec8..c58fad0 100644
--- a/angular/src/app/components/navbar/navbar.component.ts
+++ b/angular/src/app/components/navbar/navbar.component.ts
@@ -1,11 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
@Component({
- selector: 'app-navbar',
+ selector: 'app-navbar[title]',
templateUrl: './navbar.component.html',
styleUrls: ['./navbar.component.scss']
})
export class NavbarComponent implements OnInit {
+ @Input() title: string = 'Название не задано'
constructor() { }
diff --git a/angular/src/app/components/social-media-buttons/social-media-buttons.component.html b/angular/src/app/components/social-media-buttons/social-media-buttons.component.html
new file mode 100644
index 0000000..98fc383
--- /dev/null
+++ b/angular/src/app/components/social-media-buttons/social-media-buttons.component.html
@@ -0,0 +1,3 @@
+
+
+ {{title}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Программы лояльности +
diff --git a/angular/src/app/pages/guest-card/guest-card.component.scss b/angular/src/app/pages/guest-card/guest-card.component.scss
new file mode 100644
index 0000000..1ad1850
--- /dev/null
+++ b/angular/src/app/pages/guest-card/guest-card.component.scss
@@ -0,0 +1,191 @@
+:host {
+ .guest-card {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 8px 0 0;
+ max-width: 600px;
+ margin: 0 auto;
+
+ &__qr {
+ padding: 10px;
+ width: fit-content;
+ background-image: linear-gradient(
+ #fff 33%,
+ transparent 0px,
+ transparent 67%,
+ #fff 0px
+ ),
+ linear-gradient(
+ 90deg,
+ #ffe 33%,
+ transparent 0px,
+ transparent 66%,
+ #fff 0px
+ ),
+ linear-gradient(#fff 33%, transparent 0px, transparent 67%, #fff 0),
+ linear-gradient(90deg, #fff 33%, transparent 0, transparent 66%, #fff 0);
+ background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
+ background-position: 0 0, 0 0, 100% 100%, 100% 100%;
+ background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
+ cursor: pointer;
+ }
+
+ &__user-description {
+ margin: 18px 0 0;
+ padding: 14px 24px;
+ width: 100%;
+ text-align: left;
+ border-top: 1px solid #fff;
+ border-bottom: 1px solid #fff;
+ // font-family: "Goldman";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19px;
+ letter-spacing: -0.5px;
+
+ span {
+ color: #f2994a;
+ }
+ }
+
+ &__purchases-description {
+ margin: 0;
+ padding: 14px 24px;
+ width: 100%;
+ text-align: left;
+ border-bottom: 1px solid #fff;
+ // font-family: "Goldman";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 19px;
+ letter-spacing: -0.5px;
+
+ span {
+ color: #219653;
+ }
+ }
+
+ &__level-info {
+ padding: 36px;
+
+ h2 {
+ font-style: normal;
+ font-weight: 700;
+ font-size: 17px;
+ line-height: 22px;
+ text-align: center;
+ letter-spacing: -0.408px;
+ }
+
+ input[type="range"] {
+ -webkit-appearance: none;
+ width: 100%;
+ height: 6px;
+ border-radius: 5px;
+ display: block;
+ position: relative;
+ background: #231f20;
+ box-shadow: 0px 0px 3px #f2c94c59;
+ background-image: linear-gradient(#f2c94c, #f2c94c);
+ background-size: 70% 100%;
+ background-repeat: no-repeat;
+
+ &::before,
+ &::after {
+ content: " ";
+ display: block;
+ width: 16px;
+ height: 16px;
+ border-radius: 100%;
+ position: absolute;
+ top: -5px;
+ }
+
+ &::before {
+ background-color: #f2c94c;
+ left: 0px;
+ }
+
+ &::after {
+ background-color: #f2c94c;
+ right: 0px;
+ }
+
+ &::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ background: #f2c94c;
+ width: 16px;
+ height: 16px;
+ border-radius: 100%;
+ }
+
+ &::-ms-thumb {
+ -webkit-appearance: none;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #f2c94c;
+ cursor: ew-resize;
+ box-shadow: 0 0 2px 0 #555;
+ transition: background 0.3s ease-in-out;
+ }
+
+ &::-moz-range-thumb {
+ -webkit-appearance: none;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ background: #f2c94c;
+ cursor: ew-resize;
+ box-shadow: 0 0 2px 0 #555;
+ transition: background 0.3s ease-in-out;
+ }
+ }
+
+ & > .show-more {
+ margin-top: 42px;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 16px;
+ text-align: center;
+ color: #28af49;
+ }
+ }
+
+ &__download-app {
+ width: 100%;
+ position: relative;
+ margin-top: 32px;
+ display: flex;
+ justify-content: flex-end;
+ img {
+ width: 100%;
+ max-width: calc(100% - 16px);
+ }
+ }
+
+ &__loyalty-program {
+ text-align: center;
+ color: rgba(255, 255, 255, 0.5);
+ font-style: normal;
+ font-weight: 400;
+ font-size: 12px;
+ line-height: 16px;
+ text-decoration: none;
+ margin: 17px 0 22px;
+ }
+ }
+}
+
+app-accordion {
+ ul {
+ li {
+ list-style-type: disc;
+ margin-left: 16px;
+ }
+ }
+}
diff --git a/angular/src/app/pages/guest-card/guest-card.component.spec.ts b/angular/src/app/pages/guest-card/guest-card.component.spec.ts
new file mode 100644
index 0000000..f9a4d88
--- /dev/null
+++ b/angular/src/app/pages/guest-card/guest-card.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GuestCardComponent } from './guest-card.component';
+
+describe('GuestCardComponent', () => {
+ let component: GuestCardComponent;
+ let fixture: ComponentFixture
+
+
+ За период с 11.01.2023 по 31.03.2023 вам начислено 360 бонусов
+
+ + Расчет начисления бонусов - 10% от суммы покупок за период с 11.01.2023г. + по 31.03.2023 г. +
++ За период с 11.01.2023г. по 31.03.2023 г. сумма ваших покупок составила + 3700 руб. +
+Начисляемый бонус 10% от суммы покупок
++ Участник может использовать Бонусы для «оплаты» до 100% стоимости любой + покупки. +
++ Списание Бонусов происходит из расчета 1:1 (один Бонус дает скидку 1 + российский рубль / 1 тенге / 1 белорусский рубль. Скидка, предоставляемая + Участнику при списании Бонусов, уменьшает цену товаров в заказе в + соответствии с условиями ПЛ. +
++ Для списания Бонусов Участник должен попросить об этом в кофе-баре сети + «COFFEE LIKE» кассира до момента пробития фискального чека, после чего им + будет проверена возможность списания Бонусов. +
++ Для всех Участников возможно списание без использования мобильного + приложения. +
+Полученные Бонусы не подлежат обмену на денежные средства.
++ Начисленные на счет бонусы сгорают по прошествии 90 дней с момента + совершения последней покупки с начислением или списанием бонусов. +
+ +-
+ Возврат покупки, за которую бонусы были начислены:
+
- + В случае, если бонусов на счету достаточно для списания, бонусы + списываются в полном ранее начисленном за возвращаемый товар объеме. + +
- + В случае, если бонусов на счету недостаточно, формируется минусовой + баланс. + +
-
+ Возврат покупки, которая была оплачена бонусами:
+
- + В случае предъявления Участником кассового или товарного чека, сумма + бонусов, списанная для оплаты возвращаемого товара, зачисляется на счет + участника. + +
- + В случае возврата товара с применением оплаты бонусами, клиенту + возвращается денежная сумма в размере, внесенном Участником в оплату + товара при покупке, за вычетом суммы, оплаченной бонусами. + +
+ Сумма ваших покупок за период с 01.04.2023г. - 1200 руб.
+
+ + Начисление Бонусных баллов происходит по дифференцированной шкале в + зависимости от уровня: +
+ +-
+ Уровень 1
+
- Сумма покупок за предыдущий период 0-1600 руб. +
- Начисляемый бонус 3% от суммы покупки +
+
-
+ Уровень 2
+
- Сумма покупок за предыдущий период 1601-3600 руб. +
- Начисляемый бонус 6% от суммы покупки +
+
-
+ Уровень 3
+
- Сумма покупок за предыдущий период 3601-8600 руб. +
- Начисляемый бонус 10% от суммы покупки +
+
-
+ Уровень 4
+
- Сумма покупок за предыдущий период — от 8601 руб. +
- Начисляемый бонус, в % от суммы покупки - 15% +
+
+ + До следующего уровня за период с 01.04.2023 по 30.06.2023г осталось + совершить покупки на 401 рублей +
+ + +Узнать условия начисления бонусов
++
+
+
+ 
+
+ Подробнее о правилах
+ Программы лояльности +
Участвуй в программе лояльности COFFEE LIKE
+Начни получать бонусы прямо сейчас
+ + +Введите код из SMS
+ +Не пришло SMS?
Отправим повторно через секунд
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/angular/src/app/pages/not-found/not-found.component.html b/angular/src/app/pages/not-found/not-found.component.html
index 65401b6..79333bd 100644
--- a/angular/src/app/pages/not-found/not-found.component.html
+++ b/angular/src/app/pages/not-found/not-found.component.html
@@ -1,5 +1,5 @@
-
404
Упс, что-то пошло не так!
diff --git a/angular/src/app/pages/not-found/not-found.component.scss b/angular/src/app/pages/not-found/not-found.component.scss index 0f45331..f4a3750 100644 --- a/angular/src/app/pages/not-found/not-found.component.scss +++ b/angular/src/app/pages/not-found/not-found.component.scss @@ -6,14 +6,14 @@ h1 { font-size: 108px; font-weight: 600; - color: #09467f; + color: var(--main-color); } p { margin: 16px 0; font-size: 14px; } button { - background-color: #09467f; + background-color: var(--main-color); color: #fff; border-radius: 8px; display: flex; diff --git a/angular/src/assets/404.gif b/angular/src/assets/404.gif new file mode 100644 index 0000000..cf3f75e Binary files /dev/null and b/angular/src/assets/404.gif differ diff --git a/angular/src/assets/download-app.png b/angular/src/assets/download-app.png new file mode 100644 index 0000000..a70e559 Binary files /dev/null and b/angular/src/assets/download-app.png differ diff --git a/angular/src/assets/download-app.svg b/angular/src/assets/download-app.svg new file mode 100644 index 0000000..04d7655 --- /dev/null +++ b/angular/src/assets/download-app.svg @@ -0,0 +1,11 @@ +