Compare commits
No commits in common. "tasty-coffee" and "master" have entirely different histories.
tasty-coff
...
master
16
.browserslistrc
Normal file
16
.browserslistrc
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
|
||||||
|
# For additional information regarding the format and rule options, please see:
|
||||||
|
# https://github.com/browserslist/browserslist#queries
|
||||||
|
|
||||||
|
# For the full list of supported browsers by the Angular framework, please see:
|
||||||
|
# https://angular.io/guide/browser-support
|
||||||
|
|
||||||
|
# You can see what browsers were selected by your queries by running:
|
||||||
|
# npx browserslist
|
||||||
|
|
||||||
|
last 1 Chrome version
|
||||||
|
last 1 Firefox version
|
||||||
|
last 2 Edge major versions
|
||||||
|
last 2 Safari major versions
|
||||||
|
last 2 iOS major versions
|
||||||
|
Firefox ESR
|
||||||
58
.gitignore
vendored
58
.gitignore
vendored
@ -1,42 +1,42 @@
|
|||||||
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||||
|
|
||||||
# Compiled output
|
# Compiled output
|
||||||
angular/dist
|
/dist
|
||||||
angular/tmp
|
/tmp
|
||||||
angular/out-tsc
|
/out-tsc
|
||||||
angular/bazel-out
|
/bazel-out
|
||||||
|
|
||||||
# Node
|
# Node
|
||||||
angular/node_modules
|
/node_modules
|
||||||
angular/npm-debug.log
|
npm-debug.log
|
||||||
angular/yarn-error.log
|
yarn-error.log
|
||||||
|
|
||||||
# IDEs and editors
|
# IDEs and editors
|
||||||
angular/.idea/
|
.idea/
|
||||||
angular/.project
|
.project
|
||||||
angular/.classpath
|
.classpath
|
||||||
angular/.c9/
|
.c9/
|
||||||
angular/*.launch
|
*.launch
|
||||||
angular/.settings/
|
.settings/
|
||||||
angular/*.sublime-workspace
|
*.sublime-workspace
|
||||||
|
|
||||||
# Visual Studio Code
|
# Visual Studio Code
|
||||||
angular/.vscode/*
|
.vscode/*
|
||||||
angular/!.vscode/settings.json
|
!.vscode/settings.json
|
||||||
angular/!.vscode/tasks.json
|
!.vscode/tasks.json
|
||||||
angular/!.vscode/launch.json
|
!.vscode/launch.json
|
||||||
angular/!.vscode/extensions.json
|
!.vscode/extensions.json
|
||||||
angular/.history/*
|
.history/*
|
||||||
|
|
||||||
# Miscellaneous
|
# Miscellaneous
|
||||||
angular/.angular/cache
|
/.angular/cache
|
||||||
angular/.sass-cache/
|
.sass-cache/
|
||||||
angular/connect.lock
|
/connect.lock
|
||||||
angular/coverage
|
/coverage
|
||||||
angular/libpeerconnection.log
|
/libpeerconnection.log
|
||||||
angular/testem.log
|
testem.log
|
||||||
angular/typings
|
/typings
|
||||||
|
|
||||||
# System files
|
# System files
|
||||||
angular/.DS_Store
|
.DS_Store
|
||||||
angular/Thumbs.db
|
Thumbs.db
|
||||||
|
|||||||
4
.vscode/extensions.json
vendored
Normal file
4
.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
|
||||||
|
"recommendations": ["angular.ng-template"]
|
||||||
|
}
|
||||||
20
.vscode/launch.json
vendored
Normal file
20
.vscode/launch.json
vendored
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
||||||
|
"version": "0.2.0",
|
||||||
|
"configurations": [
|
||||||
|
{
|
||||||
|
"name": "ng serve",
|
||||||
|
"type": "pwa-chrome",
|
||||||
|
"request": "launch",
|
||||||
|
"preLaunchTask": "npm: start",
|
||||||
|
"url": "http://localhost:4200/"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "ng test",
|
||||||
|
"type": "chrome",
|
||||||
|
"request": "launch",
|
||||||
|
"preLaunchTask": "npm: test",
|
||||||
|
"url": "http://localhost:9876/debug.html"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
42
.vscode/tasks.json
vendored
Normal file
42
.vscode/tasks.json
vendored
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
{
|
||||||
|
// For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
|
||||||
|
"version": "2.0.0",
|
||||||
|
"tasks": [
|
||||||
|
{
|
||||||
|
"type": "npm",
|
||||||
|
"script": "start",
|
||||||
|
"isBackground": true,
|
||||||
|
"problemMatcher": {
|
||||||
|
"owner": "typescript",
|
||||||
|
"pattern": "$tsc",
|
||||||
|
"background": {
|
||||||
|
"activeOnStart": true,
|
||||||
|
"beginsPattern": {
|
||||||
|
"regexp": "(.*?)"
|
||||||
|
},
|
||||||
|
"endsPattern": {
|
||||||
|
"regexp": "bundle generation complete"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "npm",
|
||||||
|
"script": "test",
|
||||||
|
"isBackground": true,
|
||||||
|
"problemMatcher": {
|
||||||
|
"owner": "typescript",
|
||||||
|
"pattern": "$tsc",
|
||||||
|
"background": {
|
||||||
|
"activeOnStart": true,
|
||||||
|
"beginsPattern": {
|
||||||
|
"regexp": "(.*?)"
|
||||||
|
},
|
||||||
|
"endsPattern": {
|
||||||
|
"regexp": "bundle generation complete"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
30
Jenkinsfile
vendored
30
Jenkinsfile
vendored
@ -1,30 +0,0 @@
|
|||||||
env.HL_BUILD_MODE = "jenkins"
|
|
||||||
|
|
||||||
node('Palladium'){
|
|
||||||
|
|
||||||
stage('get new version to repo') {
|
|
||||||
checkout scm
|
|
||||||
if (lastCommitIsBumpCommit()) {
|
|
||||||
currentBuild.result = 'ABORTED'
|
|
||||||
error('Последний коммит - результат сборки jenkins')
|
|
||||||
}
|
|
||||||
|
|
||||||
//sh "git submodule update --init --recursive"
|
|
||||||
//sh "git submodule update --remote --merge"
|
|
||||||
}
|
|
||||||
stage("build and publish"){
|
|
||||||
dir('angular'){
|
|
||||||
sh label: '', script: 'npm i'
|
|
||||||
sh label: '', script: 'npm run build'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private boolean lastCommitIsBumpCommit() {
|
|
||||||
lastCommit = sh([script: 'git log -1', returnStdout: true])
|
|
||||||
if (lastCommit.contains("Author: jenkins")) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,4 +1,4 @@
|
|||||||
# TastyCoffee
|
# FashionLogica
|
||||||
|
|
||||||
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.6.
|
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.6.
|
||||||
|
|
||||||
122
angular.json
Normal file
122
angular.json
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
{
|
||||||
|
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
||||||
|
"version": 1,
|
||||||
|
"newProjectRoot": "projects",
|
||||||
|
"projects": {
|
||||||
|
"fashion-logica": {
|
||||||
|
"projectType": "application",
|
||||||
|
"schematics": {
|
||||||
|
"@schematics/angular:component": {
|
||||||
|
"style": "scss"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"root": "",
|
||||||
|
"sourceRoot": "src",
|
||||||
|
"prefix": "app",
|
||||||
|
"architect": {
|
||||||
|
"build": {
|
||||||
|
"builder": "@angular-devkit/build-angular:browser",
|
||||||
|
"options": {
|
||||||
|
"outputPath": "/var/www/lk/fashion-logica",
|
||||||
|
"baseHref": "/fashion-logica/",
|
||||||
|
"index": "src/index.html",
|
||||||
|
"main": "src/main.ts",
|
||||||
|
"polyfills": "src/polyfills.ts",
|
||||||
|
"tsConfig": "tsconfig.app.json",
|
||||||
|
"inlineStyleLanguage": "scss",
|
||||||
|
"assets": [
|
||||||
|
"src/favicon.ico",
|
||||||
|
"src/assets",
|
||||||
|
"src/manifest.webmanifest",
|
||||||
|
"src/firebase-messaging-sw.js"
|
||||||
|
],
|
||||||
|
"styles": [
|
||||||
|
"node_modules/primeng/resources/themes/bootstrap4-light-blue/theme.css",
|
||||||
|
"node_modules/primeicons/primeicons.css",
|
||||||
|
"node_modules/primeng/resources/primeng.min.css",
|
||||||
|
"node_modules/ngx-sharebuttons/themes/modern.scss",
|
||||||
|
"node_modules/ngx-sharebuttons/themes/material.scss",
|
||||||
|
"src/styles.scss"
|
||||||
|
],
|
||||||
|
"scripts": [],
|
||||||
|
"serviceWorker": true,
|
||||||
|
"ngswConfigPath": "ngsw-config.json"
|
||||||
|
},
|
||||||
|
"configurations": {
|
||||||
|
"production": {
|
||||||
|
"budgets": [
|
||||||
|
{
|
||||||
|
"type": "initial",
|
||||||
|
"maximumWarning": "4mb",
|
||||||
|
"maximumError": "5mb"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "anyComponentStyle",
|
||||||
|
"maximumWarning": "2kb",
|
||||||
|
"maximumError": "4kb"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"fileReplacements": [
|
||||||
|
{
|
||||||
|
"replace": "src/environments/environment.ts",
|
||||||
|
"with": "src/environments/environment.prod.ts"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"outputHashing": "all"
|
||||||
|
},
|
||||||
|
"development": {
|
||||||
|
"buildOptimizer": false,
|
||||||
|
"optimization": false,
|
||||||
|
"vendorChunk": true,
|
||||||
|
"extractLicenses": false,
|
||||||
|
"sourceMap": true,
|
||||||
|
"namedChunks": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultConfiguration": "production"
|
||||||
|
},
|
||||||
|
"serve": {
|
||||||
|
"builder": "@angular-devkit/build-angular:dev-server",
|
||||||
|
"configurations": {
|
||||||
|
"production": {
|
||||||
|
"browserTarget": "fashion-logica:build:production"
|
||||||
|
},
|
||||||
|
"development": {
|
||||||
|
"browserTarget": "fashion-logica:build:development"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"defaultConfiguration": "development"
|
||||||
|
},
|
||||||
|
"extract-i18n": {
|
||||||
|
"builder": "@angular-devkit/build-angular:extract-i18n",
|
||||||
|
"options": {
|
||||||
|
"browserTarget": "fashion-logica:build"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"test": {
|
||||||
|
"builder": "@angular-devkit/build-angular:karma",
|
||||||
|
"options": {
|
||||||
|
"main": "src/test.ts",
|
||||||
|
"polyfills": "src/polyfills.ts",
|
||||||
|
"tsConfig": "tsconfig.spec.json",
|
||||||
|
"karmaConfig": "karma.conf.js",
|
||||||
|
"inlineStyleLanguage": "scss",
|
||||||
|
"assets": [
|
||||||
|
"src/favicon.ico",
|
||||||
|
"src/firebase-messaging-sw.js",
|
||||||
|
"src/assets",
|
||||||
|
"src/manifest.webmanifest"
|
||||||
|
],
|
||||||
|
"styles": [
|
||||||
|
"src/styles.scss"
|
||||||
|
],
|
||||||
|
"scripts": []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"cli": {
|
||||||
|
"analytics": false
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,131 +0,0 @@
|
|||||||
{
|
|
||||||
|
|
||||||
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
|
||||||
"version": 1,
|
|
||||||
"newProjectRoot": "projects",
|
|
||||||
"projects": {
|
|
||||||
"tasty-coffee": {
|
|
||||||
"projectType": "application",
|
|
||||||
"schematics": {
|
|
||||||
"@schematics/angular:component": {
|
|
||||||
"style": "scss"
|
|
||||||
},
|
|
||||||
"i18n": {
|
|
||||||
"sourceLocale": "ru-RU"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"root": "",
|
|
||||||
"sourceRoot": "src",
|
|
||||||
"prefix": "app",
|
|
||||||
"architect": {
|
|
||||||
"build": {
|
|
||||||
"builder": "@angular-devkit/build-angular:browser",
|
|
||||||
"options": {
|
|
||||||
"outputPath": "/var/www/html/lk.crm4retail.ru/tasty-coffee",
|
|
||||||
"baseHref": "/",
|
|
||||||
"index": "src/index.html",
|
|
||||||
"main": "src/main.ts",
|
|
||||||
"polyfills": "src/polyfills.ts",
|
|
||||||
"tsConfig": "tsconfig.app.json",
|
|
||||||
"inlineStyleLanguage": "scss",
|
|
||||||
"assets": [
|
|
||||||
"src/favicon.ico",
|
|
||||||
"src/assets",
|
|
||||||
"src/manifest.webmanifest",
|
|
||||||
"src/firebase-messaging-sw.js",
|
|
||||||
"src/sw-master.js",
|
|
||||||
"src/sw-custom.js"
|
|
||||||
],
|
|
||||||
"styles": [
|
|
||||||
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
|
|
||||||
"node_modules/primeng/resources/themes/bootstrap4-light-blue/theme.css",
|
|
||||||
"node_modules/primeicons/primeicons.css",
|
|
||||||
"node_modules/primeng/resources/primeng.min.css",
|
|
||||||
"node_modules/ngx-sharebuttons/themes/modern.scss",
|
|
||||||
"node_modules/ngx-sharebuttons/themes/material.scss",
|
|
||||||
"src/styles.scss"
|
|
||||||
],
|
|
||||||
"scripts": [],
|
|
||||||
"serviceWorker": true,
|
|
||||||
"ngswConfigPath": "ngsw-config.json"
|
|
||||||
},
|
|
||||||
"configurations": {
|
|
||||||
"production": {
|
|
||||||
"budgets": [
|
|
||||||
{
|
|
||||||
"type": "initial",
|
|
||||||
"maximumWarning": "4mb",
|
|
||||||
"maximumError": "5mb"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"type": "anyComponentStyle",
|
|
||||||
"maximumWarning": "2kb",
|
|
||||||
"maximumError": "4kb"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"fileReplacements": [
|
|
||||||
{
|
|
||||||
"replace": "src/environments/environment.ts",
|
|
||||||
"with": "src/environments/environment.prod.ts"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"outputHashing": "all"
|
|
||||||
},
|
|
||||||
"development": {
|
|
||||||
"buildOptimizer": false,
|
|
||||||
"optimization": false,
|
|
||||||
"vendorChunk": true,
|
|
||||||
"extractLicenses": false,
|
|
||||||
"sourceMap": true,
|
|
||||||
"namedChunks": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultConfiguration": "production"
|
|
||||||
},
|
|
||||||
"serve": {
|
|
||||||
"builder": "@angular-devkit/build-angular:dev-server",
|
|
||||||
"configurations": {
|
|
||||||
"production": {
|
|
||||||
"browserTarget": "tasty-coffee:build:production"
|
|
||||||
},
|
|
||||||
"development": {
|
|
||||||
"browserTarget": "tasty-coffee:build:development",
|
|
||||||
"proxyConfig": "proxy.confi.json"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"defaultConfiguration": "development"
|
|
||||||
},
|
|
||||||
"extract-i18n": {
|
|
||||||
"builder": "@angular-devkit/build-angular:extract-i18n",
|
|
||||||
"options": {
|
|
||||||
"browserTarget": "tasty-coffee:build"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"test": {
|
|
||||||
"builder": "@angular-devkit/build-angular:karma",
|
|
||||||
"options": {
|
|
||||||
"main": "src/test.ts",
|
|
||||||
"polyfills": "src/polyfills.ts",
|
|
||||||
"tsConfig": "tsconfig.spec.json",
|
|
||||||
"karmaConfig": "karma.conf.js",
|
|
||||||
"inlineStyleLanguage": "scss",
|
|
||||||
"assets": [
|
|
||||||
"src/favicon.ico",
|
|
||||||
"src/firebase-messaging-sw.js",
|
|
||||||
"src/assets",
|
|
||||||
"src/manifest.webmanifest"
|
|
||||||
],
|
|
||||||
"styles": [
|
|
||||||
"./node_modules/@angular/material/prebuilt-themes/purple-green.css",
|
|
||||||
"src/styles.scss"
|
|
||||||
],
|
|
||||||
"scripts": []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"cli": {
|
|
||||||
"analytics": false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "tasty-coffee",
|
|
||||||
"version": "0.0.2",
|
|
||||||
"scripts": {
|
|
||||||
"ng": "ng",
|
|
||||||
"start": "ng serve --host 192.168.0.58",
|
|
||||||
"build": "ng build --aot --configuration production --output-hashing none",
|
|
||||||
"watch": "ng build --watch --configuration development",
|
|
||||||
"test": "ng test"
|
|
||||||
},
|
|
||||||
"private": true,
|
|
||||||
"dependencies": {
|
|
||||||
"@angular/animations": "^15.2.9",
|
|
||||||
"@angular/cdk": "^15.2.9",
|
|
||||||
"@angular/common": "^15.2.9",
|
|
||||||
"@angular/compiler": "^15.2.9",
|
|
||||||
"@angular/core": "^15.2.9",
|
|
||||||
"@angular/fire": "^7.5.0",
|
|
||||||
"@angular/forms": "^15.2.9",
|
|
||||||
"@angular/material": "^15.2.9",
|
|
||||||
"@angular/material-moment-adapter": "^15.2.9",
|
|
||||||
"@angular/platform-browser": "^15.2.9",
|
|
||||||
"@angular/platform-browser-dynamic": "^15.2.9",
|
|
||||||
"@angular/router": "^15.2.9",
|
|
||||||
"@angular/service-worker": "^15.2.9",
|
|
||||||
"@fortawesome/angular-fontawesome": "^0.12.1",
|
|
||||||
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
||||||
"@fortawesome/free-brands-svg-icons": "^6.2.0",
|
|
||||||
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
||||||
"@types/uuid": "^8.3.4",
|
|
||||||
"@types/web": "^0.0.99",
|
|
||||||
"angular-moment-timezone": "^1.7.1",
|
|
||||||
"angular2-text-mask": "^9.0.0",
|
|
||||||
"barcode-2-svg": "^0.3.3",
|
|
||||||
"firebase": "^9.9.3",
|
|
||||||
"google-libphonenumber": "^3.2.30",
|
|
||||||
"jsbarcode": "^3.11.5",
|
|
||||||
"libphonenumber-js": "^1.10.28",
|
|
||||||
"ng-qrcode": "^8.0.1",
|
|
||||||
"ngx-mat-intl-tel-input": "^5.0.0",
|
|
||||||
"ngx-sharebuttons": "^11.0.0",
|
|
||||||
"primeicons": "^5.0.0",
|
|
||||||
"primeng": "^15.4.1",
|
|
||||||
"rxjs": "~7.5.0",
|
|
||||||
"tslib": "^2.3.0",
|
|
||||||
"uuid": "^8.3.2",
|
|
||||||
"zone.js": "~0.11.4"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@angular-devkit/build-angular": "^15.2.8",
|
|
||||||
"@angular/cli": "~15.2.8",
|
|
||||||
"@angular/compiler-cli": "^15.2.9",
|
|
||||||
"@types/google-libphonenumber": "^7.4.23",
|
|
||||||
"@types/jasmine": "~4.0.0",
|
|
||||||
"jasmine-core": "~4.1.0",
|
|
||||||
"karma": "~6.3.0",
|
|
||||||
"karma-chrome-launcher": "~3.1.0",
|
|
||||||
"karma-coverage": "~2.2.0",
|
|
||||||
"karma-jasmine": "~5.0.0",
|
|
||||||
"karma-jasmine-html-reporter": "~1.7.0",
|
|
||||||
"typescript": "4.8"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
{
|
|
||||||
"/api": {
|
|
||||||
"target": "https://apple-push-notifications.it-retail.tech/apns/api",
|
|
||||||
"secure": false,
|
|
||||||
"pathRewrite": {
|
|
||||||
"^/api": ""
|
|
||||||
},
|
|
||||||
"changeOrigin": true,
|
|
||||||
"logLevel": "debug"
|
|
||||||
},
|
|
||||||
"/icard-proxy": {
|
|
||||||
"target": "https://sakura.lk.crm4retail.ru/api/icard-proxy",
|
|
||||||
"secure": false,
|
|
||||||
"pathRewrite": {
|
|
||||||
"^/icard-proxy": ""
|
|
||||||
},
|
|
||||||
"changeOrigin": true,
|
|
||||||
"logLevel": "debug"
|
|
||||||
},
|
|
||||||
"/static": {
|
|
||||||
"target": "https://sakura.lk.crm4retail.ru/static",
|
|
||||||
"secure": false,
|
|
||||||
"pathRewrite": {
|
|
||||||
"^/static": ""
|
|
||||||
},
|
|
||||||
"changeOrigin": true,
|
|
||||||
"logLevel": "debug"
|
|
||||||
},
|
|
||||||
"/it-retail": {
|
|
||||||
"target": "https://sakura.lk.crm4retail.ru/it-retail",
|
|
||||||
"secure": false,
|
|
||||||
"pathRewrite": {
|
|
||||||
"^/it-retail": ""
|
|
||||||
},
|
|
||||||
"changeOrigin": true,
|
|
||||||
"logLevel": "debug"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { RouterModule, Routes } from '@angular/router';
|
|
||||||
import { MainComponent } from './pages/main/main.component';
|
|
||||||
import { AuthGuard } from './guards/auth-guard.guard';
|
|
||||||
|
|
||||||
const routes: Routes = [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
loadChildren: () => null as any,
|
|
||||||
// component: GuestCardComponent,
|
|
||||||
// canActivate: [AuthGuard]
|
|
||||||
},
|
|
||||||
// { path: '**', component: NotFoundComponent }
|
|
||||||
];
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [RouterModule.forRoot(routes)],
|
|
||||||
exports: [RouterModule]
|
|
||||||
})
|
|
||||||
export class AppRoutingModule { }
|
|
||||||
@ -1,2 +0,0 @@
|
|||||||
<router-outlet></router-outlet>
|
|
||||||
<p-toast position="top-center"></p-toast>
|
|
||||||
@ -1,64 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { RouteConfigLoadStart, Router } from '@angular/router';
|
|
||||||
import { AuthService } from './services/auth.service';
|
|
||||||
import { CookiesService } from './services/cookies.service';
|
|
||||||
import { JsonrpcService, RpcService } from './services/jsonrpc.service';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-root',
|
|
||||||
templateUrl: './app.component.html',
|
|
||||||
styleUrls: ['./app.component.scss'],
|
|
||||||
})
|
|
||||||
export class AppComponent implements OnInit {
|
|
||||||
title = 'Tasty Coffee';
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private router: Router,
|
|
||||||
private cookiesService: CookiesService,
|
|
||||||
private jsonRpcService: JsonrpcService,
|
|
||||||
private authService: AuthService,
|
|
||||||
) {
|
|
||||||
this.router.events.subscribe((x) => {
|
|
||||||
if (x instanceof RouteConfigLoadStart && x.route.path === '') {
|
|
||||||
x.route.loadChildren = () => {
|
|
||||||
switch (this.cookiesService.getItem('presentation-option')) {
|
|
||||||
case 'first':
|
|
||||||
return import(
|
|
||||||
'./presentation-options/first-option/first-option.module'
|
|
||||||
).then((mod) => mod.FirstOptionModule);
|
|
||||||
|
|
||||||
default:
|
|
||||||
return import(
|
|
||||||
'./presentation-options/default-option/default-option.module'
|
|
||||||
).then((mod) => mod.DefaultOptionModule);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getAdditionalInfo() {
|
|
||||||
return this.jsonRpcService.rpc(
|
|
||||||
{
|
|
||||||
method: 'getAdditionalInfo',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.authService,
|
|
||||||
true
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
if (this.authService.authorized) {
|
|
||||||
this.authService.getUserInfo();
|
|
||||||
}
|
|
||||||
this.getAdditionalInfo().subscribe({
|
|
||||||
next: (value) => {
|
|
||||||
this.cookiesService.setCookie('presentation-option', value?.data?.interface_id || 'default')
|
|
||||||
},
|
|
||||||
error: (err) => {
|
|
||||||
console.error(err);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,93 +0,0 @@
|
|||||||
import { OrderStatus, Page, PageCode, lvlPeriod } from "./interface/data";
|
|
||||||
|
|
||||||
export const PageList: Page[] = [
|
|
||||||
{
|
|
||||||
code: PageCode.Auth,
|
|
||||||
name: 'Вход',
|
|
||||||
resName: 'auth',
|
|
||||||
onSideBar: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: PageCode.Orders,
|
|
||||||
name: 'Заказы',
|
|
||||||
resName: 'orders',
|
|
||||||
onSideBar: true,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
export const PageListWithBonus: Page[] = [
|
|
||||||
{
|
|
||||||
code: PageCode.Auth,
|
|
||||||
name: 'Вход',
|
|
||||||
resName: 'auth',
|
|
||||||
onSideBar: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: PageCode.BonusProgram,
|
|
||||||
name: 'Ваша карта лояльности',
|
|
||||||
description: '',
|
|
||||||
resName: 'bonus-program',
|
|
||||||
onSideBar: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: PageCode.Orders,
|
|
||||||
name: 'Ваши чеки',
|
|
||||||
description: '',
|
|
||||||
resName: 'orders',
|
|
||||||
onSideBar: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: PageCode.UserData,
|
|
||||||
name: 'Заполнить анкету',
|
|
||||||
description: '',
|
|
||||||
resName: 'user-data',
|
|
||||||
onSideBar: true
|
|
||||||
},
|
|
||||||
{
|
|
||||||
code: PageCode.RefSystem,
|
|
||||||
name: 'Пригласить друга',
|
|
||||||
description: '',
|
|
||||||
resName: 'ref-system',
|
|
||||||
onSideBar: true,
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
export const orderStatuses: OrderStatus = {
|
|
||||||
'Cancelled': 'Отменен',
|
|
||||||
'InProcessing': 'В обработке',
|
|
||||||
'Unconfirmed': 'Принят',
|
|
||||||
'WaitCooking': 'Принят',
|
|
||||||
'ReadyForCooking': 'Принят',
|
|
||||||
'CookingStarted': 'Готовится',
|
|
||||||
'CookingCompleted': 'Приготовлен',
|
|
||||||
'Waiting': 'В пути',
|
|
||||||
'OnWay': 'В пути',
|
|
||||||
'Delivered': 'Выполнен',
|
|
||||||
'Closed': 'Выполнен',
|
|
||||||
};
|
|
||||||
|
|
||||||
export const lvlPeriods: lvlPeriod[] = [
|
|
||||||
{
|
|
||||||
percent: 3,
|
|
||||||
start: 0,
|
|
||||||
end: 1600,
|
|
||||||
color: '#f2c94c'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
percent: 6,
|
|
||||||
start: 1601,
|
|
||||||
end: 3600,
|
|
||||||
color: '#f2994a'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
percent: 10,
|
|
||||||
start: 3601,
|
|
||||||
end: 8600,
|
|
||||||
color: '#6fcf97'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
percent: 15,
|
|
||||||
start: 8601,
|
|
||||||
color: '#6fcf97'
|
|
||||||
},
|
|
||||||
]
|
|
||||||
@ -1,121 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { BrowserModule } from '@angular/platform-browser';
|
|
||||||
import { LoyalityProgramComponent } from './pages/loyality-program/loyality-program.component';
|
|
||||||
import { AppRoutingModule } from './app-routing.module';
|
|
||||||
import { AppComponent } from './app.component';
|
|
||||||
import { MainComponent } from './pages/main/main.component';
|
|
||||||
import { NavbarComponent } from './components/navbar/navbar.component';
|
|
||||||
import { CardComponent } from './components/card/card.component';
|
|
||||||
import { InputMaskModule } from 'primeng/inputmask';
|
|
||||||
import { AuthComponent } from './pages/account/auth/auth.component';
|
|
||||||
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
||||||
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
||||||
import { AccountComponent } from './pages/account/account.component';
|
|
||||||
import { ExitComponent } from './components/exit/exit.component';
|
|
||||||
import { HttpClientModule } from '@angular/common/http';
|
|
||||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
||||||
import { DialogService } from 'primeng/dynamicdialog';
|
|
||||||
import { BonusProgramComponent } from './pages/account/bonus-program/bonus-program.component';
|
|
||||||
import { OrderInfoComponent } from './components/order-info/order-info.component';
|
|
||||||
import { ServiceWorkerModule } from '@angular/service-worker';
|
|
||||||
import { environment } from '../environments/environment';
|
|
||||||
import { AngularFireModule } from '@angular/fire/compat';
|
|
||||||
import { AngularFireMessagingModule } from '@angular/fire/compat/messaging';
|
|
||||||
import { ToastModule } from 'primeng/toast';
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
import { FooterButtonsComponent } from './components/footer-buttons/footer-buttons.component';
|
|
||||||
import { UserDataComponent } from './pages/account/user-data/user-data.component';
|
|
||||||
import { RefSystemComponent } from './pages/account/ref-system/ref-system.component';
|
|
||||||
import { ShareButtonsModule } from 'ngx-sharebuttons/buttons';
|
|
||||||
import { ShareIconsModule } from 'ngx-sharebuttons/icons';
|
|
||||||
import { MessagingService } from './services/messaging.service';
|
|
||||||
import { NotFoundComponent } from './pages/not-found/not-found.component';
|
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
|
||||||
import { GuestCardComponent } from './pages/guest-card/guest-card.component';
|
|
||||||
import { QrCodeModule } from 'ng-qrcode';
|
|
||||||
import { AccordionComponent } from './components/accordion/accordion.component';
|
|
||||||
import { LastOrderComponent } from './components/last-order/last-order.component';
|
|
||||||
import { InviteFriendsComponent } from './components/invite-friends/invite-friends.component';
|
|
||||||
import { FooterComponent } from './components/footer/footer.component';
|
|
||||||
import { SocialMediaButtonsComponent } from './components/social-media-buttons/social-media-buttons.component';
|
|
||||||
import { LoginComponent } from './pages/login/login.component';
|
|
||||||
import { NgxMatIntlTelInputComponent } from 'ngx-mat-intl-tel-input';
|
|
||||||
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
||||||
import { MatInputModule } from '@angular/material/input';
|
|
||||||
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
|
||||||
import {
|
|
||||||
MAT_BOTTOM_SHEET_DATA,
|
|
||||||
MatBottomSheetModule,
|
|
||||||
MatBottomSheetRef,
|
|
||||||
} from '@angular/material/bottom-sheet';
|
|
||||||
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
||||||
import { DirectivesModule } from './directives/directives.module';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
declarations: [
|
|
||||||
AppComponent,
|
|
||||||
NavbarComponent,
|
|
||||||
MainComponent,
|
|
||||||
CardComponent,
|
|
||||||
AuthComponent,
|
|
||||||
AccountComponent,
|
|
||||||
ExitComponent,
|
|
||||||
BonusProgramComponent,
|
|
||||||
OrderInfoComponent,
|
|
||||||
FooterButtonsComponent,
|
|
||||||
UserDataComponent,
|
|
||||||
RefSystemComponent,
|
|
||||||
NotFoundComponent,
|
|
||||||
GuestCardComponent,
|
|
||||||
AccordionComponent,
|
|
||||||
LastOrderComponent,
|
|
||||||
InviteFriendsComponent,
|
|
||||||
FooterComponent,
|
|
||||||
SocialMediaButtonsComponent,
|
|
||||||
LoginComponent,
|
|
||||||
// FocusNextInputDirective,
|
|
||||||
LoyalityProgramComponent,
|
|
||||||
],
|
|
||||||
imports: [
|
|
||||||
BrowserModule,
|
|
||||||
AppRoutingModule,
|
|
||||||
InputMaskModule,
|
|
||||||
ProgressSpinnerModule,
|
|
||||||
FormsModule,
|
|
||||||
HttpClientModule,
|
|
||||||
BrowserAnimationsModule,
|
|
||||||
BrowserModule,
|
|
||||||
ServiceWorkerModule.register('/sw-master.js', {
|
|
||||||
enabled: environment.production,
|
|
||||||
// Register the ServiceWorker as soon as the application is stable
|
|
||||||
// or after 30 seconds (whichever comes first).
|
|
||||||
registrationStrategy: 'registerWhenStable:30000',
|
|
||||||
}),
|
|
||||||
AngularFireModule.initializeApp(environment.firebase),
|
|
||||||
AngularFireMessagingModule,
|
|
||||||
ToastModule,
|
|
||||||
ReactiveFormsModule,
|
|
||||||
ShareButtonsModule.withConfig({
|
|
||||||
debug: true,
|
|
||||||
}),
|
|
||||||
ShareIconsModule,
|
|
||||||
MatIconModule,
|
|
||||||
QrCodeModule,
|
|
||||||
NgxMatIntlTelInputComponent,
|
|
||||||
MatFormFieldModule,
|
|
||||||
MatInputModule,
|
|
||||||
MatSnackBarModule,
|
|
||||||
MatBottomSheetModule,
|
|
||||||
MatProgressSpinnerModule,
|
|
||||||
DirectivesModule,
|
|
||||||
],
|
|
||||||
providers: [
|
|
||||||
DialogService,
|
|
||||||
MessageService,
|
|
||||||
MessagingService,
|
|
||||||
{ provide: MatBottomSheetRef, useValue: {} },
|
|
||||||
{ provide: MAT_BOTTOM_SHEET_DATA, useValue: {} },
|
|
||||||
],
|
|
||||||
bootstrap: [AppComponent],
|
|
||||||
})
|
|
||||||
export class AppModule {}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<div class="tab">
|
|
||||||
<input [id]="'tab-' + guid" type="checkbox" name="tabs" />
|
|
||||||
<label [for]="'tab-' + guid">{{ header }}</label>
|
|
||||||
<div class="tab-content">
|
|
||||||
<ng-content></ng-content>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@ -1,85 +0,0 @@
|
|||||||
:host {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 1px;
|
|
||||||
width: 100%;
|
|
||||||
color: var(--text-color);
|
|
||||||
overflow: hidden;
|
|
||||||
border-bottom: solid 1px #bdbdbd;
|
|
||||||
}
|
|
||||||
.tab input {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.tab label {
|
|
||||||
display: block;
|
|
||||||
padding: 20px 26px;
|
|
||||||
position: relative;
|
|
||||||
background: #ffffff00;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px;
|
|
||||||
letter-spacing: -0.5px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
// .tab label:before {
|
|
||||||
// display: block;
|
|
||||||
// content: " ";
|
|
||||||
// padding-top: 5px;
|
|
||||||
// }
|
|
||||||
.tab-content {
|
|
||||||
max-height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #292929;
|
|
||||||
-webkit-transition: all 0.35s;
|
|
||||||
-o-transition: all 0.35s;
|
|
||||||
transition: all 0.35s;
|
|
||||||
border-top: solid 1px #bdbdbd;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.tab-content p {
|
|
||||||
margin: 1em;
|
|
||||||
}
|
|
||||||
/* :checked */
|
|
||||||
.tab input:checked ~ .tab-content {
|
|
||||||
padding: 16px 26px;
|
|
||||||
max-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Icon */
|
|
||||||
.tab label::after {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
line-height: 3;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-transition: all 0.35s;
|
|
||||||
-o-transition: all 0.35s;
|
|
||||||
transition: all 0.35s;
|
|
||||||
height: 100%;
|
|
||||||
margin-right: 12px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.tab input[type="checkbox"] + label::after {
|
|
||||||
content: "+";
|
|
||||||
}
|
|
||||||
.tab input[type="radio"] + label::after {
|
|
||||||
content: "\25BC";
|
|
||||||
}
|
|
||||||
.tab input[type="checkbox"]:checked + label::after {
|
|
||||||
transform: rotate(315deg);
|
|
||||||
}
|
|
||||||
.tab input[type="radio"]:checked + label::after {
|
|
||||||
transform: rotateX(180deg);
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { AccordionComponent } from './accordion.component';
|
|
||||||
|
|
||||||
describe('AccordionComponent', () => {
|
|
||||||
let component: AccordionComponent;
|
|
||||||
let fixture: ComponentFixture<AccordionComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ AccordionComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(AccordionComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { Component, Input, OnInit } from '@angular/core';
|
|
||||||
import { v4 as uuidv4 } from 'uuid';
|
|
||||||
|
|
||||||
export interface IAccordionData {
|
|
||||||
header: string;
|
|
||||||
body: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-accordion[header]',
|
|
||||||
templateUrl: './accordion.component.html',
|
|
||||||
styleUrls: ['./accordion.component.scss']
|
|
||||||
})
|
|
||||||
export class AccordionComponent implements OnInit {
|
|
||||||
@Input() header!: string
|
|
||||||
public guid: string = uuidv4()
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<span class="example-pizza-party" matSnackBarLabel>
|
|
||||||
Вы действительно хотите выйти?
|
|
||||||
</span>
|
|
||||||
<div class="buttons-container">
|
|
||||||
<button mat-button (click)="rejection()" style="background: red;">Нет</button>
|
|
||||||
<button mat-button (click)="logout()">Да</button>
|
|
||||||
</div>
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
.buttons-container {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 10px 62px;
|
|
||||||
margin-top: 8px;
|
|
||||||
background-color: var(--button-color);
|
|
||||||
color: var(--button-text-color);
|
|
||||||
border-radius: 3px;
|
|
||||||
border: none;
|
|
||||||
width: calc(50% - 12px);
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import { Component } from '@angular/core';
|
|
||||||
import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-exit',
|
|
||||||
templateUrl: './exit.component.html',
|
|
||||||
styleUrls: ['./exit.component.scss'],
|
|
||||||
})
|
|
||||||
export class ExitComponent {
|
|
||||||
constructor(
|
|
||||||
private _bottomSheetRef: MatBottomSheetRef<ExitComponent>
|
|
||||||
) {}
|
|
||||||
|
|
||||||
rejection() {
|
|
||||||
this._bottomSheetRef.dismiss(false)
|
|
||||||
}
|
|
||||||
|
|
||||||
logout() {
|
|
||||||
this._bottomSheetRef.dismiss(true)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-footer-buttons',
|
|
||||||
templateUrl: './footer-buttons.component.html',
|
|
||||||
styleUrls: ['./footer-buttons.component.scss']
|
|
||||||
})
|
|
||||||
export class FooterButtonsComponent implements OnInit {
|
|
||||||
@Input() token!: string;
|
|
||||||
@Input() isPermissionNotifications!: boolean;
|
|
||||||
@Output() requestingPermission = new EventEmitter<null>();
|
|
||||||
public deviceType: 'ios' | 'android' | null = null;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
) { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
requestPermission() {
|
|
||||||
this.requestingPermission.emit(null)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
<img src="/assets/logo.svg" alt="Логотип">
|
|
||||||
<h3>Горячая линия</h3>
|
|
||||||
<a class="phone-number" href="tel:88003334130">8 (800) 333-41-30</a>
|
|
||||||
<app-social-media-buttons></app-social-media-buttons>
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 20px;
|
|
||||||
padding-bottom: 100px;
|
|
||||||
h3 {
|
|
||||||
margin: 0;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: -0.24px;
|
|
||||||
color: #6a737c;
|
|
||||||
}
|
|
||||||
.phone-number {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: -0.408px;
|
|
||||||
color: #d9d9d9;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { FooterComponent } from './footer.component';
|
|
||||||
|
|
||||||
describe('FooterComponent', () => {
|
|
||||||
let component: FooterComponent;
|
|
||||||
let fixture: ComponentFixture<FooterComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ FooterComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(FooterComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-footer',
|
|
||||||
templateUrl: './footer.component.html',
|
|
||||||
styleUrls: ['./footer.component.scss']
|
|
||||||
})
|
|
||||||
export class FooterComponent implements OnInit {
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
<h2>Пригласи друзей!</h2>
|
|
||||||
<div class="container">
|
|
||||||
<p>
|
|
||||||
Пригласи друзей зарегистрироваться в приложении по твоему уникальному коду и
|
|
||||||
получи бонусы, когда они совершат первую покупку.
|
|
||||||
</p>
|
|
||||||
<button class="share" (click)="share()" [disabled]="loading">
|
|
||||||
<ng-container *ngIf="loading">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
<mat-icon
|
|
||||||
*ngIf="!loading"
|
|
||||||
aria-hidden="false"
|
|
||||||
aria-label="Share"
|
|
||||||
fontIcon="share"
|
|
||||||
style="color: #fff"
|
|
||||||
></mat-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ng-template #spinner let-diameter>
|
|
||||||
<mat-spinner [strokeWidth]="3" [diameter]="diameter"></mat-spinner>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
:host {
|
|
||||||
padding: 16px;
|
|
||||||
h2 {
|
|
||||||
font-family: Montserrat;
|
|
||||||
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: var(--text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.share {
|
|
||||||
width: 72px;
|
|
||||||
height: 48px;
|
|
||||||
background: var(--button-color);
|
|
||||||
padding: 8px 26px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { InviteFriendsComponent } from './invite-friends.component';
|
|
||||||
|
|
||||||
describe('InviteFriendsComponent', () => {
|
|
||||||
let component: InviteFriendsComponent;
|
|
||||||
let fixture: ComponentFixture<InviteFriendsComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ InviteFriendsComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(InviteFriendsComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
import { lastValueFrom } from 'rxjs';
|
|
||||||
import { JsonrpcService, RpcService } from 'src/app/services/jsonrpc.service';
|
|
||||||
import { environment } from 'src/environments/environment';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-invite-friends',
|
|
||||||
templateUrl: './invite-friends.component.html',
|
|
||||||
styleUrls: ['./invite-friends.component.scss']
|
|
||||||
})
|
|
||||||
export class InviteFriendsComponent implements OnInit {
|
|
||||||
public refUrl: string = `${environment.defaultUrl}/?refUserId=`
|
|
||||||
public loading: boolean = true;
|
|
||||||
private shareData: ShareData = {
|
|
||||||
title: ''
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private jsonrpc: JsonrpcService,
|
|
||||||
private messageService: MessageService
|
|
||||||
) { }
|
|
||||||
|
|
||||||
async ngOnInit() {
|
|
||||||
const accountData = (await lastValueFrom(
|
|
||||||
this.jsonrpc
|
|
||||||
.rpc(
|
|
||||||
{
|
|
||||||
method: 'getTokenData',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.authService,
|
|
||||||
true
|
|
||||||
)
|
|
||||||
)).data
|
|
||||||
|
|
||||||
this.refUrl += accountData.user_id
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
|
|
||||||
share() {
|
|
||||||
if (navigator.share) {
|
|
||||||
navigator.share({
|
|
||||||
title: document.title,
|
|
||||||
text: "Tasty Coffee",
|
|
||||||
url: this.refUrl
|
|
||||||
})
|
|
||||||
.then(() => console.log('Successful share'))
|
|
||||||
.catch((error) => {
|
|
||||||
console.log('Error sharing:', error)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
<h2>Ваш предыдущий заказ</h2>
|
|
||||||
<div class="info-order">
|
|
||||||
<p class="flex"><span>Дата: </span>
|
|
||||||
<span *ngIf="!loading">{{(lastOrder?.transactionCreateDate | date:'dd.MM.yyyyг.') || 'Данные не найдены'}}</span>
|
|
||||||
<ng-container *ngIf="loading">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
</p>
|
|
||||||
<p class="flex"><span>На сумму: </span>
|
|
||||||
<span *ngIf="!loading">{{lastOrder?.orderSum ? lastOrder?.orderSum + ' ₽' : 'Данные не найдены'}}</span>
|
|
||||||
<ng-container *ngIf="loading">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<a href="https://yandex.ru/profile/151770398186" target="_blank">
|
|
||||||
<button class="evaluate-order">Оценить заказ</button>
|
|
||||||
</a>
|
|
||||||
<p class="info">
|
|
||||||
Списание бонусов возможно на любые категории. Бонусами можно оплатить 100%
|
|
||||||
суммы покупки. Бонусы начисляются только на напитки с учётом добавок.
|
|
||||||
Неиспользованные бонусы сгорают в течение 90 дней.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ng-template #spinner let-diameter>
|
|
||||||
<mat-spinner [strokeWidth]="3" [diameter]="diameter"></mat-spinner>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,52 +0,0 @@
|
|||||||
:host {
|
|
||||||
padding: 24px 16px 0px;
|
|
||||||
|
|
||||||
& > h2 {
|
|
||||||
font-family: Montserrat;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
.flex {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { LastOrderComponent } from './last-order.component';
|
|
||||||
|
|
||||||
describe('LastOrderComponent', () => {
|
|
||||||
let component: LastOrderComponent;
|
|
||||||
let fixture: ComponentFixture<LastOrderComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ LastOrderComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(LastOrderComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
import { Component, Input, OnInit } from '@angular/core';
|
|
||||||
import { Purchase } from 'src/app/interface/data';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-last-order[lastOrder]',
|
|
||||||
templateUrl: './last-order.component.html',
|
|
||||||
styleUrls: ['./last-order.component.scss']
|
|
||||||
})
|
|
||||||
export class LastOrderComponent implements OnInit {
|
|
||||||
@Input() lastOrder!: Purchase;
|
|
||||||
@Input() loading!: boolean;
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
<div class="container">
|
|
||||||
<mat-icon style="cursor: pointer;" aria-hidden="false" aria-label="Назад" fontIcon="arrow_back_ios" class="back-arrow" (click)="back()"></mat-icon>
|
|
||||||
<h1 class="title">{{title}}</h1>
|
|
||||||
<div class="plug"></div>
|
|
||||||
</div>
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
:host {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 12px 16px;
|
|
||||||
width: 100%;
|
|
||||||
background: #231f20;
|
|
||||||
box-shadow: 0px 8px 16px rgba(17, 17, 17, 0.5);
|
|
||||||
color: var(--text-color);
|
|
||||||
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: "Montserrat", sans-serif;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { NavbarComponent } from './navbar.component';
|
|
||||||
|
|
||||||
describe('NavbarComponent', () => {
|
|
||||||
let component: NavbarComponent;
|
|
||||||
let fixture: ComponentFixture<NavbarComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ NavbarComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(NavbarComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-navbar[title]',
|
|
||||||
templateUrl: './navbar.component.html',
|
|
||||||
styleUrls: ['./navbar.component.scss']
|
|
||||||
})
|
|
||||||
export class NavbarComponent implements OnInit {
|
|
||||||
@Input() title: string = 'Название не задано'
|
|
||||||
@Output() backEvent = new EventEmitter<null>();
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
back() {
|
|
||||||
this.backEvent.emit(null)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<a *ngFor="let link of links" [href]="link.url" target="_blank">
|
|
||||||
<img [src]="link.imgUrl" [alt]="link.label" />
|
|
||||||
</a>
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 16px;
|
|
||||||
justify-content: space-between;
|
|
||||||
a {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
border-radius: 100%;
|
|
||||||
background: #333333;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { SocialMediaButtonsComponent } from './social-media-buttons.component';
|
|
||||||
|
|
||||||
describe('SocialMediaButtonsComponent', () => {
|
|
||||||
let component: SocialMediaButtonsComponent;
|
|
||||||
let fixture: ComponentFixture<SocialMediaButtonsComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ SocialMediaButtonsComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(SocialMediaButtonsComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
|
|
||||||
export interface ISocialMediaLink {
|
|
||||||
url: string;
|
|
||||||
imgUrl: string;
|
|
||||||
label: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-social-media-buttons',
|
|
||||||
templateUrl: './social-media-buttons.component.html',
|
|
||||||
styleUrls: ['./social-media-buttons.component.scss']
|
|
||||||
})
|
|
||||||
export class SocialMediaButtonsComponent implements OnInit {
|
|
||||||
public links: ISocialMediaLink[] = [
|
|
||||||
{
|
|
||||||
label: 'Инстаграм',
|
|
||||||
url: 'https://www.instagram.com/',
|
|
||||||
imgUrl: '/assets/social-media-icons/instagram.svg'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'ВК',
|
|
||||||
url: 'https://vk.com/coffeelike_com',
|
|
||||||
imgUrl: '/assets/social-media-icons/vk.svg'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Youtube',
|
|
||||||
url: 'https://www.youtube.com/c/coffeelikeru',
|
|
||||||
imgUrl: '/assets/social-media-icons/youtube.svg'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
import { NgModule } from '@angular/core';
|
|
||||||
import { CommonModule } from '@angular/common';
|
|
||||||
import { FocusNextInputDirective } from './focus-next-input.directive';
|
|
||||||
import { DownloadAppDirective } from './download-app.directive';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommonModule
|
|
||||||
],
|
|
||||||
declarations: [FocusNextInputDirective, DownloadAppDirective],
|
|
||||||
exports: [FocusNextInputDirective, DownloadAppDirective]
|
|
||||||
})
|
|
||||||
export class DirectivesModule { }
|
|
||||||
@ -1,81 +0,0 @@
|
|||||||
import {
|
|
||||||
Directive,
|
|
||||||
ElementRef,
|
|
||||||
HostListener,
|
|
||||||
OnInit,
|
|
||||||
Renderer2,
|
|
||||||
} from '@angular/core';
|
|
||||||
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
import { getTypeDevice, pwaInstalled } from 'src/app/utils';
|
|
||||||
|
|
||||||
@Directive({
|
|
||||||
selector: '[appDownloadApp]',
|
|
||||||
})
|
|
||||||
export class DownloadAppDirective implements OnInit {
|
|
||||||
public deviceType: 'ios' | 'android' | null = null;
|
|
||||||
public deferredPrompt: any;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private messageService: MessageService,
|
|
||||||
public renderer: Renderer2,
|
|
||||||
private el: ElementRef,
|
|
||||||
) { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
getTypeDevice();
|
|
||||||
if (this.deviceType === 'ios') {
|
|
||||||
this.el.nativeElement.style.display = 'block';
|
|
||||||
}
|
|
||||||
this.checkInstalled();
|
|
||||||
}
|
|
||||||
|
|
||||||
async checkInstalled(): Promise<void> {
|
|
||||||
if (window.matchMedia('(display-mode: standalone)').matches
|
|
||||||
|| await pwaInstalled()) {
|
|
||||||
this.el.nativeElement.style.display = 'none';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@HostListener('window:beforeinstallprompt', ['$event'])
|
|
||||||
onBeforeInstallPrompt(e: any) {
|
|
||||||
e.preventDefault();
|
|
||||||
this.deferredPrompt = e;
|
|
||||||
if (this.deferredPrompt) {
|
|
||||||
this.el.nativeElement.style.display = 'block';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@HostListener('window:appinstalled', ['$event'])
|
|
||||||
onAppInstalled(e: any) {
|
|
||||||
// Prevent Chrome 67 and earlier from automatically showing the prompt
|
|
||||||
e.preventDefault();
|
|
||||||
// Stash the event so it can be triggered later.
|
|
||||||
this.deferredPrompt = e;
|
|
||||||
this.el.nativeElement.style.display = 'none';
|
|
||||||
}
|
|
||||||
|
|
||||||
@HostListener('click', ['$event'])
|
|
||||||
async downloadApp(event: MouseEvent) {
|
|
||||||
if (!this.deferredPrompt) {
|
|
||||||
this.messageService.clear();
|
|
||||||
this.messageService.add({
|
|
||||||
severity: 'error',
|
|
||||||
summary: 'Не поддерживается в Вашем браузере!',
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.deferredPrompt.prompt();
|
|
||||||
this.deferredPrompt.userChoice.then((res: any) => {
|
|
||||||
if (res.outcome === 'accepted') {
|
|
||||||
this.messageService.clear();
|
|
||||||
this.messageService.add({
|
|
||||||
severity: 'success',
|
|
||||||
summary: 'Спасибо за установку!',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
this.deferredPrompt = null;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
import { Directive, EventEmitter, Input, Renderer2 } from '@angular/core';
|
|
||||||
|
|
||||||
@Directive({
|
|
||||||
selector: '[appFocusNextInput]'
|
|
||||||
})
|
|
||||||
export class FocusNextInputDirective {
|
|
||||||
@Input('appFocusNextInput') eventEmitter!: EventEmitter<string>;
|
|
||||||
|
|
||||||
constructor(private renderer: Renderer2) { }
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
// TODO:
|
|
||||||
// 1: don't need to listen all events
|
|
||||||
// 2: not working in safari
|
|
||||||
this.eventEmitter.subscribe(elementId => {
|
|
||||||
try {
|
|
||||||
const element = this.renderer.selectRootElement(elementId)
|
|
||||||
setTimeout(() => {
|
|
||||||
element.focus();
|
|
||||||
element.click();
|
|
||||||
}, 0);
|
|
||||||
} catch (ex) {
|
|
||||||
(document.activeElement as HTMLElement).blur();
|
|
||||||
// If the element doesn't exist or if the element disappears when this called then no need to do anything
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
import { TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { AuthGuard } from './auth-guard.guard';
|
|
||||||
|
|
||||||
describe('AuthGuardGuard', () => {
|
|
||||||
let guard: AuthGuard;
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
TestBed.configureTestingModule({});
|
|
||||||
guard = TestBed.inject(AuthGuard);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should be created', () => {
|
|
||||||
expect(guard).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
import { Injectable } from '@angular/core';
|
|
||||||
import {
|
|
||||||
ActivatedRouteSnapshot,
|
|
||||||
CanActivate,
|
|
||||||
CanActivateChild,
|
|
||||||
Router,
|
|
||||||
RouterStateSnapshot,
|
|
||||||
UrlTree,
|
|
||||||
} from '@angular/router';
|
|
||||||
import { Observable, of } from 'rxjs';
|
|
||||||
import { CookiesService } from '../services/cookies.service';
|
|
||||||
|
|
||||||
@Injectable({
|
|
||||||
providedIn: 'root',
|
|
||||||
})
|
|
||||||
export class AuthGuard implements CanActivate, CanActivateChild {
|
|
||||||
constructor(private cookiesService: CookiesService, private router: Router) {}
|
|
||||||
|
|
||||||
canActivate(
|
|
||||||
route: ActivatedRouteSnapshot,
|
|
||||||
state: RouterStateSnapshot
|
|
||||||
):
|
|
||||||
| Observable<boolean | UrlTree>
|
|
||||||
| Promise<boolean | UrlTree>
|
|
||||||
| boolean
|
|
||||||
| UrlTree
|
|
||||||
{
|
|
||||||
if (this.cookiesService.getItem('token')) {
|
|
||||||
return of(true);
|
|
||||||
} else {
|
|
||||||
this.router.navigate(['/login']);
|
|
||||||
return of(false);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
canActivateChild(
|
|
||||||
childRoute: ActivatedRouteSnapshot,
|
|
||||||
state: RouterStateSnapshot
|
|
||||||
):
|
|
||||||
| boolean
|
|
||||||
| UrlTree
|
|
||||||
| Observable<boolean | UrlTree>
|
|
||||||
| Promise<boolean | UrlTree>
|
|
||||||
{
|
|
||||||
return this.canActivate(childRoute, state);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,222 +0,0 @@
|
|||||||
export enum PageCode {
|
|
||||||
Auth,
|
|
||||||
Orders,
|
|
||||||
BonusProgram,
|
|
||||||
RefSystem,
|
|
||||||
UserData,
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Moment extends moment.Moment { }
|
|
||||||
|
|
||||||
export interface Page {
|
|
||||||
code: PageCode;
|
|
||||||
component?: any;
|
|
||||||
name: string;
|
|
||||||
description?: string;
|
|
||||||
getMethod?: string;
|
|
||||||
resName?: string;
|
|
||||||
onSideBar: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UserDataForm {
|
|
||||||
first_name: string;
|
|
||||||
birthdate: string;
|
|
||||||
gender: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BonusProgramAccount {
|
|
||||||
BonusProgramName: string;
|
|
||||||
BonusProgramTypeID: string;
|
|
||||||
CardNumber: number;
|
|
||||||
Bonuses: number;
|
|
||||||
HoldedBonuses: number;
|
|
||||||
BonusProgramAccounts: BonusProgramAccount[];
|
|
||||||
DateBonusBurn: string;
|
|
||||||
_links: any[];
|
|
||||||
_embedded: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Purchase {
|
|
||||||
PurchaseId?: string;
|
|
||||||
CustomerId?: string;
|
|
||||||
PurchaseDate: string;
|
|
||||||
PurchaseState?: number;
|
|
||||||
CardNumber?: number;
|
|
||||||
Address?: string;
|
|
||||||
CheckSummary?: number;
|
|
||||||
BonusSummary?: number;
|
|
||||||
ID: string;
|
|
||||||
Transactions: Transaction[];
|
|
||||||
IsSingleTransaction?: boolean;
|
|
||||||
transactionCreateDate?: string;
|
|
||||||
transactionType?: 'CancelPayFromWallet' | 'PayFromWallet' | 'RefillWallet';
|
|
||||||
transactionSum: number;
|
|
||||||
orderSum?: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Transaction {
|
|
||||||
User: string;
|
|
||||||
Purchase: string;
|
|
||||||
Date: string;
|
|
||||||
Value: number;
|
|
||||||
TransactionType: number;
|
|
||||||
UserBonusesSnapshot: number;
|
|
||||||
BonusPercent: number;
|
|
||||||
DateActiveBonus: string;
|
|
||||||
AccountBonus: string;
|
|
||||||
Bonus: string;
|
|
||||||
ID: string;
|
|
||||||
HasPurchase?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface OrderStatus {
|
|
||||||
[key: string]: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface lvlPeriod {
|
|
||||||
percent: number;
|
|
||||||
start: number;
|
|
||||||
end?: number;
|
|
||||||
color: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface DeliveryType {
|
|
||||||
cost: number;
|
|
||||||
title: string;
|
|
||||||
id: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface AcceptedOrder {
|
|
||||||
id: number;
|
|
||||||
status: string;
|
|
||||||
currency_symbol: string;
|
|
||||||
total: number;
|
|
||||||
address: {
|
|
||||||
city: string;
|
|
||||||
street: string;
|
|
||||||
house: number;
|
|
||||||
flat: number;
|
|
||||||
};
|
|
||||||
payment_method: string;
|
|
||||||
shipping: {
|
|
||||||
name: string;
|
|
||||||
total: number;
|
|
||||||
};
|
|
||||||
date_created: string;
|
|
||||||
items: OrderProduct[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Product {
|
|
||||||
id: number;
|
|
||||||
name: string;
|
|
||||||
price: string;
|
|
||||||
image_url: string;
|
|
||||||
image_gallery: string[];
|
|
||||||
category_id: number;
|
|
||||||
description?: string;
|
|
||||||
stock_status: string;
|
|
||||||
currency_symbol: string;
|
|
||||||
modifier_data: Modifier[];
|
|
||||||
short_description?: string;
|
|
||||||
guid?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Modifier {
|
|
||||||
id: number;
|
|
||||||
name: string;
|
|
||||||
category_type: string;
|
|
||||||
minimum_options: number;
|
|
||||||
maximum_options: number;
|
|
||||||
global_categories: string;
|
|
||||||
required: number;
|
|
||||||
options: Option[];
|
|
||||||
allOptions?: Option[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Option {
|
|
||||||
id: number;
|
|
||||||
name: string;
|
|
||||||
price: string;
|
|
||||||
prechecked: string;
|
|
||||||
active?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface OrderProduct {
|
|
||||||
id: number;
|
|
||||||
amount: number;
|
|
||||||
name: string;
|
|
||||||
price: number;
|
|
||||||
modifiers: {
|
|
||||||
[name: string]: OrderModifier[];
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface OrderModifier {
|
|
||||||
name: string;
|
|
||||||
id: number;
|
|
||||||
price: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface DeliveryData {
|
|
||||||
paymentMethod: PaymentMethod;
|
|
||||||
deliveryDate: Date | null;
|
|
||||||
deliveryType: DeliveryType | null;
|
|
||||||
persons: number;
|
|
||||||
comment: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface PaymentMethod {
|
|
||||||
type: string;
|
|
||||||
label: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UserData {
|
|
||||||
first_name: string | null;
|
|
||||||
last_name: string | null;
|
|
||||||
street: string | null;
|
|
||||||
house: string | null;
|
|
||||||
flat: string | null;
|
|
||||||
city: string;
|
|
||||||
phone: string | null;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UserInfoCategory {
|
|
||||||
id: string;
|
|
||||||
isActive: boolean;
|
|
||||||
isDefaultForNewGuests: boolean;
|
|
||||||
name: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UserInfoWallet {
|
|
||||||
id: string;
|
|
||||||
name: string;
|
|
||||||
programType: string;
|
|
||||||
type: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UserInfoWalletBalance {
|
|
||||||
balance: number;
|
|
||||||
wallet: UserInfoWallet;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UserInfo {
|
|
||||||
OrdersSum: number;
|
|
||||||
categories: UserInfoCategory[];
|
|
||||||
customer_level: number;
|
|
||||||
birthday: string;
|
|
||||||
id: string;
|
|
||||||
name: string | null;
|
|
||||||
phone: string;
|
|
||||||
walletBalances: UserInfoWalletBalance[] | { error: ResponseError };
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ResponseError {
|
|
||||||
code: number;
|
|
||||||
msg: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface UpdateNewCustomerRequest {
|
|
||||||
name: string;
|
|
||||||
sex: string;
|
|
||||||
birthday: string;
|
|
||||||
}
|
|
||||||
@ -1,193 +0,0 @@
|
|||||||
import { Component, Inject, OnInit } from '@angular/core';
|
|
||||||
import { lastValueFrom } from 'rxjs';
|
|
||||||
import {
|
|
||||||
orderStatuses,
|
|
||||||
PageList,
|
|
||||||
PageListWithBonus,
|
|
||||||
} from 'src/app/app.constants';
|
|
||||||
import {
|
|
||||||
BonusProgramAccount,
|
|
||||||
Page,
|
|
||||||
Purchase,
|
|
||||||
Transaction,
|
|
||||||
} from 'src/app/interface/data';
|
|
||||||
import { JsonrpcService, RpcService } from 'src/app/services/jsonrpc.service';
|
|
||||||
import * as moment from 'moment-timezone';
|
|
||||||
import * as barcode from 'jsbarcode';
|
|
||||||
import { environment } from 'src/environments/environment';
|
|
||||||
import { AppleWalletService } from 'src/app/services/apple-wallet.service';
|
|
||||||
import { CookiesService } from 'src/app/services/cookies.service';
|
|
||||||
import { DOCUMENT } from '@angular/common';
|
|
||||||
import { HttpClient, HttpHeaders } from '@angular/common/http';
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-bonus-program',
|
|
||||||
templateUrl: './bonus-program.component.html',
|
|
||||||
styleUrls: ['./bonus-program.component.scss'],
|
|
||||||
})
|
|
||||||
export class BonusProgramComponent implements OnInit {
|
|
||||||
public accountData!: BonusProgramAccount;
|
|
||||||
public purchases: Purchase[] = [];
|
|
||||||
public loadingBonuses: boolean = false;
|
|
||||||
readonly orderStatuses = orderStatuses;
|
|
||||||
readonly moment = moment;
|
|
||||||
readonly pageList = environment.hasBonusProgram
|
|
||||||
? PageListWithBonus
|
|
||||||
: PageList;
|
|
||||||
public currentPage: Page = this.pageList[1];
|
|
||||||
public userName: string = '';
|
|
||||||
public deviceType: 'ios' | 'android' | null = null;
|
|
||||||
public bonuses: number = 0
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private jsonrpc: JsonrpcService,
|
|
||||||
private appleWallet: AppleWalletService,
|
|
||||||
private cookiesService: CookiesService,
|
|
||||||
@Inject(DOCUMENT) private document: Document,
|
|
||||||
private http: HttpClient,
|
|
||||||
private messageService: MessageService,
|
|
||||||
) {}
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
this.getAccountData();
|
|
||||||
this.getTypeDevice();
|
|
||||||
}
|
|
||||||
|
|
||||||
getTypeDevice() {
|
|
||||||
const userAgent = window.navigator.userAgent.toLowerCase();
|
|
||||||
const ios = /iphone|ipod|ipad/.test(userAgent);
|
|
||||||
this.deviceType = ios ? 'ios' : 'android';
|
|
||||||
}
|
|
||||||
|
|
||||||
async getAccountData(): Promise<void> {
|
|
||||||
this.loadingBonuses = true;
|
|
||||||
|
|
||||||
this.jsonrpc
|
|
||||||
.rpc(
|
|
||||||
{
|
|
||||||
method: 'getAdditionalInfo',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.authService,
|
|
||||||
true
|
|
||||||
)
|
|
||||||
.subscribe({
|
|
||||||
next: (res) => {
|
|
||||||
this.userName = res?.data?.first_name;
|
|
||||||
},
|
|
||||||
error: (err) => {
|
|
||||||
console.error('Error: ', err);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const getAccount = await lastValueFrom(
|
|
||||||
this.jsonrpc.rpc(
|
|
||||||
{
|
|
||||||
method: 'GetAccounts',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.bonusService
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
this.accountData = getAccount && getAccount['Cards'][0];
|
|
||||||
this.bonuses = this.accountData.BonusProgramAccounts?.reduce((previous, {Bonuses}) => {
|
|
||||||
return previous + Bonuses
|
|
||||||
}, 0) || this.accountData.Bonuses
|
|
||||||
this.loadingBonuses = false;
|
|
||||||
if (this.accountData) {
|
|
||||||
barcode('#barcode')
|
|
||||||
.options({ font: 'OCR-B' }) // Will affect all barcodes
|
|
||||||
.EAN13(`${this.accountData.CardNumber}`.padStart(12, '0'), {
|
|
||||||
fontSize: 18,
|
|
||||||
textMargin: 0,
|
|
||||||
})
|
|
||||||
.render();
|
|
||||||
}
|
|
||||||
const getTransactions = (
|
|
||||||
await lastValueFrom(
|
|
||||||
this.jsonrpc.rpc(
|
|
||||||
{
|
|
||||||
method: 'GetAccountTransactions',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.bonusService
|
|
||||||
)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
if (!getTransactions) {
|
|
||||||
this.messageService.add({severity:'error', summary:'Произошла ошибка, попробуйте позже'});
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const transactions: Transaction[] = getTransactions && getTransactions['Transactions'];
|
|
||||||
|
|
||||||
const getPurchases = (
|
|
||||||
await lastValueFrom(
|
|
||||||
this.jsonrpc.rpc(
|
|
||||||
{
|
|
||||||
method: 'GetAccountPurchase',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.bonusService
|
|
||||||
)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
if (!getPurchases) {
|
|
||||||
this.messageService.add({severity:'error', summary:'Произошла ошибка, попробуйте позже'});
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const purchases: Purchase[] = getPurchases && getPurchases['Purchases'];
|
|
||||||
|
|
||||||
this.purchases = purchases && purchases.map<Purchase>((purchase) => {
|
|
||||||
const id = purchase.ID.slice(0, 36).toLowerCase();
|
|
||||||
purchase.Transactions = transactions.filter((transaction) => {
|
|
||||||
const same = transaction.Purchase === id;
|
|
||||||
transaction.HasPurchase = same;
|
|
||||||
return same;
|
|
||||||
});
|
|
||||||
return purchase;
|
|
||||||
});
|
|
||||||
transactions && transactions.forEach((transaction) => {
|
|
||||||
if (!transaction.HasPurchase) {
|
|
||||||
this.purchases.push({
|
|
||||||
ID: transaction.ID,
|
|
||||||
PurchaseDate: transaction.Date,
|
|
||||||
Transactions: [transaction],
|
|
||||||
IsSingleTransaction: true,
|
|
||||||
transactionSum: 0
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.purchases = this.purchases && this.purchases.sort((a, b) => {
|
|
||||||
return moment(a.PurchaseDate).date() - moment(b.PurchaseDate).date();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async addCardToWallet(e: any) {
|
|
||||||
e.preventDefault();
|
|
||||||
const token = this.cookiesService.getItem('token');
|
|
||||||
const accountData = (
|
|
||||||
await lastValueFrom(
|
|
||||||
this.jsonrpc.rpc(
|
|
||||||
{
|
|
||||||
method: 'getTokenData',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.authService,
|
|
||||||
true
|
|
||||||
)
|
|
||||||
)
|
|
||||||
).data;
|
|
||||||
if (token && accountData.user_id) {
|
|
||||||
this.appleWallet.generateCard(token, accountData.user_id).subscribe({
|
|
||||||
next: (res: any) => {
|
|
||||||
this.document.location.href = res.url;
|
|
||||||
},
|
|
||||||
error: (err) => {
|
|
||||||
console.log('Error: ', err);
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,76 +0,0 @@
|
|||||||
.show-more-orders {
|
|
||||||
text-align: center;
|
|
||||||
cursor: pointer;
|
|
||||||
color: var(--main-color);
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.woocommerce-MyAccount-content {
|
|
||||||
max-width: 400px;
|
|
||||||
margin-left: calc(50vw - 200px);
|
|
||||||
}
|
|
||||||
.woocommerce-orders-table {
|
|
||||||
border: 2px solid #dee2e6;
|
|
||||||
border-bottom: 0;
|
|
||||||
border-radius: 0.25rem;
|
|
||||||
border-collapse: separate;
|
|
||||||
text-align: left;
|
|
||||||
margin-top: 8px;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 400px;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
thead {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.woocommerce-orders-table {
|
|
||||||
&__cell {
|
|
||||||
padding: 0.7rem 1.5rem;
|
|
||||||
border-bottom: 2px solid #dee2e6;
|
|
||||||
text-align: right !important;
|
|
||||||
display: block;
|
|
||||||
&::before {
|
|
||||||
content: attr(data-title) ": ";
|
|
||||||
font-weight: 700;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&__row {
|
|
||||||
display: block;
|
|
||||||
&:nth-child(even) {
|
|
||||||
background: #ebebeb;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// &__cell-order-actions::before {
|
|
||||||
// display: none;
|
|
||||||
// }
|
|
||||||
&__cell-order-actions {
|
|
||||||
&.red-color {
|
|
||||||
color: #ed0000;
|
|
||||||
}
|
|
||||||
&.green-color {
|
|
||||||
color: #00a700;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&__cell-order-number a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #009688;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.woocommerce-button {
|
|
||||||
display: inline-block;
|
|
||||||
color: #ffffff;
|
|
||||||
background-color: #009688;
|
|
||||||
padding: 13px;
|
|
||||||
border-radius: 4px;
|
|
||||||
text-decoration: none;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-orders {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
@ -1,82 +0,0 @@
|
|||||||
<app-navbar title="Карта гостя" (backEvent)="logout()"></app-navbar>
|
|
||||||
|
|
||||||
<div class="guest-card">
|
|
||||||
<div class="top-info">
|
|
||||||
<div class="top-info__level">
|
|
||||||
<p id="level">Уровень {{ currentLvl }}</p>
|
|
||||||
<p id="level-percent">Кэшбек {{ currentLvlPeriod.percent }}%</p>
|
|
||||||
</div>
|
|
||||||
<p class="top-info__bonus">{{ getBalanceAmount(customerInfo?.walletBalances) }} бонусов</p>
|
|
||||||
</div>
|
|
||||||
<div class="guest-card__qr" (click)="qrCodeClick()">
|
|
||||||
<ng-container *ngIf="customerInfo">
|
|
||||||
<qr-code
|
|
||||||
[value]="customerInfo?.phone.substr(2) || 'Данные не найдены'"
|
|
||||||
[margin]="0"
|
|
||||||
[size]="qrCodeSize"
|
|
||||||
errorCorrectionLevel="M"
|
|
||||||
></qr-code>
|
|
||||||
</ng-container>
|
|
||||||
<ng-container *ngIf="!customerInfo">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 85 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
</div>
|
|
||||||
<div class="guest-card__user-description">
|
|
||||||
<p>
|
|
||||||
<ng-container *ngIf="currentLvlPeriod.end">
|
|
||||||
Осталось купить на сумму <span class="price">{{ currentLvlPeriod.end - (purchaseData.currentAmount || 0) + 1 }}</span>
|
|
||||||
рублей, тогда кэшбек будет <span class="percent">{{ getNextLevel().percent }}%</span> с
|
|
||||||
{{ purchaseData.currentPeriod[1].locale('ru').format('D MMMM')}}
|
|
||||||
</ng-container>
|
|
||||||
<ng-container *ngIf="!currentLvlPeriod.end">
|
|
||||||
У Вас последний уровень бонусной программы. Процент начисляемых бонусов:
|
|
||||||
{{currentLvlPeriod.percent}}%
|
|
||||||
</ng-container>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<span id="bonuses-condition"></span>
|
|
||||||
|
|
||||||
<!-- <div class="guest-card__level-info"> -->
|
|
||||||
<!-- <ng-container *ngIf="!purchaseData.$loading"> -->
|
|
||||||
<!-- <ng-container *ngIf="currentLvlPeriod.end"> -->
|
|
||||||
<!-- <\!-- <input -\-> -->
|
|
||||||
<!-- <\!-- type="range" -\-> -->
|
|
||||||
<!-- <\!-- [value]="purchaseData.currentAmount" -\-> -->
|
|
||||||
<!-- <\!-- [min]="currentLvlPeriod.start" -\-> -->
|
|
||||||
<!-- <\!-- [max]="currentLvlPeriod.end" -\-> -->
|
|
||||||
<!-- <\!-- [step]="0.01" -\-> -->
|
|
||||||
<!-- <\!-- disabled="true" -\-> -->
|
|
||||||
<!-- <\!-- [ngStyle]="{ -\-> -->
|
|
||||||
<!-- <\!-- 'background-size': ((purchaseData.currentAmount! - currentLvlPeriod.start) / (currentLvlPeriod.end - currentLvlPeriod.start + 1)) * 100 + '% 100%' -\-> -->
|
|
||||||
<!-- <\!-- }" -\-> -->
|
|
||||||
<!-- <\!-- /> -\-> -->
|
|
||||||
<!-- </ng-container> -->
|
|
||||||
<!-- <ng-container *ngIf="!currentLvlPeriod.end"> -->
|
|
||||||
<!-- <h2> -->
|
|
||||||
<!-- У Вас последний уровень бонусной программы. Процент начисляемых бонусов: {{currentLvlPeriod.percent}}% -->
|
|
||||||
<!-- </h2> -->
|
|
||||||
<!-- </ng-container> -->
|
|
||||||
<!-- </ng-container> -->
|
|
||||||
<!-- <ng-container *ngIf="purchaseData.$loading"> -->
|
|
||||||
<!-- <ng-container -->
|
|
||||||
<!-- *ngTemplateOutlet="spinner; context: { $implicit: 48 }" -->
|
|
||||||
<!-- ></ng-container> -->
|
|
||||||
<!-- </ng-container> -->
|
|
||||||
|
|
||||||
<!-- </div> -->
|
|
||||||
<app-last-order
|
|
||||||
[lastOrder]="lastPurchase"
|
|
||||||
[loading]="purchaseData.$loading"
|
|
||||||
></app-last-order>
|
|
||||||
<a class="guest-card__loyalty-program" routerLink="loyality-program"
|
|
||||||
>Подробнее о правилах <br />
|
|
||||||
Программы лояльности</a
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ng-template #spinner let-diameter>
|
|
||||||
<mat-spinner [strokeWidth]="3" [diameter]="diameter"></mat-spinner>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,222 +0,0 @@
|
|||||||
:host {
|
|
||||||
.guest-card {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
max-width: 600px;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
.top-info {
|
|
||||||
padding: 8px 0 0;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #292929;
|
|
||||||
border-bottom-left-radius: 10px;
|
|
||||||
border-bottom-right-radius: 10px;
|
|
||||||
border: 1px solid #000000;
|
|
||||||
border-top: 1px solid #888888;
|
|
||||||
|
|
||||||
&__level {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-around;
|
|
||||||
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
& p {
|
|
||||||
color: var(--button-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
p.top-info__bonus{
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__qr {
|
|
||||||
margin: 10px;
|
|
||||||
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 {
|
|
||||||
background-color: #292929;
|
|
||||||
padding: 14px 24px;
|
|
||||||
|
|
||||||
p {
|
|
||||||
width: 60%;
|
|
||||||
text-align: center;
|
|
||||||
margin: 0 auto;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 19px;
|
|
||||||
letter-spacing: -0.5px;
|
|
||||||
color: var(--text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.price,
|
|
||||||
.percent {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__purchases-description {
|
|
||||||
margin: 0;
|
|
||||||
padding: 14px 24px;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 16px;
|
|
||||||
line-height: 19px;
|
|
||||||
letter-spacing: -0.5px;
|
|
||||||
grid-template-columns: calc(100% - 24px) 24px;
|
|
||||||
|
|
||||||
span {
|
|
||||||
color: #219653;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__level-info {
|
|
||||||
padding-top: 36px;
|
|
||||||
padding-left: 36px;
|
|
||||||
padding-right: 36px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-style: normal;
|
|
||||||
font-family: Montserrat;
|
|
||||||
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%;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&::-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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&__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: #7F2061;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 16px;
|
|
||||||
text-decoration: none;
|
|
||||||
margin: 17px 0 22px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
app-accordion {
|
|
||||||
ul {
|
|
||||||
li {
|
|
||||||
list-style-type: disc;
|
|
||||||
margin-left: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { GuestCardComponent } from './guest-card.component';
|
|
||||||
|
|
||||||
describe('GuestCardComponent', () => {
|
|
||||||
let component: GuestCardComponent;
|
|
||||||
let fixture: ComponentFixture<GuestCardComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ GuestCardComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(GuestCardComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,193 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { MatBottomSheet } from '@angular/material/bottom-sheet';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import { Observable } from 'rxjs';
|
|
||||||
import { ExitComponent } from 'src/app/components/exit/exit.component';
|
|
||||||
import { CookiesService } from 'src/app/services/cookies.service';
|
|
||||||
import { WpJsonService } from 'src/app/services/wp-json.service';
|
|
||||||
import { environment } from 'src/environments/environment';
|
|
||||||
import moment from 'moment';
|
|
||||||
import { Purchase, lvlPeriod } from 'src/app/interface/data';
|
|
||||||
import { lvlPeriods } from 'src/app/app.constants';
|
|
||||||
|
|
||||||
interface Moment extends moment.Moment {}
|
|
||||||
|
|
||||||
export interface IPurchaseData {
|
|
||||||
currentPeriod: Moment[];
|
|
||||||
lastPeriod: Moment[];
|
|
||||||
lastPurchases: Purchase[];
|
|
||||||
currentPurchases: Purchase[];
|
|
||||||
lastAmount?: number;
|
|
||||||
currentAmount?: number;
|
|
||||||
$loading: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-guest-card',
|
|
||||||
templateUrl: './guest-card.component.html',
|
|
||||||
styleUrls: ['./guest-card.component.scss'],
|
|
||||||
})
|
|
||||||
export class GuestCardComponent implements OnInit {
|
|
||||||
public qrCodeSize: number = 85;
|
|
||||||
private isQrCodeClicked: boolean = false;
|
|
||||||
public customerInfo!: any;
|
|
||||||
public purchases!: Purchase[];
|
|
||||||
public lastPurchase!: Purchase;
|
|
||||||
public purchaseData: IPurchaseData = {
|
|
||||||
currentPeriod: [],
|
|
||||||
lastPeriod: [],
|
|
||||||
lastPurchases: [],
|
|
||||||
currentPurchases: [],
|
|
||||||
$loading: true,
|
|
||||||
get currentAmount():number {
|
|
||||||
const amount = this.currentPurchases.reduce((accumulator, currentValue) => {
|
|
||||||
if (currentValue.transactionType !== 'PayFromWallet') return accumulator;
|
|
||||||
return accumulator + currentValue.orderSum!;
|
|
||||||
}, 0);
|
|
||||||
return amount * 1
|
|
||||||
},
|
|
||||||
get lastAmount():number {
|
|
||||||
const amount = this.lastPurchases.reduce((accumulator, currentValue) => {
|
|
||||||
if (currentValue.transactionType !== 'PayFromWallet') return accumulator;
|
|
||||||
return accumulator + currentValue.orderSum!;
|
|
||||||
}, 0);
|
|
||||||
return amount * 1
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
public discountLevel: number = 4.2;
|
|
||||||
public lvlPeriods: lvlPeriod[] = lvlPeriods;
|
|
||||||
public currentLvlPeriod!: lvlPeriod;
|
|
||||||
public currentLvl: number = 1;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private _bottomSheet: MatBottomSheet,
|
|
||||||
private cookiesService: CookiesService,
|
|
||||||
private router: Router,
|
|
||||||
private wpJsonService: WpJsonService
|
|
||||||
) {}
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
const token = this.cookiesService.getItem('token');
|
|
||||||
this.getCurrentQuarterOfYear();
|
|
||||||
this.wpJsonService
|
|
||||||
.getCustomerInfo(
|
|
||||||
environment.systemId,
|
|
||||||
token || '',
|
|
||||||
environment.icardProxy
|
|
||||||
)
|
|
||||||
.subscribe({
|
|
||||||
next: (value) => {
|
|
||||||
this.customerInfo = value.customer_info;
|
|
||||||
this.getPurchases().subscribe((value) => {
|
|
||||||
this.purchases = value[this.customerInfo?.id].filter(
|
|
||||||
(purchase: Purchase) =>
|
|
||||||
[
|
|
||||||
'PayFromWallet',
|
|
||||||
'CancelPayFromWallet',
|
|
||||||
'RefillWallet',
|
|
||||||
'RefillWalletFromOrder'
|
|
||||||
].includes(purchase.transactionType || '')
|
|
||||||
);
|
|
||||||
this.lastPurchase = this.purchases.filter(
|
|
||||||
(purchase: Purchase) =>
|
|
||||||
[
|
|
||||||
'PayFromWallet',
|
|
||||||
'RefillWalletFromOrder'
|
|
||||||
].includes(purchase.transactionType || '')
|
|
||||||
)[0]
|
|
||||||
|
|
||||||
this.purchaseData.lastPurchases = this.purchases.filter((value: Purchase) => {
|
|
||||||
return moment(value.transactionCreateDate).isBetween(this.purchaseData.lastPeriod[0], this.purchaseData.lastPeriod[1])
|
|
||||||
})
|
|
||||||
this.purchaseData.currentPurchases = this.purchases.filter((value: Purchase) => {
|
|
||||||
return moment(value.transactionCreateDate).isBetween(this.purchaseData.currentPeriod[0], this.purchaseData.currentPeriod[1])
|
|
||||||
})
|
|
||||||
const currentAmount = this.purchaseData.currentAmount || 0
|
|
||||||
const index = this.lvlPeriods.findIndex((item) => item.start <= currentAmount && currentAmount <= (item.end || Infinity))!
|
|
||||||
if(index != -1) {
|
|
||||||
this.currentLvlPeriod = this.lvlPeriods[index];
|
|
||||||
this.currentLvl = index + 1;
|
|
||||||
this.purchaseData.$loading = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getNextLevel(): lvlPeriod {
|
|
||||||
if(this.currentLvl == this.lvlPeriods.length) {
|
|
||||||
return lvlPeriods[this.currentLvl - 1];
|
|
||||||
}
|
|
||||||
return lvlPeriods[this.currentLvl];
|
|
||||||
}
|
|
||||||
|
|
||||||
qrCodeClick() {
|
|
||||||
this.isQrCodeClicked = !this.isQrCodeClicked;
|
|
||||||
this.qrCodeSize = this.isQrCodeClicked ? 180 : 85;
|
|
||||||
}
|
|
||||||
|
|
||||||
deleteToken(): void {
|
|
||||||
this.cookiesService.logout();
|
|
||||||
}
|
|
||||||
|
|
||||||
logout() {
|
|
||||||
const bottomSheet = this._bottomSheet.open(ExitComponent);
|
|
||||||
bottomSheet.afterDismissed().subscribe({
|
|
||||||
next: (val) => {
|
|
||||||
if (val) {
|
|
||||||
this.deleteToken();
|
|
||||||
this.router.navigate(['/login']);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getPurchases(
|
|
||||||
start: Date | Moment = moment().subtract(1, 'months').startOf('month'),
|
|
||||||
end: Date | Moment = moment()
|
|
||||||
): Observable<any> {
|
|
||||||
const token = this.cookiesService.getItem('token');
|
|
||||||
const delta = moment(end).diff(moment(start), 'days');
|
|
||||||
return this.wpJsonService.getTransactions(
|
|
||||||
environment.systemId,
|
|
||||||
token ?? '',
|
|
||||||
environment.icardProxy
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
getCurrentQuarterOfYear() {
|
|
||||||
const quarters = [
|
|
||||||
[
|
|
||||||
moment().subtract(1, 'years').endOf('year').subtract(3, 'months'),
|
|
||||||
moment().subtract(1, 'years').endOf('year'),
|
|
||||||
],
|
|
||||||
[moment().startOf('year'), moment().startOf('year').add(3, 'months')],
|
|
||||||
[
|
|
||||||
moment().startOf('year').add(3, 'months'),
|
|
||||||
moment().startOf('year').add(6, 'months'),
|
|
||||||
],
|
|
||||||
[
|
|
||||||
moment().startOf('year').add(6, 'months'),
|
|
||||||
moment().startOf('year').add(9, 'months'),
|
|
||||||
],
|
|
||||||
[
|
|
||||||
moment().startOf('year').add(9, 'months'),
|
|
||||||
moment().startOf('year').add(12, 'months'),
|
|
||||||
],
|
|
||||||
];
|
|
||||||
|
|
||||||
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];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
getBalanceAmount(loyaltyPrograms: any[]) {
|
|
||||||
return loyaltyPrograms.reduce((accumulator, currentValue) => {
|
|
||||||
return accumulator + currentValue.balance;
|
|
||||||
}, 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,107 +0,0 @@
|
|||||||
<app-navbar
|
|
||||||
*ngIf="phoneForm.value.phone && !isShowNumber"
|
|
||||||
[title]="phoneForm.value.phone"
|
|
||||||
(backEvent)="backToPhoneForm()"
|
|
||||||
[ngStyle]="{
|
|
||||||
position: 'absolute',
|
|
||||||
top: 0
|
|
||||||
}"
|
|
||||||
></app-navbar>
|
|
||||||
<h1>Участвуй в программе лояльности COFFEE LIKE</h1>
|
|
||||||
<p class="description">Начни получать бонусы прямо сейчас</p>
|
|
||||||
<form
|
|
||||||
*ngIf="isShowNumber; else smsCode"
|
|
||||||
(ngSubmit)="submitNumber()"
|
|
||||||
[formGroup]="phoneForm"
|
|
||||||
>
|
|
||||||
<!-- <div class="input-container"> -->
|
|
||||||
<mat-form-field appearance="outline">
|
|
||||||
<mat-label>Ваше имя</mat-label>
|
|
||||||
<input formControlName="name" matInput type="text" />
|
|
||||||
</mat-form-field>
|
|
||||||
<!-- </div> -->
|
|
||||||
<div class="input-container">
|
|
||||||
<!-- <label for="number">Номер телефона</label>
|
|
||||||
<input id="number" type="text" placeholder="Введите номер" /> -->
|
|
||||||
<mat-form-field appearance="outline">
|
|
||||||
<mat-label>Номер телефона</mat-label>
|
|
||||||
<ngx-mat-intl-tel-input
|
|
||||||
formControlName="phone"
|
|
||||||
[enablePlaceholder]="true"
|
|
||||||
[enableSearch]="false"
|
|
||||||
[onlyCountries]="['ru', 'kg', 'by', 'kz', 'fi', 'de']"
|
|
||||||
[preferredCountries]="['ru']"
|
|
||||||
name="phone"
|
|
||||||
#phone
|
|
||||||
>
|
|
||||||
</ngx-mat-intl-tel-input>
|
|
||||||
</mat-form-field>
|
|
||||||
</div>
|
|
||||||
<p class="offer">
|
|
||||||
Используя приложение, вы принимаете условия в <span>соглашениях</span> и
|
|
||||||
соглашаетесь на получение рекламно-информационных сообщений
|
|
||||||
</p>
|
|
||||||
<button [disabled]="phoneForm.invalid">Принять участие</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<ng-template #smsCode>
|
|
||||||
<h2>Введите код из SMS</h2>
|
|
||||||
<form class="code-form" [formGroup]="codeForm" (ngSubmit)="submitCode()">
|
|
||||||
<div class="inputs-container">
|
|
||||||
<label class="box"
|
|
||||||
><input
|
|
||||||
class="field"
|
|
||||||
id="field"
|
|
||||||
type="tel"
|
|
||||||
placeholder="•"
|
|
||||||
#field
|
|
||||||
[appFocusNextInput]="inputFocusEmitter"
|
|
||||||
formControlName="code"
|
|
||||||
maxlength="1"
|
|
||||||
/></label>
|
|
||||||
<label class="box"
|
|
||||||
><input
|
|
||||||
class="field"
|
|
||||||
id="field1"
|
|
||||||
type="tel"
|
|
||||||
placeholder="•"
|
|
||||||
#field1
|
|
||||||
[appFocusNextInput]="inputFocusEmitter"
|
|
||||||
formControlName="code1"
|
|
||||||
maxlength="1"
|
|
||||||
/></label>
|
|
||||||
<label class="box"
|
|
||||||
><input
|
|
||||||
class="field"
|
|
||||||
id="field2"
|
|
||||||
type="tel"
|
|
||||||
placeholder="•"
|
|
||||||
#field2
|
|
||||||
[appFocusNextInput]="inputFocusEmitter"
|
|
||||||
formControlName="code2"
|
|
||||||
maxlength="1"
|
|
||||||
/></label>
|
|
||||||
<label class="box"
|
|
||||||
><input
|
|
||||||
class="field"
|
|
||||||
id="field3"
|
|
||||||
type="tel"
|
|
||||||
placeholder="•"
|
|
||||||
#field3
|
|
||||||
[appFocusNextInput]="inputFocusEmitter"
|
|
||||||
formControlName="code3"
|
|
||||||
maxlength="1"
|
|
||||||
/></label>
|
|
||||||
</div>
|
|
||||||
<button>Войти</button>
|
|
||||||
</form>
|
|
||||||
<p class="resend-code">
|
|
||||||
Не пришло SMS?<br />
|
|
||||||
<ng-container *ngIf="timeLeft">
|
|
||||||
Отправим повторно через {{timeLeft}}с
|
|
||||||
</ng-container>
|
|
||||||
<ng-container *ngIf="!timeLeft">
|
|
||||||
<span class="resend" (click)="submitNumber()">Отправить повторно</span>
|
|
||||||
</ng-container>
|
|
||||||
</p>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,214 +0,0 @@
|
|||||||
:host {
|
|
||||||
padding-top: 48px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
max-width: 600px;
|
|
||||||
margin: 0 auto 52px;
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
margin-top: 20px;
|
|
||||||
width: 302px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: -0.408px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin-top: 44px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: 24px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: 0.38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.description {
|
|
||||||
width: 180px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: -0.24px;
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 35px;
|
|
||||||
|
|
||||||
.offer {
|
|
||||||
margin-top: 10px;
|
|
||||||
padding: 0 16px;
|
|
||||||
font-family: "Gowun Dodum";
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 17px;
|
|
||||||
text-align: center;
|
|
||||||
span {
|
|
||||||
color: #13a538;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.input-container {
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
label {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 16px;
|
|
||||||
color: #6a737c;
|
|
||||||
text-align: left;
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
left: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
width: 100%;
|
|
||||||
padding: 24px 16px 8px;
|
|
||||||
background-color: #252323;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
border: none;
|
|
||||||
border-top: solid #6a737c 1px;
|
|
||||||
border-bottom: solid #6a737c 1px;
|
|
||||||
color: #6a737c;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 22px;
|
|
||||||
line-height: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
height: 46px;
|
|
||||||
width: calc(100% - 32px);
|
|
||||||
padding: 10px 24px;
|
|
||||||
background: #28af49;
|
|
||||||
border-radius: 6px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border: none;
|
|
||||||
letter-spacing: -0.408px;
|
|
||||||
color: #ffffff;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
&:disabled {
|
|
||||||
background-color: #344a3a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.code-form {
|
|
||||||
width: 100%;
|
|
||||||
// input {
|
|
||||||
// width: 100%;
|
|
||||||
// padding: 24px 16px 8px;
|
|
||||||
// background-color: #252323;
|
|
||||||
// margin-bottom: 16px;
|
|
||||||
// border: none;
|
|
||||||
// border-top: solid #6a737c 1px;
|
|
||||||
// border-bottom: solid #6a737c 1px;
|
|
||||||
// color: #6a737c;
|
|
||||||
// font-style: normal;
|
|
||||||
// font-weight: 400;
|
|
||||||
// font-size: 22px;
|
|
||||||
// line-height: 28px;
|
|
||||||
// }
|
|
||||||
.inputs-container {
|
|
||||||
width: 102px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
|
|
||||||
// code
|
|
||||||
.box {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
height: 42px;
|
|
||||||
width: 42px;
|
|
||||||
border-radius: 6px;
|
|
||||||
// box-shadow: 0 0 6px 1px hsla(240, 54%, 61%, 0.2);
|
|
||||||
overflow: hidden;
|
|
||||||
will-change: transform;
|
|
||||||
}
|
|
||||||
.box:focus-within {
|
|
||||||
box-shadow: 0 0 6px 1px rgba($color: #28af49, $alpha: 0.2),
|
|
||||||
0 0 0 2px rgba($color: #28af49, $alpha: 0.6);
|
|
||||||
}
|
|
||||||
.box::before,
|
|
||||||
.box::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
border-radius: 6px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.box::before {
|
|
||||||
// background: hsl(240, 54%, 97%);
|
|
||||||
z-index: 1;
|
|
||||||
transition: background-color 450ms cubic-bezier(0.25, 0.01, 0.25, 1);
|
|
||||||
}
|
|
||||||
.box::after {
|
|
||||||
transform: translateY(100%);
|
|
||||||
background-color: hsl(145, 0%, 42%);
|
|
||||||
opacity: 0;
|
|
||||||
z-index: 10;
|
|
||||||
transition: transform 450ms cubic-bezier(0.25, 0.01, 0.25, 1),
|
|
||||||
opacity 450ms cubic-bezier(0.25, 0.01, 0.25, 1),
|
|
||||||
background-color 450ms cubic-bezier(0.25, 0.01, 0.25, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.field {
|
|
||||||
position: relative;
|
|
||||||
border: 0;
|
|
||||||
outline: 0;
|
|
||||||
font-size: 25.21px;
|
|
||||||
line-height: 42px;
|
|
||||||
color: #fff;
|
|
||||||
background-color: transparent;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
.field::placeholder {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.resend-code {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 16px;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 23px;
|
|
||||||
.resend {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
mat-form-field {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { LoginComponent } from './login.component';
|
|
||||||
|
|
||||||
describe('LoginComponent', () => {
|
|
||||||
let component: LoginComponent;
|
|
||||||
let fixture: ComponentFixture<LoginComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ LoginComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(LoginComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,168 +0,0 @@
|
|||||||
import {
|
|
||||||
AfterViewInit,
|
|
||||||
Component,
|
|
||||||
EventEmitter,
|
|
||||||
HostListener,
|
|
||||||
OnInit
|
|
||||||
} from '@angular/core';
|
|
||||||
import { FormControl, FormGroup, Validators } from '@angular/forms';
|
|
||||||
import { MatSnackBar } from '@angular/material/snack-bar';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
import { CookiesService } from 'src/app/services/cookies.service';
|
|
||||||
import { JsonrpcService, RpcService } from 'src/app/services/jsonrpc.service';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-login',
|
|
||||||
templateUrl: './login.component.html',
|
|
||||||
styleUrls: ['./login.component.scss'],
|
|
||||||
})
|
|
||||||
export class LoginComponent implements OnInit, AfterViewInit {
|
|
||||||
public isShowNumber: boolean = true;
|
|
||||||
public phoneForm = new FormGroup({
|
|
||||||
name: new FormControl('', []),
|
|
||||||
phone: new FormControl('', [Validators.required]),
|
|
||||||
});
|
|
||||||
public codeForm = new FormGroup({
|
|
||||||
code: new FormControl('', [Validators.required]),
|
|
||||||
code1: new FormControl('', [Validators.required]),
|
|
||||||
code2: new FormControl('', [Validators.required]),
|
|
||||||
code3: new FormControl('', [Validators.required]),
|
|
||||||
});
|
|
||||||
private inputIds = ['field', 'field1', 'field2', 'field3'];
|
|
||||||
timeLeft: number = 0;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private cookiesService: CookiesService,
|
|
||||||
private router: Router,
|
|
||||||
private jsonrpc: JsonrpcService,
|
|
||||||
private messageService: MessageService,
|
|
||||||
private _snackBar: MatSnackBar
|
|
||||||
) { }
|
|
||||||
|
|
||||||
ngOnInit(): void { }
|
|
||||||
|
|
||||||
ngAfterViewInit() {
|
|
||||||
setTimeout(() => {
|
|
||||||
this.inputFocusEmitter.emit(`#${this.inputIds[0]}`);
|
|
||||||
}, 1000)
|
|
||||||
}
|
|
||||||
|
|
||||||
public inputFocusEmitter = new EventEmitter<string>();
|
|
||||||
|
|
||||||
@HostListener('window:keyup', ['$event'])
|
|
||||||
HandlKeyEvents(event: any) {
|
|
||||||
if (!event.target.classList.contains('field')) return;
|
|
||||||
const key = event.key.toLocaleLowerCase();
|
|
||||||
let elementId = '';
|
|
||||||
|
|
||||||
switch (key) {
|
|
||||||
case 'backspace':
|
|
||||||
elementId = event.target.id;
|
|
||||||
event.target.value = '';
|
|
||||||
const prevInputIndex = this.inputIds.indexOf(elementId) - 1;
|
|
||||||
if (prevInputIndex >= 0) {
|
|
||||||
this.inputFocusEmitter.emit(`#${this.inputIds[prevInputIndex]}`);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
|
|
||||||
default:
|
|
||||||
elementId = event.target.id;
|
|
||||||
const index = this.inputIds.indexOf(elementId);
|
|
||||||
const nextInputIndex = index + 1;
|
|
||||||
if (event.target.value.length > 1) {
|
|
||||||
event.target.value = event.target.value.slice(-1);
|
|
||||||
|
|
||||||
}
|
|
||||||
if (nextInputIndex > 0 && nextInputIndex <= this.inputIds.length) {
|
|
||||||
this.inputFocusEmitter.emit(`#${this.inputIds[nextInputIndex]}`);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
submitNumber() {
|
|
||||||
const data = this.phoneForm.value;
|
|
||||||
this.isShowNumber = false;
|
|
||||||
if (this.timeLeft) {
|
|
||||||
this.messageService.clear();
|
|
||||||
this.messageService.add({
|
|
||||||
severity: 'custom',
|
|
||||||
summary: `Отправить повторно можно через ${this.timeLeft}с`,
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.jsonrpc.rpc({
|
|
||||||
method: 'sendVerifyByPhone',
|
|
||||||
params: [data.phone]
|
|
||||||
}, RpcService.authService, false).subscribe({
|
|
||||||
next: (result) => {
|
|
||||||
if (result.code !== 0) {
|
|
||||||
this._snackBar.open('Произошла ошибка! Попробуйте позже', '', {
|
|
||||||
duration: 3000
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (result.code === 0) {
|
|
||||||
this.timeLeft = 60;
|
|
||||||
const interval = setInterval(() => {
|
|
||||||
if (this.timeLeft > 0) {
|
|
||||||
this.timeLeft--;
|
|
||||||
} else {
|
|
||||||
clearInterval(interval);
|
|
||||||
}
|
|
||||||
}, 1000)
|
|
||||||
}
|
|
||||||
this.isShowNumber = false;
|
|
||||||
},
|
|
||||||
error: (error) => {
|
|
||||||
console.error('Error: ', error);
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
setTimeout(() => {
|
|
||||||
this.inputFocusEmitter.emit(`#${this.inputIds[0]}`);
|
|
||||||
}, 0)
|
|
||||||
}
|
|
||||||
|
|
||||||
submitCode() {
|
|
||||||
const data = this.codeForm.value;
|
|
||||||
this.jsonrpc.rpc({
|
|
||||||
method: 'getTokenByPhone',
|
|
||||||
params: [this.phoneForm.value.phone, Object.values(data).join('')]
|
|
||||||
}, RpcService.authService, false).subscribe({
|
|
||||||
next: (result) => {
|
|
||||||
if (result.code === 0) {
|
|
||||||
this.cookiesService.setCookie('token', result?.data?.token);
|
|
||||||
this.router.navigate(['/'], {
|
|
||||||
queryParams: {
|
|
||||||
token: result?.data?.token
|
|
||||||
},
|
|
||||||
});
|
|
||||||
// this.phoneConfirmed.emit(null);
|
|
||||||
} else if (result.code === 230) {
|
|
||||||
this._snackBar.open('Неверный код!', '', {
|
|
||||||
duration: 3000
|
|
||||||
})
|
|
||||||
// this.errorConfirmCode = true;
|
|
||||||
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: (error) => {
|
|
||||||
console.error(error);
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
backToPhoneForm() {
|
|
||||||
this.codeForm.setValue({
|
|
||||||
code: '',
|
|
||||||
code1: '',
|
|
||||||
code2: '',
|
|
||||||
code3: ''
|
|
||||||
})
|
|
||||||
this.isShowNumber = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,99 +0,0 @@
|
|||||||
<app-navbar title="Программа лояльности" (backEvent)="goBack()"></app-navbar>
|
|
||||||
|
|
||||||
<div class="loyality-program">
|
|
||||||
<app-accordion header="Условия начисления бонусов">
|
|
||||||
<p>
|
|
||||||
Расчет начисления бонусов - 10% от суммы покупок за период с 11.01.2023г.
|
|
||||||
по 31.03.2023 г.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
За период с 11.01.2023г. по 31.03.2023 г. сумма ваших покупок составила
|
|
||||||
3700 руб.
|
|
||||||
</p>
|
|
||||||
<p>Начисляемый бонус 10% от суммы покупок</p>
|
|
||||||
</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>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
Возврат покупки, за которую бонусы были начислены:
|
|
||||||
<li>
|
|
||||||
В случае, если бонусов на счету достаточно для списания, бонусы
|
|
||||||
списываются в полном ранее начисленном за возвращаемый товар объеме.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
В случае, если бонусов на счету недостаточно, формируется минусовой
|
|
||||||
баланс.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
Возврат покупки, которая была оплачена бонусами:
|
|
||||||
<li>
|
|
||||||
В случае предъявления Участником кассового или товарного чека, сумма
|
|
||||||
бонусов, списанная для оплаты возвращаемого товара, зачисляется на счет
|
|
||||||
участника.
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
В случае возврата товара с применением оплаты бонусами, клиенту
|
|
||||||
возвращается денежная сумма в размере, внесенном Участником в оплату
|
|
||||||
товара при покупке, за вычетом суммы, оплаченной бонусами.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</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>
|
|
||||||
</div>
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
.loyality-program {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { Location } from '@angular/common';
|
|
||||||
import { lvlPeriod } from 'src/app/interface/data';
|
|
||||||
import { lvlPeriods } from 'src/app/app.constants';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'loyality-program',
|
|
||||||
templateUrl: './loyality-program.component.html',
|
|
||||||
styleUrls: ['./loyality-program.component.scss'],
|
|
||||||
})
|
|
||||||
export class LoyalityProgramComponent implements OnInit {
|
|
||||||
constructor(private _location: Location) {}
|
|
||||||
|
|
||||||
public lvlPeriods: lvlPeriod[] = lvlPeriods;
|
|
||||||
|
|
||||||
goBack() {
|
|
||||||
this._location.back();
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit(): void {}
|
|
||||||
}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<div class="main-container">
|
|
||||||
<!-- <app-navbar></app-navbar> -->
|
|
||||||
<p-toast position="top-center"></p-toast>
|
|
||||||
<app-footer-buttons [token]="token"
|
|
||||||
[isPermissionNotifications]="isPermissionNotifications"
|
|
||||||
(requestingPermission)="requestPermission()"></app-footer-buttons>
|
|
||||||
</div>
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
<div class="not-found-page">
|
|
||||||
<!-- <app-navbar></app-navbar> -->
|
|
||||||
<div class="not-found-page__container">
|
|
||||||
<h1>404</h1>
|
|
||||||
<p>Упс, что-то пошло не так!</p>
|
|
||||||
<button (click)="routeHome()">Вернуться на главную</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
:host {
|
|
||||||
.not-found-page {
|
|
||||||
&__container {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 32px;
|
|
||||||
h1 {
|
|
||||||
font-size: 108px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--main-color);
|
|
||||||
}
|
|
||||||
p {
|
|
||||||
margin: 16px 0;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
background-color: var(--button-color);
|
|
||||||
color: var(--text-color);
|
|
||||||
border-radius: 8px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 12px;
|
|
||||||
margin: 0 auto;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { NotFoundComponent } from './not-found.component';
|
|
||||||
|
|
||||||
describe('NotFoundComponent', () => {
|
|
||||||
let component: NotFoundComponent;
|
|
||||||
let fixture: ComponentFixture<NotFoundComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ NotFoundComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(NotFoundComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { Router } from '@angular/router';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-not-found',
|
|
||||||
templateUrl: './not-found.component.html',
|
|
||||||
styleUrls: ['./not-found.component.scss']
|
|
||||||
})
|
|
||||||
export class NotFoundComponent implements OnInit {
|
|
||||||
|
|
||||||
constructor(private router: Router) { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
routeHome() {
|
|
||||||
this.router.navigate(['/']);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
import { Pipe, PipeTransform } from '@angular/core';
|
|
||||||
import { DomSanitizer } from '@angular/platform-browser';
|
|
||||||
|
|
||||||
@Pipe({
|
|
||||||
name: 'safeHtml',
|
|
||||||
})
|
|
||||||
export class SafeHtmlPipe implements PipeTransform {
|
|
||||||
constructor(private sanitizer: DomSanitizer) {}
|
|
||||||
|
|
||||||
transform(html: string) {
|
|
||||||
return this.sanitizer.bypassSecurityTrustHtml(html);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
<div class="tab">
|
|
||||||
<input [id]="'tab-' + guid" type="checkbox" name="tabs" />
|
|
||||||
<label [for]="'tab-' + guid">{{ header }}</label>
|
|
||||||
<div class="tab-content">
|
|
||||||
<ng-content></ng-content>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@ -1,83 +0,0 @@
|
|||||||
:host {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 1px;
|
|
||||||
width: 100%;
|
|
||||||
color: var(--text-color);
|
|
||||||
overflow: hidden;
|
|
||||||
border-bottom: solid 1px #bdbdbd;
|
|
||||||
}
|
|
||||||
.tab input {
|
|
||||||
position: absolute;
|
|
||||||
opacity: 0;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.tab label {
|
|
||||||
display: block;
|
|
||||||
padding: 20px 26px;
|
|
||||||
position: relative;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 14px;
|
|
||||||
letter-spacing: -0.5px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
// .tab label:before {
|
|
||||||
// display: block;
|
|
||||||
// content: " ";
|
|
||||||
// padding-top: 5px;
|
|
||||||
// }
|
|
||||||
.tab-content {
|
|
||||||
max-height: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
-webkit-transition: all 0.35s;
|
|
||||||
-o-transition: all 0.35s;
|
|
||||||
transition: all 0.35s;
|
|
||||||
border-top: solid 1px #bdbdbd;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.tab-content p {
|
|
||||||
margin: 1em;
|
|
||||||
}
|
|
||||||
/* :checked */
|
|
||||||
.tab input:checked ~ .tab-content {
|
|
||||||
padding: 16px 26px;
|
|
||||||
max-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Icon */
|
|
||||||
.tab label::after {
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
line-height: 3;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-transition: all 0.35s;
|
|
||||||
-o-transition: all 0.35s;
|
|
||||||
transition: all 0.35s;
|
|
||||||
height: 100%;
|
|
||||||
margin-right: 12px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.tab input[type="checkbox"] + label::after {
|
|
||||||
content: "+";
|
|
||||||
}
|
|
||||||
.tab input[type="radio"] + label::after {
|
|
||||||
content: "\25BC";
|
|
||||||
}
|
|
||||||
.tab input[type="checkbox"]:checked + label::after {
|
|
||||||
transform: rotate(315deg);
|
|
||||||
}
|
|
||||||
.tab input[type="radio"]:checked + label::after {
|
|
||||||
transform: rotateX(180deg);
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { AccordionComponent } from './accordion.component';
|
|
||||||
|
|
||||||
describe('AccordionComponent', () => {
|
|
||||||
let component: AccordionComponent;
|
|
||||||
let fixture: ComponentFixture<AccordionComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ AccordionComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(AccordionComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { Component, Input, OnInit } from '@angular/core';
|
|
||||||
import { v4 as uuidv4 } from 'uuid';
|
|
||||||
|
|
||||||
export interface IAccordionData {
|
|
||||||
header: string;
|
|
||||||
body: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-accordion[header]',
|
|
||||||
templateUrl: './accordion.component.html',
|
|
||||||
styleUrls: ['./accordion.component.scss']
|
|
||||||
})
|
|
||||||
export class AccordionComponent implements OnInit {
|
|
||||||
@Input() header!: string
|
|
||||||
public guid: string = uuidv4()
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1 +0,0 @@
|
|||||||
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
gap: 20px;
|
|
||||||
padding-bottom: 100px;
|
|
||||||
padding-top: 52px;
|
|
||||||
h3 {
|
|
||||||
margin: 0;
|
|
||||||
font-family: Montserrat;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: -0.24px;
|
|
||||||
color: var(--text-color_1);
|
|
||||||
}
|
|
||||||
.phone-number {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
text-align: center;
|
|
||||||
letter-spacing: -0.408px;
|
|
||||||
color: var(--text-color);
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { FooterComponent } from './footer.component';
|
|
||||||
|
|
||||||
describe('FooterComponent', () => {
|
|
||||||
let component: FooterComponent;
|
|
||||||
let fixture: ComponentFixture<FooterComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ FooterComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(FooterComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-footer',
|
|
||||||
templateUrl: './footer.component.html',
|
|
||||||
styleUrls: ['./footer.component.scss']
|
|
||||||
})
|
|
||||||
export class FooterComponent implements OnInit {
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { IndexComponent } from './index.component';
|
|
||||||
|
|
||||||
describe('IndexComponent', () => {
|
|
||||||
let component: IndexComponent;
|
|
||||||
let fixture: ComponentFixture<IndexComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ IndexComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(IndexComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-index',
|
|
||||||
templateUrl: './index.component.html',
|
|
||||||
styleUrls: ['./index.component.scss']
|
|
||||||
})
|
|
||||||
export class IndexComponent implements OnInit {
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
<h2>Пригласи друзей!</h2>
|
|
||||||
<div class="container">
|
|
||||||
<p>
|
|
||||||
Пригласи друзей зарегистрироваться в приложении по твоему уникальному коду и
|
|
||||||
получи бонусы, когда они совершат первую покупку.
|
|
||||||
</p>
|
|
||||||
<button class="share" (click)="share()" [disabled]="loading">
|
|
||||||
<ng-container *ngIf="loading">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
<mat-icon
|
|
||||||
*ngIf="!loading"
|
|
||||||
aria-hidden="false"
|
|
||||||
aria-label="Share"
|
|
||||||
fontIcon="share"
|
|
||||||
style="color: #fff"
|
|
||||||
></mat-icon>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ng-template #spinner let-diameter>
|
|
||||||
<mat-spinner [strokeWidth]="3" [diameter]="diameter"></mat-spinner>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
:host {
|
|
||||||
padding: 16px;
|
|
||||||
h2 {
|
|
||||||
font-family: Montserrat;
|
|
||||||
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: var(--text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.share {
|
|
||||||
width: 72px;
|
|
||||||
height: 48px;
|
|
||||||
background: var(--button-color);
|
|
||||||
padding: 8px 26px;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { InviteFriendsComponent } from './invite-friends.component';
|
|
||||||
|
|
||||||
describe('InviteFriendsComponent', () => {
|
|
||||||
let component: InviteFriendsComponent;
|
|
||||||
let fixture: ComponentFixture<InviteFriendsComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ InviteFriendsComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(InviteFriendsComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
import { MessageService } from 'primeng/api';
|
|
||||||
import { lastValueFrom } from 'rxjs';
|
|
||||||
import { JsonrpcService, RpcService } from 'src/app/services/jsonrpc.service';
|
|
||||||
import { environment } from 'src/environments/environment';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-invite-friends',
|
|
||||||
templateUrl: './invite-friends.component.html',
|
|
||||||
styleUrls: ['./invite-friends.component.scss']
|
|
||||||
})
|
|
||||||
export class InviteFriendsComponent implements OnInit {
|
|
||||||
public refUrl: string = `${environment.defaultUrl}/?refUserId=`
|
|
||||||
public loading: boolean = true;
|
|
||||||
private shareData: ShareData = {
|
|
||||||
title: ''
|
|
||||||
}
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
private jsonrpc: JsonrpcService,
|
|
||||||
private messageService: MessageService
|
|
||||||
) { }
|
|
||||||
|
|
||||||
async ngOnInit() {
|
|
||||||
const accountData = (await lastValueFrom(
|
|
||||||
this.jsonrpc
|
|
||||||
.rpc(
|
|
||||||
{
|
|
||||||
method: 'getTokenData',
|
|
||||||
params: [],
|
|
||||||
},
|
|
||||||
RpcService.authService,
|
|
||||||
true
|
|
||||||
)
|
|
||||||
)).data
|
|
||||||
|
|
||||||
this.refUrl += accountData.user_id
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
|
|
||||||
share() {
|
|
||||||
if (navigator.share) {
|
|
||||||
navigator.share({
|
|
||||||
title: document.title,
|
|
||||||
text: "Tasty Coffee",
|
|
||||||
url: this.refUrl
|
|
||||||
})
|
|
||||||
.then(() => console.log('Successful share'))
|
|
||||||
.catch((error) => {
|
|
||||||
console.log('Error sharing:', error)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
<h2>Ваш предыдущий заказ</h2>
|
|
||||||
<div class="info-order">
|
|
||||||
<p class="flex"><span>Дата: </span>
|
|
||||||
<span *ngIf="!loading">{{(lastOrder?.transactionCreateDate | date:'dd.MM.yyyyг.') || 'Данные не найдены'}}</span>
|
|
||||||
<ng-container *ngIf="loading">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
</p>
|
|
||||||
<p class="flex"><span>На сумму: </span>
|
|
||||||
<span *ngIf="!loading">{{lastOrder?.orderSum ? lastOrder?.orderSum + ' ₽' : 'Данные не найдены'}}</span>
|
|
||||||
<ng-container *ngIf="loading">
|
|
||||||
<ng-container
|
|
||||||
*ngTemplateOutlet="spinner; context: { $implicit: 24 }"
|
|
||||||
></ng-container>
|
|
||||||
</ng-container>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<img src="./assets/970х250_3.png" alt="" width="100%" />
|
|
||||||
<a href="https://yandex.ru/profile/151770398186" target="_blank">
|
|
||||||
<button class="evaluate-order">Оценить заказ</button>
|
|
||||||
</a>
|
|
||||||
<p class="info">
|
|
||||||
Списание бонусов возможно на любые категории. Бонусами можно оплатить 100%
|
|
||||||
суммы покупки. Бонусы начисляются только на напитки с учётом добавок.
|
|
||||||
Неиспользованные бонусы сгорают в течение 90 дней.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ng-template #spinner let-diameter>
|
|
||||||
<mat-spinner [strokeWidth]="3" [diameter]="diameter"></mat-spinner>
|
|
||||||
</ng-template>
|
|
||||||
@ -1,53 +0,0 @@
|
|||||||
:host {
|
|
||||||
padding: 24px 16px 0px;
|
|
||||||
|
|
||||||
& > .info-order {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 16px;
|
|
||||||
h2 {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 20px;
|
|
||||||
letter-spacing: -0.24px;
|
|
||||||
}
|
|
||||||
span {
|
|
||||||
color: var(--text-color_1);
|
|
||||||
}
|
|
||||||
.flex {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
.info {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.evaluate-order {
|
|
||||||
margin: 24px 0;
|
|
||||||
width: 100%;
|
|
||||||
padding: 12px;
|
|
||||||
text-align: center;
|
|
||||||
border: 2px solid var(--button-color);
|
|
||||||
border-radius: 6px;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
letter-spacing: -0.408px;
|
|
||||||
background-color: transparent;
|
|
||||||
color: var(--button-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 16px;
|
|
||||||
color: var(--text-color_1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { LastOrderComponent } from './last-order.component';
|
|
||||||
|
|
||||||
describe('LastOrderComponent', () => {
|
|
||||||
let component: LastOrderComponent;
|
|
||||||
let fixture: ComponentFixture<LastOrderComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ LastOrderComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(LastOrderComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
import { Component, Input, OnInit } from '@angular/core';
|
|
||||||
import { Purchase } from 'src/app/interface/data';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-last-order[lastOrder]',
|
|
||||||
templateUrl: './last-order.component.html',
|
|
||||||
styleUrls: ['./last-order.component.scss']
|
|
||||||
})
|
|
||||||
export class LastOrderComponent implements OnInit {
|
|
||||||
@Input() lastOrder?: Purchase;
|
|
||||||
@Input() loading!: boolean;
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<li class="menu-item">
|
|
||||||
<ng-content></ng-content>
|
|
||||||
</li>
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
.menu-item {
|
|
||||||
display: flex;
|
|
||||||
gap: 10px;
|
|
||||||
align-items: center;
|
|
||||||
padding: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background-color 0.1s;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: var(--main-color_hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
import { Component, Input, HostListener, } from "@angular/core";
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'menu-item',
|
|
||||||
templateUrl: './menu_item.component.html',
|
|
||||||
styleUrls: ['./menu_item.component.scss'],
|
|
||||||
})
|
|
||||||
export class MenuItemComponent {
|
|
||||||
@Input()
|
|
||||||
handler?: (e: any) => void;
|
|
||||||
|
|
||||||
@HostListener('click', ['$event'])
|
|
||||||
onClick(e: any) {
|
|
||||||
if (this.handler) {
|
|
||||||
this.handler(e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
<div class="container">
|
|
||||||
<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>
|
|
||||||
<h1 class="title">{{title}}</h1>
|
|
||||||
<!-- <div class="plug"></div> -->
|
|
||||||
<div *ngIf="showDropdown" class="backdrop" (click)="closeMenu()"></div>
|
|
||||||
<div *ngIf="showMenu" class="menu">
|
|
||||||
<button mat-button (click)="toggleMenu()">
|
|
||||||
<span class="material-icons" style="color: var(--text-color)">
|
|
||||||
more_horiz
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="menu__dropdown" *ngIf="showDropdown">
|
|
||||||
<ul>
|
|
||||||
<menu-item [handler]="handler(addToWallet)">
|
|
||||||
<img src="./assets/apple_wallet.svg" class="icon" width="24" height="24" />
|
|
||||||
<span class="item_title">Добавить карточку в Wallet</span>
|
|
||||||
</menu-item>
|
|
||||||
<menu-item [handler]="handler(logout)">
|
|
||||||
<span class="material-icons" style="color: var(--main-color)">
|
|
||||||
logout
|
|
||||||
</span>
|
|
||||||
<span class="item_title">Выйти</span>
|
|
||||||
</menu-item>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="wrapper" *ngIf="!showMenu">
|
|
||||||
<button mat-stroked-button appDownloadApp>Установить</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@ -1,78 +0,0 @@
|
|||||||
:host {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.notification {
|
|
||||||
img {
|
|
||||||
width: 28px;
|
|
||||||
height: 28px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 12px 16px;
|
|
||||||
width: 100%;
|
|
||||||
background: var(--header-color);
|
|
||||||
color: var(--text-color);
|
|
||||||
display: grid;
|
|
||||||
justify-content: space-between;
|
|
||||||
grid-template-columns: auto auto auto;
|
|
||||||
justify-items: center;
|
|
||||||
align-items: center;
|
|
||||||
.back {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
.back-arrow {
|
|
||||||
font-size: 16px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.plug {
|
|
||||||
height: 24px;
|
|
||||||
width: 24px;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
.title {
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 22px;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.wrapper {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
min-width: 40px;
|
|
||||||
}
|
|
||||||
.menu {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.menu__dropdown {
|
|
||||||
overflow: hidden;
|
|
||||||
z-index: 110;
|
|
||||||
position: fixed;
|
|
||||||
background-color: white;
|
|
||||||
width: fit-content;
|
|
||||||
height: fit-content;
|
|
||||||
right: 20px;
|
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow: 0px 2px 5px -3px black;
|
|
||||||
|
|
||||||
.item_title {
|
|
||||||
color: var(--background-color);
|
|
||||||
font-size: 14px;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.backdrop {
|
|
||||||
z-index: 100;
|
|
||||||
position: absolute;
|
|
||||||
width: 100vw;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { NavbarComponent } from './navbar.component';
|
|
||||||
|
|
||||||
describe('NavbarComponent', () => {
|
|
||||||
let component: NavbarComponent;
|
|
||||||
let fixture: ComponentFixture<NavbarComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ NavbarComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(NavbarComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,82 +0,0 @@
|
|||||||
import { Component, Input, OnInit } from '@angular/core';
|
|
||||||
import { MessagingService } from 'src/app/services/messaging.service';
|
|
||||||
import { getTypeDevice, DeviceType } from 'src/app/utils';
|
|
||||||
import { AppleWalletService } from 'src/app/services/apple-wallet.service';
|
|
||||||
import { CookiesService } from 'src/app/services/cookies.service';
|
|
||||||
import { MatBottomSheet } from '@angular/material/bottom-sheet';
|
|
||||||
import { ExitComponent } from 'src/app/components/exit/exit.component';
|
|
||||||
import { AuthService } from 'src/app/services/auth.service';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-navbar[title]',
|
|
||||||
templateUrl: './navbar.component.html',
|
|
||||||
styleUrls: ['./navbar.component.scss']
|
|
||||||
})
|
|
||||||
export class NavbarComponent implements OnInit {
|
|
||||||
@Input() title: string = 'Название не задано'
|
|
||||||
@Input() backEvent?: () => void;
|
|
||||||
|
|
||||||
showMenu: boolean = false;
|
|
||||||
showDropdown: boolean = false;
|
|
||||||
|
|
||||||
constructor(
|
|
||||||
public messagingService: MessagingService,
|
|
||||||
private appleWalletService: AppleWalletService,
|
|
||||||
private cookiesService: CookiesService,
|
|
||||||
private _bottomSheet: MatBottomSheet,
|
|
||||||
private authService: AuthService,
|
|
||||||
) { }
|
|
||||||
|
|
||||||
handler(cb: () => void): (e: any) => void {
|
|
||||||
return (e: any) => {
|
|
||||||
cb();
|
|
||||||
this.closeMenu();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
const deviceType = getTypeDevice();
|
|
||||||
|
|
||||||
this.showMenu = deviceType === DeviceType.ios;
|
|
||||||
}
|
|
||||||
|
|
||||||
toggleMenu() {
|
|
||||||
this.showDropdown = !this.showDropdown;
|
|
||||||
}
|
|
||||||
|
|
||||||
openMenu() {
|
|
||||||
this.showDropdown = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
closeMenu = () => {
|
|
||||||
this.showDropdown = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
back() {
|
|
||||||
if (this.backEvent) {
|
|
||||||
this.backEvent();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
addToWallet = () => {
|
|
||||||
if (this.authService.userInfo) {
|
|
||||||
this.appleWalletService.addCardToWallet(this.authService.userInfo);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
deleteToken = (): void => {
|
|
||||||
this.cookiesService.logout();
|
|
||||||
}
|
|
||||||
|
|
||||||
logout = () => {
|
|
||||||
const bottomSheet = this._bottomSheet.open(ExitComponent);
|
|
||||||
bottomSheet.afterDismissed().subscribe({
|
|
||||||
next: (val) => {
|
|
||||||
if (val) {
|
|
||||||
this.authService.logout();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
<a *ngFor="let link of links" [href]="link.url" target="_blank">
|
|
||||||
<img [src]="link.imgUrl" [alt]="link.label" />
|
|
||||||
</a>
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
:host {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
gap: 16px;
|
|
||||||
justify-content: space-between;
|
|
||||||
a {
|
|
||||||
width: 48px;
|
|
||||||
height: 48px;
|
|
||||||
border-radius: 100%;
|
|
||||||
background: var(--main-color_2);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
|
||||||
|
|
||||||
import { SocialMediaButtonsComponent } from './social-media-buttons.component';
|
|
||||||
|
|
||||||
describe('SocialMediaButtonsComponent', () => {
|
|
||||||
let component: SocialMediaButtonsComponent;
|
|
||||||
let fixture: ComponentFixture<SocialMediaButtonsComponent>;
|
|
||||||
|
|
||||||
beforeEach(async () => {
|
|
||||||
await TestBed.configureTestingModule({
|
|
||||||
declarations: [ SocialMediaButtonsComponent ]
|
|
||||||
})
|
|
||||||
.compileComponents();
|
|
||||||
|
|
||||||
fixture = TestBed.createComponent(SocialMediaButtonsComponent);
|
|
||||||
component = fixture.componentInstance;
|
|
||||||
fixture.detectChanges();
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should create', () => {
|
|
||||||
expect(component).toBeTruthy();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
import { Component, OnInit } from '@angular/core';
|
|
||||||
|
|
||||||
export interface ISocialMediaLink {
|
|
||||||
url: string;
|
|
||||||
imgUrl: string;
|
|
||||||
label: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-social-media-buttons',
|
|
||||||
templateUrl: './social-media-buttons.component.html',
|
|
||||||
styleUrls: ['./social-media-buttons.component.scss']
|
|
||||||
})
|
|
||||||
export class SocialMediaButtonsComponent implements OnInit {
|
|
||||||
public links: ISocialMediaLink[] = [
|
|
||||||
{
|
|
||||||
label: 'Инстаграм',
|
|
||||||
url: 'https://instagram.com/coffeelike_com?igshid=MzRlODBiNWFlZA==',
|
|
||||||
imgUrl: '/assets/social-media-icons/instagram.svg'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'ВК',
|
|
||||||
url: 'https://vk.com/coffeelike_com',
|
|
||||||
imgUrl: '/assets/social-media-icons/vk.svg'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Youtube',
|
|
||||||
url: 'https://www.youtube.com/c/coffeelikeru',
|
|
||||||
imgUrl: '/assets/social-media-icons/youtube.svg'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
constructor() { }
|
|
||||||
|
|
||||||
ngOnInit(): void {
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user