diff --git a/customer-vue/README.md b/customer-vue/README.md new file mode 100644 index 0000000..c1c3be2 --- /dev/null +++ b/customer-vue/README.md @@ -0,0 +1,29 @@ +# customer + +## Project setup +``` +npm install +``` + +### Compiles and hot-reloads for development +``` +npm run serve +``` + +### Compiles and minifies for production +``` +npm run build +``` + +### Run your tests +``` +npm run test +``` + +### Lints and fixes files +``` +npm run lint +``` + +### Customize configuration +See [Configuration Reference](https://cli.vuejs.org/config/). diff --git a/customer-vue/babel.config.js b/customer-vue/babel.config.js new file mode 100644 index 0000000..e955840 --- /dev/null +++ b/customer-vue/babel.config.js @@ -0,0 +1,5 @@ +module.exports = { + presets: [ + '@vue/cli-plugin-babel/preset' + ] +} diff --git a/customer-vue/jsconfig.json b/customer-vue/jsconfig.json new file mode 100644 index 0000000..4aafc5f --- /dev/null +++ b/customer-vue/jsconfig.json @@ -0,0 +1,19 @@ +{ + "compilerOptions": { + "target": "es5", + "module": "esnext", + "baseUrl": "./", + "moduleResolution": "node", + "paths": { + "@/*": [ + "src/*" + ] + }, + "lib": [ + "esnext", + "dom", + "dom.iterable", + "scripthost" + ] + } +} diff --git a/customer-vue/package.json b/customer-vue/package.json new file mode 100644 index 0000000..ad6da4f --- /dev/null +++ b/customer-vue/package.json @@ -0,0 +1,45 @@ +{ + "name": "customer", + "version": "0.1.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint" + }, + "dependencies": { + "axios": "^0.26.0", + "core-js": "^3.8.3", + "vue": "^2.6.14", + "vue-router": "^3.5.3" + }, + "devDependencies": { + "@babel/core": "^7.12.16", + "@babel/eslint-parser": "^7.12.16", + "@vue/cli-plugin-babel": "^5.0.0", + "@vue/cli-plugin-eslint": "^5.0.0", + "@vue/cli-service": "^5.0.0", + "eslint": "^7.32.0", + "eslint-plugin-vue": "^8.0.3", + "vue-template-compiler": "^2.6.14" + }, + "eslintConfig": { + "root": true, + "env": { + "node": true + }, + "extends": [ + "plugin:vue/essential", + "eslint:recommended" + ], + "parserOptions": { + "parser": "@babel/eslint-parser" + }, + "rules": {} + }, + "browserslist": [ + "> 1%", + "last 2 versions", + "not dead" + ] +} diff --git a/customer-vue/public/_manifest.json b/customer-vue/public/_manifest.json new file mode 100755 index 0000000..e0e4181 --- /dev/null +++ b/customer-vue/public/_manifest.json @@ -0,0 +1,67 @@ +{ +"version": "4.0", +"comment": "---Above version must be the same as data-pwa-version", +"comment": "---data-pwa-version can be found in index.html in the manifest tag", +"comment": "---if versions are not the same it will cause an update loop", +"lang" : "en", +"name" : "Sticky", +"scope" : "/", +"display" : "fullscreen", +"start_url" : "/index.html", +"short_name" : "Sticky", +"description" : "", +"orientation" : "portrait", +"background_color": "#000000", +"theme_color": "#000000", +"generated" : "true", + "icons": [ + { + "src": "app/icons/icon-72x72.png", + "sizes": "72x72", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-96x96.png", + "sizes": "96x96", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-128x128.png", + "sizes": "128x128", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-144x144.png", + "sizes": "144x144", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-152x152.png", + "sizes": "152x152", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-192x192.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-384x384.png", + "sizes": "384x384", + "type": "image/png", + "purpose": "any maskable" + }, + { + "src": "app/icons/icon-512x512.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "any maskable" + } + ] +} \ No newline at end of file diff --git a/customer-vue/public/app/icons/favicon.ico b/customer-vue/public/app/icons/favicon.ico new file mode 100755 index 0000000..ff39e2c Binary files /dev/null and b/customer-vue/public/app/icons/favicon.ico differ diff --git a/customer-vue/public/app/icons/icon-128x128.png b/customer-vue/public/app/icons/icon-128x128.png new file mode 100644 index 0000000..642d0d5 Binary files /dev/null and b/customer-vue/public/app/icons/icon-128x128.png differ diff --git a/customer-vue/public/app/icons/icon-144x144.png b/customer-vue/public/app/icons/icon-144x144.png new file mode 100644 index 0000000..f2a2fc8 Binary files /dev/null and b/customer-vue/public/app/icons/icon-144x144.png differ diff --git a/customer-vue/public/app/icons/icon-152x152.png b/customer-vue/public/app/icons/icon-152x152.png new file mode 100644 index 0000000..4b89671 Binary files /dev/null and b/customer-vue/public/app/icons/icon-152x152.png differ diff --git a/customer-vue/public/app/icons/icon-192x192.png b/customer-vue/public/app/icons/icon-192x192.png new file mode 100644 index 0000000..7cd33a3 Binary files /dev/null and b/customer-vue/public/app/icons/icon-192x192.png differ diff --git a/customer-vue/public/app/icons/icon-384x384.png b/customer-vue/public/app/icons/icon-384x384.png new file mode 100644 index 0000000..02c967d Binary files /dev/null and b/customer-vue/public/app/icons/icon-384x384.png differ diff --git a/customer-vue/public/app/icons/icon-512x512.png b/customer-vue/public/app/icons/icon-512x512.png new file mode 100644 index 0000000..5f37913 Binary files /dev/null and b/customer-vue/public/app/icons/icon-512x512.png differ diff --git a/customer-vue/public/app/icons/icon-72x72.png b/customer-vue/public/app/icons/icon-72x72.png new file mode 100644 index 0000000..a1aea5c Binary files /dev/null and b/customer-vue/public/app/icons/icon-72x72.png differ diff --git a/customer-vue/public/app/icons/icon-96x96.png b/customer-vue/public/app/icons/icon-96x96.png new file mode 100644 index 0000000..74205f4 Binary files /dev/null and b/customer-vue/public/app/icons/icon-96x96.png differ diff --git a/customer-vue/public/app/splash/iphoneplus.png b/customer-vue/public/app/splash/iphoneplus.png new file mode 100755 index 0000000..6b81c74 Binary files /dev/null and b/customer-vue/public/app/splash/iphoneplus.png differ diff --git a/customer-vue/public/app/splash/iphoneregular.png b/customer-vue/public/app/splash/iphoneregular.png new file mode 100755 index 0000000..6c44f44 Binary files /dev/null and b/customer-vue/public/app/splash/iphoneregular.png differ diff --git a/customer-vue/public/app/splash/iphonexr.png b/customer-vue/public/app/splash/iphonexr.png new file mode 100755 index 0000000..2f2a5ee Binary files /dev/null and b/customer-vue/public/app/splash/iphonexr.png differ diff --git a/customer-vue/public/app/splash/iphonexs.png b/customer-vue/public/app/splash/iphonexs.png new file mode 100755 index 0000000..7d1e799 Binary files /dev/null and b/customer-vue/public/app/splash/iphonexs.png differ diff --git a/customer-vue/public/app/splash/iphonexsmax.png b/customer-vue/public/app/splash/iphonexsmax.png new file mode 100755 index 0000000..ab8eb58 Binary files /dev/null and b/customer-vue/public/app/splash/iphonexsmax.png differ diff --git a/customer-vue/public/favicon.ico b/customer-vue/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/customer-vue/public/favicon.ico differ diff --git a/customer-vue/public/index.html b/customer-vue/public/index.html new file mode 100644 index 0000000..91eea02 --- /dev/null +++ b/customer-vue/public/index.html @@ -0,0 +1,29 @@ + + + + + + + + <%= htmlWebpackPlugin.options.title %> + + + + + + + + + + + +
+ +
+ + + + + diff --git a/customer-vue/public/styles/highlights/highlight_aqua.css b/customer-vue/public/styles/highlights/highlight_aqua.css new file mode 100644 index 0000000..3abfc6f --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_aqua.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #3BAFDA !important; +} + +.bg-highlight { + background-color: #3BAFDA !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #3BAFDA !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #4FC1E9, #3BAFDA) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #3BAFDA !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #3BAFDA !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #3BAFDA; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #3BAFDA; +} + +.form-floating-over > .form-select ~ label { + color: #3BAFDA; +} + +.color-highlight { + color: #3BAFDA; +} + +.bg-highlight { + background-color: #3BAFDA; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #3BAFDA !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_blue.css b/customer-vue/public/styles/highlights/highlight_blue.css new file mode 100644 index 0000000..f30f4e6 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_blue.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #4A89DC !important; +} + +.bg-highlight { + background-color: #4A89DC !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #4A89DC !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #5D9CEC, #4A89DC) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #4A89DC !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #4A89DC !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #4A89DC; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #4A89DC; +} + +.form-floating-over > .form-select ~ label { + color: #4A89DC; +} + +.color-highlight { + color: #4A89DC; +} + +.bg-highlight { + background-color: #4A89DC; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #4A89DC !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_brown.css b/customer-vue/public/styles/highlights/highlight_brown.css new file mode 100644 index 0000000..b9b2acc --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_brown.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #AA8E69 !important; +} + +.bg-highlight { + background-color: #AA8E69 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #AA8E69 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #BAA286, #AA8E69) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #AA8E69 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #AA8E69 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #AA8E69; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #AA8E69; +} + +.form-floating-over > .form-select ~ label { + color: #AA8E69; +} + +.color-highlight { + color: #AA8E69; +} + +.bg-highlight { + background-color: #AA8E69; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #AA8E69 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_dark.css b/customer-vue/public/styles/highlights/highlight_dark.css new file mode 100644 index 0000000..3a0f8b9 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_dark.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #434A54 !important; +} + +.bg-highlight { + background-color: #434A54 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #434A54 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #656D78, #434A54) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #434A54 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #434A54 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #434A54; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #434A54; +} + +.form-floating-over > .form-select ~ label { + color: #434A54; +} + +.color-highlight { + color: #434A54; +} + +.bg-highlight { + background-color: #434A54; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #434A54 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_grass.css b/customer-vue/public/styles/highlights/highlight_grass.css new file mode 100644 index 0000000..c2cb257 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_grass.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #2ABA66 !important; +} + +.bg-highlight { + background-color: #2ABA66 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #2ABA66 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #34cc73, #2ABA66) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #2ABA66 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #2ABA66 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #2ABA66; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #2ABA66; +} + +.form-floating-over > .form-select ~ label { + color: #2ABA66; +} + +.color-highlight { + color: #2ABA66; +} + +.bg-highlight { + background-color: #2ABA66; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #2ABA66 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_green.css b/customer-vue/public/styles/highlights/highlight_green.css new file mode 100644 index 0000000..2f42e84 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_green.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #8CC152 !important; +} + +.bg-highlight { + background-color: #8CC152 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #8CC152 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #A0D468, #8CC152) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #8CC152 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #8CC152 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #8CC152; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #8CC152; +} + +.form-floating-over > .form-select ~ label { + color: #8CC152; +} + +.color-highlight { + color: #8CC152; +} + +.bg-highlight { + background-color: #8CC152; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #8CC152 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_magenta.css b/customer-vue/public/styles/highlights/highlight_magenta.css new file mode 100644 index 0000000..9548ac2 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_magenta.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #967ADC !important; +} + +.bg-highlight { + background-color: #967ADC !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #967ADC !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #AC92EC, #967ADC) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #967ADC !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #967ADC !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #967ADC; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #967ADC; +} + +.form-floating-over > .form-select ~ label { + color: #967ADC; +} + +.color-highlight { + color: #967ADC; +} + +.bg-highlight { + background-color: #967ADC; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #967ADC !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_mint.css b/customer-vue/public/styles/highlights/highlight_mint.css new file mode 100644 index 0000000..c99321d --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_mint.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #37BC9B !important; +} + +.bg-highlight { + background-color: #37BC9B !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #37BC9B !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #48CFAD, #37BC9B) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #37BC9B !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #37BC9B !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #37BC9B; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #37BC9B; +} + +.form-floating-over > .form-select ~ label { + color: #37BC9B; +} + +.color-highlight { + color: #37BC9B; +} + +.bg-highlight { + background-color: #37BC9B; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #37BC9B !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_night.css b/customer-vue/public/styles/highlights/highlight_night.css new file mode 100644 index 0000000..d0b0d64 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_night.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #16181c !important; +} + +.bg-highlight { + background-color: #16181c !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #16181c !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #222529, #16181c) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #16181c !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #16181c !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #16181c; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #16181c; +} + +.form-floating-over > .form-select ~ label { + color: #16181c; +} + +.color-highlight { + color: #16181c; +} + +.bg-highlight { + background-color: #16181c; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #16181c !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_orange.css b/customer-vue/public/styles/highlights/highlight_orange.css new file mode 100644 index 0000000..63476fb --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_orange.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #E9573F !important; +} + +.bg-highlight { + background-color: #E9573F !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #E9573F !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #FC6E51, #E9573F) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #E9573F !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #E9573F !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #E9573F; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #E9573F; +} + +.form-floating-over > .form-select ~ label { + color: #E9573F; +} + +.color-highlight { + color: #E9573F; +} + +.bg-highlight { + background-color: #E9573F; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #E9573F !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_pink2.css b/customer-vue/public/styles/highlights/highlight_pink2.css new file mode 100644 index 0000000..39bd21f --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_pink2.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #fb3365 !important; +} + +.bg-highlight { + background-color: #fb3365 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #fb3365 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #ff5982, #fb3365) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #fb3365 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #fb3365 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #fb3365; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #fb3365; +} + +.form-floating-over > .form-select ~ label { + color: #fb3365; +} + +.color-highlight { + color: #fb3365; +} + +.bg-highlight { + background-color: #fb3365; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #fb3365 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_red.css b/customer-vue/public/styles/highlights/highlight_red.css new file mode 100644 index 0000000..1fd75fe --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_red.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #DA4453 !important; +} + +.bg-highlight { + background-color: #DA4453 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #DA4453 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #ED5565, #DA4453) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #DA4453 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #DA4453 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #DA4453; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #DA4453; +} + +.form-floating-over > .form-select ~ label { + color: #DA4453; +} + +.color-highlight { + color: #DA4453; +} + +.bg-highlight { + background-color: #DA4453; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #DA4453 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_sunny.css b/customer-vue/public/styles/highlights/highlight_sunny.css new file mode 100644 index 0000000..8d38aae --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_sunny.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #d99914 !important; +} + +.bg-highlight { + background-color: #d99914 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #d99914 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #f0b31b, #d99914) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #d99914 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #d99914 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #d99914; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #d99914; +} + +.form-floating-over > .form-select ~ label { + color: #d99914; +} + +.color-highlight { + color: #d99914; +} + +.bg-highlight { + background-color: #d99914; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #d99914 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_teal.css b/customer-vue/public/styles/highlights/highlight_teal.css new file mode 100644 index 0000000..20030c5 --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_teal.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #7DB1B1 !important; +} + +.bg-highlight { + background-color: #7DB1B1 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #7DB1B1 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #A0CECB, #7DB1B1) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #7DB1B1 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #7DB1B1 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #7DB1B1; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #7DB1B1; +} + +.form-floating-over > .form-select ~ label { + color: #7DB1B1; +} + +.color-highlight { + color: #7DB1B1; +} + +.bg-highlight { + background-color: #7DB1B1; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #7DB1B1 !important; +} diff --git a/customer-vue/public/styles/highlights/highlight_yellow.css b/customer-vue/public/styles/highlights/highlight_yellow.css new file mode 100644 index 0000000..70d06bd --- /dev/null +++ b/customer-vue/public/styles/highlights/highlight_yellow.css @@ -0,0 +1,56 @@ +/* Generating Color Pack*/ +.color-highlight { + color: #F6BB42 !important; +} + +.bg-highlight { + background-color: #F6BB42 !important; + color: #FFF !important; +} + +.border-highlight { + border-color: #F6BB42 !important; +} + +.gradient-highlight { + background-image: linear-gradient(to bottom, #FFCE54, #F6BB42) !important; +} + +.footer-bar-2 .active-nav, +.footer-bar-5 strong, +.footer-bar-4 strong, +.splide__pagination__page.is-active { + background-color: #F6BB42 !important; +} + +.footer-bar-1 .active-nav i, +.footer-bar-1 .active-nav span, +.footer-bar-3 .active-nav i { + color: #F6BB42 !important; +} + +.form-floating-over > .form-control:focus ~ label { + color: #F6BB42; +} + +.form-floating-over > .form-control:not(:placeholder-shown) ~ label { + color: #F6BB42; +} + +.form-floating-over > .form-select ~ label { + color: #F6BB42; +} + +.color-highlight { + color: #F6BB42; +} + +.bg-highlight { + background-color: #F6BB42; + color: #FFF !important; +} + +.interest-check input:checked ~ label { + color: #FFF !important; + background-color: #F6BB42 !important; +} diff --git a/customer-vue/src/App.vue b/customer-vue/src/App.vue new file mode 100644 index 0000000..f687e9c --- /dev/null +++ b/customer-vue/src/App.vue @@ -0,0 +1,14 @@ + + + + + diff --git a/customer-vue/src/assets/logo.png b/customer-vue/src/assets/logo.png new file mode 100644 index 0000000..f3d2503 Binary files /dev/null and b/customer-vue/src/assets/logo.png differ diff --git a/customer-vue/src/components/HelloWorld.vue b/customer-vue/src/components/HelloWorld.vue new file mode 100644 index 0000000..8871722 --- /dev/null +++ b/customer-vue/src/components/HelloWorld.vue @@ -0,0 +1,14 @@ + + + + + diff --git a/customer-vue/src/main.js b/customer-vue/src/main.js new file mode 100644 index 0000000..6a73694 --- /dev/null +++ b/customer-vue/src/main.js @@ -0,0 +1,11 @@ +import Vue from 'vue' +import App from './App.vue' +import router from './router/router.js'; + +Vue.config.productionTip = false +Vue.config.devtools = true; + +new Vue({ + router, + render: h => h(App), +}).$mount('#app') diff --git a/customer-vue/src/router/router.js b/customer-vue/src/router/router.js new file mode 100644 index 0000000..aa36ff3 --- /dev/null +++ b/customer-vue/src/router/router.js @@ -0,0 +1,29 @@ +import Vue from 'vue'; +import VueRouter from "vue-router"; + +import HomeLayout from "@/views/Layout/HomeLayout"; + +Vue.use(VueRouter) + +const routes = [ + { + path: '/', + redirect: 'home', + component: HomeLayout, + children: [ + { + path: "/home", + name: 'TestView', + component: () => import('./../views/TestView') + } + ] + } +] + +const router = new VueRouter({ + mode: 'history', + base: process.env.BASE_URL, + routes +}) + +export default router; \ No newline at end of file diff --git a/customer-vue/src/views/Layout/FooterBar.vue b/customer-vue/src/views/Layout/FooterBar.vue new file mode 100644 index 0000000..6e22016 --- /dev/null +++ b/customer-vue/src/views/Layout/FooterBar.vue @@ -0,0 +1,19 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/src/views/Layout/HomeLayout.vue b/customer-vue/src/views/Layout/HomeLayout.vue new file mode 100644 index 0000000..3d72fa6 --- /dev/null +++ b/customer-vue/src/views/Layout/HomeLayout.vue @@ -0,0 +1,26 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/src/views/Layout/TopBar.vue b/customer-vue/src/views/Layout/TopBar.vue new file mode 100644 index 0000000..4ef0c8a --- /dev/null +++ b/customer-vue/src/views/Layout/TopBar.vue @@ -0,0 +1,18 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/src/views/TestView.vue b/customer-vue/src/views/TestView.vue new file mode 100644 index 0000000..1e23133 --- /dev/null +++ b/customer-vue/src/views/TestView.vue @@ -0,0 +1,25 @@ + + + + + \ No newline at end of file diff --git a/customer-vue/vue.config.js b/customer-vue/vue.config.js new file mode 100644 index 0000000..5b768af --- /dev/null +++ b/customer-vue/vue.config.js @@ -0,0 +1,3 @@ +module.exports = { + transpileDependencies: true +}