This commit is contained in:
rakesh 2023-05-17 13:37:02 +05:30
parent 88e29a453d
commit 45cd6c174d
20 changed files with 106 additions and 62 deletions

View File

@ -1,7 +1,8 @@
NODE_ENV=production
VITE_APP_MAGENTO_API_URL=https://m2-stg.crane.com
VITE_APP_CRANE_URL=/shop
VITE_APP_GATE_URL=/gate
VITE_APP_ME_URL=/retailer
VITE_APP_ME_URL=/b2b
VITE_APP_LOGIN_URL=/gate/sign-in
VITE_APP_PERSONALIZE_URL=https://personalize-daily.crane.com/personalize
VITE_APP_PROVISION_URL=http://manager-daily.crane.com/manager

View File

@ -14,10 +14,10 @@
"copy:git-info": "node copyGitInfo.js",
"index-catalog": "node indexCatalog.js",
"build": "vite build",
"build:daily": "NODE_ENV=production vite build --mode daily",
"build:daily": "AWS_PROFILE=crane NODE_ENV=production vite build --mode daily --debug",
"build:staging": "NODE_ENV=production vite build --mode staging",
"build:production": "NODE_ENV=production vite build --mode production",
"deploy:daily": "AWS_PROFILE=crane vite s3-deploy --mode daily",
"deploy:daily": "AWS_PROFILE=crane vite s3-deploy --mode daily --debug",
"deploy:production": "AWS_PROFILE=crane vite s3-deploy --mode production",
"deploy:staging": "AWS_PROFILE=crane vite s3-deploy --mode staging",
"lint": "vite lint"
@ -30,7 +30,6 @@
"js-base64": "^2.5.1",
"lodash-humps": "^3.1.5",
"vite-plugin-s3": "^0.3.0",
"vite-plugin-vuetify": "^1.0.2",
"vue": "^3.2.47",
"vue-meta": "^2.4.0",
"vue-router": "4",
@ -46,6 +45,7 @@
"devDependencies": {
"@vitejs/plugin-vue": "^4.1.0",
"vite-plugin-vuetify": "^1.0.2",
"vite-plugin-webpackchunkname":"^0.2.4",
"babel-eslint": "^10.0.3",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3",

View File

@ -82,19 +82,19 @@
}
.home-right-icon {
background-image: url('../../../assets/right-arrow.png');
background-image: url('@/assets/right-arrow.png');
max-width: 22px;
height: 24px;
}
.home-right-hover-icon {
background-image: url('../../../assets/right-hover-arrow.png');
background-image: url('@/assets/right-hover-arrow.png');
max-width: 22px;
height: 24px;
}
.homepage-route-link:active .home-right-hover-icon {
background-image: url('../../../assets/right-arrow.png');
background-image: url('@/assets/right-arrow.png');
max-width: 22px;
height: 24px;
}

View File

@ -565,11 +565,14 @@
</template>
<script>
/* eslint-disable no-alert, no-console , no-debugger */
import * as easings from "vuetify/es5/services/goto/easing-patterns";
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
import { createHelpers } from "vuex-map-fields";
import { mapState } from "vuex";
import FilterComponent from "../filter/FilterComponent";
import FilterComponent from "@/components/retailer/filter/FilterComponent.vue";
import BreadcrumbComponent from "@/components/retailer/breadcrumb/Breadcrumb.vue";
import {
attribute,
customAttributeValue,
@ -933,7 +936,7 @@ export default {
});
},
pageViewChange() {
this.$vuetify.goTo(this.$refs.divOne, this.easingOptions);
// this.$vuetify.goTo(this.$refs.divOne, this.easingOptions);
this.pageNo = this.pageViewNumber;
this.sortAndNextPage();
},
@ -1018,7 +1021,7 @@ export default {
.catch((error) => {
error;
});
this.$vuetify.goTo(this.$refs.divOne, this.easingOptions);
// this.$vuetify.goTo(this.$refs.divOne, this.easingOptions);
this.$store
.dispatch("catalogBrowser/search", {
fullCatalog: window.craneCatalog,

View File

@ -220,7 +220,7 @@ export default {
.gift-guide-link {
color: #2544dd !important;
& .home-page-icon {
background-image: url("../../../assets/blue-arrow.png");
background-image: url("@/assets/blue-arrow.png");
max-width: 22px;
height: 14px;
background-position: right center;
@ -230,7 +230,7 @@ export default {
.gift-guide-link:hover {
color: #ccb7ff !important;
& .home-page-icon {
background-image: url("../../../assets/hover-arrow.png");
background-image: url("@/assets/hover-arrow.png");
max-width: 22px;
height: 14px;
background-position: right center;

View File

@ -67,35 +67,35 @@
}
}
.home-right-icon{
background-image: url('../../../assets/blue-arrow.png');
background-image: url('@/assets/blue-arrow.png');
max-width:22px;
height:13px;
background-position: right center;
background-size:contain;
}
.home-right-hover-icon{
background-image: url('../../../assets/hover-arrow.png');
background-image: url('@/assets/hover-arrow.png');
max-width:22px;
height:13px;
background-position: right center;
background-size:contain;
}
.homepage-route-link:active .home-right-hover-icon{
background-image: url('../../../assets/blue-arrow.png');
background-image: url('@/assets/blue-arrow.png');
max-width:22px;
height:13px;
background-position: right center;
background-size:contain;
}
.home-right-white-icon{
background-image: url('../../../assets/white-arrow.png');
background-image: url('@/assets/white-arrow.png');
max-width:22px;
height:13px;
background-position: right center;
background-size:contain;
}
.home-right-dark-icon{
background-image: url('../../../assets/strong-blue-arrow.png');
background-image: url('@/assets/strong-blue-arrow.png');
max-width:22px;
height:13px;
background-position: right center;

View File

@ -279,7 +279,7 @@ mounted() {
.home-page-craft-link{
color: #2d5d84 !important;
& .home-page-icon{
background-image: url('../../../assets/strong-blue-arrow.png');
background-image: url('@/assets/strong-blue-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
@ -289,7 +289,7 @@ mounted() {
.home-page-craft-link:hover{
color: #CCB7FF !important;
& .home-page-icon{
background-image: url('../../../assets/hover-arrow.png');
background-image: url('@/assets/hover-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
@ -299,7 +299,7 @@ mounted() {
.home-page-white-link{
color: #ffffff !important;
& .home-page-icon{
background-image: url('../../../assets/white-arrow.png');
background-image: url('@/assets/white-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
@ -309,7 +309,7 @@ mounted() {
.home-page-white-link:hover{
color: #CCB7FF !important;
& .home-page-icon{
background-image: url('../../../assets/hover-arrow.png');
background-image: url('@/assets/hover-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
@ -319,7 +319,7 @@ mounted() {
.home-page-link{
color: #2c50da !important;
& .home-page-icon{
background-image: url('../../../assets/blue-arrow.png');
background-image: url('@/assets/blue-arrow.png');
max-width:22px;
height:13px;
background-position: right center;
@ -329,7 +329,7 @@ mounted() {
.home-page-link:hover{
color: #CCB7FF !important;
& .home-page-icon{
background-image: url('../../../assets/hover-arrow.png');
background-image: url('@/assets/hover-arrow.png');
max-width:22px;
height:13px;
background-position: right center;

View File

@ -25,35 +25,35 @@
opacity: 0 !important;
}
.postscriptblog-right-icon{
background-image: url('../../../assets/blue-arrow.png');
background-image: url('@/assets/blue-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
background-size:contain;
}
.postscriptblog-right-hover-icon{
background-image: url('../../../assets/hover-arrow.png');
background-image: url('@/assets/hover-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
background-size:contain;
}
.postscriptblog-route-link:active .postscriptblog-right-hover-icon{
background-image: url('../../../assets/blue-arrow.png');
background-image: url('@/assets/blue-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
background-size:contain;
}
.postscriptblog-right-white-icon{
background-image: url('../../../assets/white-arrow.png');
background-image: url('@/assets/white-arrow.png');
max-width:22px;
height:14px;
background-position: right center;
background-size:contain;
}
.postscriptblog-right-dark-icon{
background-image: url('../../../assets/strong-blue-arrow.png');
background-image: url('@/assets/strong-blue-arrow.png');
max-width:22px;
height:14px;
background-position: right center;

View File

@ -86,7 +86,7 @@ export default {
.post-script-link{
color: #2c50da !important;
& .home-page-icon{
background-image: url('../../../assets/blue-arrow.png');
background-image: url('@/assets/blue-arrow.png');
max-width:22px;
height:13px;
background-position: right center;
@ -96,7 +96,7 @@ export default {
.post-script-link:hover{
color: #CCB7FF !important;
& .home-page-icon{
background-image: url('../../../assets/hover-arrow.png');
background-image: url('@/assets/hover-arrow.png');
max-width:22px;
height:13px;
background-position: right center;

View File

@ -381,7 +381,7 @@
<script>
const personlizeUrl = import.meta.env.VITE_APP_PERSONALIZE_URL;
const retailorId = import.meta.env.VITE_APP_RETAILOR_ID;
import * as easings from "vuetify/es5/services/goto/easing-patterns";
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
import SnackbarComponent from "@/components/common/SnackbarComponent.vue";
import { getLable, customAttributeValue ,setCategoryNameInLocal} from "@/services/util.service";
//import { getAuthUser } from "@/services/auth";
@ -830,11 +830,7 @@ export default {
this.selected = index;
},
pageScrollUp() {
if (this.$refs.divOne)
this.$vuetify.goTo(this.$refs.divOne, {
duration: 300,
easing: "easeInOutCubic"
});
this.updateProgress = true;
setTimeout(() => {
this.updateProgress = false;

View File

@ -494,7 +494,7 @@
import SnackbarComponent from "@/components/common/SnackbarComponent.vue";
import { getLable ,customAttributeValue,setCategoryNameInLocal} from "@/services/util.service";
import { createHelpers } from "vuex-map-fields";
import * as easings from "vuetify/es5/services/goto/easing-patterns";
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
const { mapFields: guest } = createHelpers({
getterType: "cartProduct/getField",
@ -792,11 +792,11 @@ export default {
this.selected = index;
},
pageScrollUp() {
if (this.$refs.divOne)
/* if (this.$refs.divOne)
this.$vuetify.goTo(this.$refs.divOne, {
duration: 300,
easing: "easeInOutCubic"
});
});*/
},
async getMessageDetails() {
if (this.itemId) {

View File

@ -448,7 +448,7 @@
<script>
const personlizeUrl = import.meta.env.VITE_APP_PERSONALIZE_URL;
const retailorId = import.meta.env.VITE_APP_RETAILOR_ID;
import * as easings from "vuetify/es5/services/goto/easing-patterns";
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
import SnackbarComponent from "@/components/common/SnackbarComponent.vue";
import { priceFormatter, getLable, customAttributeValue , /*criteoForCurrentProduct, */setCategoryNameInLocal} from "@/services/util.service";
//import { getAuthUser } from "@/services/auth";
@ -867,11 +867,11 @@ export default {
this.selected = index;
},
pageScrollUp() {
if (this.$refs.divOne)
/* if (this.$refs.divOne)
this.$vuetify.goTo(this.$refs.divOne, {
duration: 300,
easing: "easeInOutCubic"
});
});*/
this.updateProgress = true;
setTimeout(() => {
this.updateProgress = false;

View File

@ -319,12 +319,12 @@
</template>
<script>
/* eslint-disable no-alert, no-console , no-debugger */
import * as easings from "vuetify/es5/services/goto/easing-patterns";
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
import BreadcrumbComponent from "@/components/retailer/breadcrumb/Breadcrumb.vue";
import { createHelpers } from "vuex-map-fields";
import { mapState } from "vuex";
import CategoryHeroContent from "@/components/retailer/category/CategoryHeroContent.vue";
import FilterComponent from "../filter/FilterComponent";
import FilterComponent from "@/components/retailer/filter/FilterComponent.vue";
const { mapFields } = createHelpers({
getterType: "catalogBrowser/getField",

View File

@ -486,7 +486,7 @@ th {
.shipping-delivery-page-primary-link {
color: #2850da !important;
& .shipping-delivery-page-icon {
background-image: url("../../../assets/right-arrow.png");
background-image: url("@/assets/right-arrow.png");
max-width: 22px;
height: 22px;
background-position: right center;
@ -496,7 +496,7 @@ th {
.shipping-delivery-page-primary-link:hover {
color: #fff !important;
& .shipping-delivery-page-icon {
background-image: url("../../../assets/right-arrow-white.png");
background-image: url("@/assets/right-arrow-white.png");
max-width: 22px;
height: 22px;
background-position: right center;
@ -506,7 +506,7 @@ th {
.shipping-delivery-page-link {
color: #ccb7ff !important;
& .shipping-delivery-page-icon {
background-image: url("../../../assets/right-hover-arrow.png");
background-image: url("@/assets/right-hover-arrow.png");
max-width: 22px;
height: 22px;
background-position: right center;
@ -516,7 +516,7 @@ th {
.shipping-delivery-page-link:hover {
color: #fff !important;
& .shipping-delivery-page-icon {
background-image: url("../../../assets/right-arrow-white.png");
background-image: url("@/assets/right-arrow-white.png");
max-width: 22px;
height: 22px;
background-position: right center;

View File

@ -4,7 +4,7 @@
</div>
</template>
<script>
import ResetPasswordComponent from "../../components/gate/ResetPasswordComponent";
import ResetPasswordComponent from "@/components/gate/ResetPasswordComponent.vue";
export default {
name: "ResetPasswordPage",
components: {

View File

@ -4,7 +4,7 @@
</div>
</template>
<script>
import SignUpComponent from "../../components/gate/SignUpComponent";
import SignUpComponent from "@/components/gate/SignUpComponent.vue";
export default {
name: "SignUpPage",
components: {

View File

@ -564,10 +564,9 @@ export default {
phoneNumberValidation() {},
submit: async function () {
try {
if (
this.$refs.contactForm.validate() &&
this.$refs.addressForm.$refs.shippingAddressform.validate()
) {
let validate = await this.$refs.contactForm.validate()
let validateShippingAddressform = await this.$refs.addressForm.$refs.shippingAddressform.validate()
if (validate && validate.valid && validateShippingAddressform && validateShippingAddressform.valid) {
this.addressInProgress = true;
this.dialog = true;
let response = await this.$store.dispatch(

View File

@ -50,7 +50,7 @@
<script>
/* eslint-disable no-alert, no-console , no-debugger */
const baseUrl = import.meta.env.VITE_APP_BASE_URL;
import * as easings from "vuetify/es5/services/goto/easing-patterns";
//import * as easings from "vuetify/es5/services/goto/easing-patterns";
import RelatedProductsComponent from "@/components/retailer/product-detail/RelatedProductsComponent.vue";
import RecentlyViewedComponent from "@/components/retailer/product-detail/RecentlyViewedComponent.vue";
import ProductDetailComponent from "@/components/retailer/product-detail/ProductDetailComponent.vue";

View File

@ -4,6 +4,7 @@ import { defineConfig, loadEnv } from 'vite';
import vue from '@vitejs/plugin-vue';
import vuetify from 'vite-plugin-vuetify';
import viteAws from 'vite-plugin-aws3'
import { manualChunksPlugin } from 'vite-plugin-webpackchunkname'
import path from 'path'
@ -33,6 +34,7 @@ export default ({ mode }) => {
plugins: [
vue(),
vuetify({ styles: 'expose' ,autoImport: true}),
manualChunksPlugin(),
viteAws({
// exclude: /.*\.img/,
// include: /.*\.js$/,
@ -54,12 +56,13 @@ export default ({ mode }) => {
watch: {
usePolling: true
},
host: 'local.crane.com',
},
build: {
manifest: true,
chunkSizeWarningLimit: 2048
chunkSizeWarningLimit: 2048,
assetsDir:"static"
}
});
}
}

View File

@ -1961,6 +1961,21 @@
resolved "https://registry.yarnpkg.com/@mdi/font/-/font-5.9.55.tgz#41acd50b88073ded7095fc3029d8712b6e12f38e"
integrity sha512-jswRF6q3eq8NWpWiqct6q+6Fg/I7nUhrxYJfiEM8JJpap0wVJLQdbKtyS65GdlK7S7Ytnx3TTi/bmw+tBhkGmg==
"@rollup/plugin-alias@^3.1.9":
version "3.1.9"
resolved "https://registry.yarnpkg.com/@rollup/plugin-alias/-/plugin-alias-3.1.9.tgz#a5d267548fe48441f34be8323fb64d1d4a1b3fdf"
integrity sha512-QI5fsEvm9bDzt32k39wpOwZhVzRcL5ydcffUHMyLVaVaLeC70I8TJZ17F1z1eMoLu4E/UOcH9BWVkKpIKdrfiw==
dependencies:
slash "^3.0.0"
"@rollup/pluginutils@^4.2.0":
version "4.2.1"
resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-4.2.1.tgz#e6c6c3aba0744edce3fb2074922d3776c0af2a6d"
integrity sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==
dependencies:
estree-walker "^2.0.1"
picomatch "^2.2.2"
"@types/color-name@^1.1.1":
version "1.1.1"
resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
@ -2465,6 +2480,11 @@ enquirer@^2.3.5:
dependencies:
ansi-colors "^4.1.1"
es-module-lexer@^0.10.0:
version "0.10.5"
resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.10.5.tgz#06f76d51fa53b1f78e3bd8bb36dd275eda2fdd53"
integrity sha512-+7IwY/kiGAacQfY+YBhKMvEmyAJnw5grTUgjG85Pe7vcUI/6b7pZjZG8nQ7+48YhzEAEqrEgD2dCz/JIK+AYvw==
esbuild@^0.17.5:
version "0.17.17"
resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.17.tgz#fa906ab11b11d2ed4700f494f4f764229b25c916"
@ -2658,7 +2678,7 @@ estraverse@^5.1.0, estraverse@^5.2.0:
resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
estree-walker@^2.0.2:
estree-walker@^2.0.1, estree-walker@^2.0.2:
version "2.0.2"
resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
@ -3067,6 +3087,13 @@ magic-string@^0.25.7:
dependencies:
sourcemap-codec "^1.4.8"
magic-string@^0.26.1:
version "0.26.7"
resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.26.7.tgz#caf7daf61b34e9982f8228c4527474dac8981d6f"
integrity sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==
dependencies:
sourcemap-codec "^1.4.8"
make-dir@^3.0.2:
version "3.1.0"
resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
@ -3237,7 +3264,7 @@ picomatch@^2.0.4:
resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.2.2.tgz#21f333e9b6b8eaff02468f5146ea406d345f4dad"
integrity sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==
picomatch@^2.2.1:
picomatch@^2.2.1, picomatch@^2.2.2:
version "2.3.1"
resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
@ -3418,6 +3445,11 @@ shebang-regex@^3.0.0:
resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
slash@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
slice-ansi@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b"
@ -3626,6 +3658,16 @@ vite-plugin-vuetify@^1.0.2:
debug "^4.3.3"
upath "^2.0.1"
vite-plugin-webpackchunkname@^0.2.4:
version "0.2.4"
resolved "https://registry.yarnpkg.com/vite-plugin-webpackchunkname/-/vite-plugin-webpackchunkname-0.2.4.tgz#3495aeec3c122d988f5953acc09acd4b506922b6"
integrity sha512-aVvS+cR1PjlDG4vsyks9Uzh99W+qBdKmVa+Lb8M7VHGXf57BFkvl0y1JJxb3sGm6ilx8wqGippgKEGbUORvJiA==
dependencies:
"@rollup/plugin-alias" "^3.1.9"
"@rollup/pluginutils" "^4.2.0"
es-module-lexer "^0.10.0"
magic-string "^0.26.1"
vite@^4.2.1:
version "4.2.1"
resolved "https://registry.yarnpkg.com/vite/-/vite-4.2.1.tgz#6c2eb337b0dfd80a9ded5922163b94949d7fc254"