jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-187: Prettier

Browse source
This commit is contained in:
Chris Redelinghuys 2025-04-21 13:02:07 -04:00
parent 44b878e87c
commit 8faec89124
3 changed files with 50 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/constants/progress-bar-mapper.js
View file

@ -1,26 +1,26 @@
const pagePercentageMapper = { const pagePercentageMapper = {
'vehicle': 4, "vehicle": 4,
'vehicle-damage': 16, "vehicle-damage": 16,
'estimate': 28, "estimate": 28,
'service-zip': 32, "service-zip": 32,
'vin-lookup': 32, "vin-lookup": 32,
'license-plate-lookup': 32, "license-plate-lookup": 32,
'address-lookup': 32, "address-lookup": 32,
'address-vehicles': 36, "address-vehicles": 36,
'part-questions': 40, "part-questions": 40,
'molding-questions': 40, "molding-questions": 40,
'vehicle-parts': 40, "vehicle-parts": 40,
'capability-questions': 40, "capability-questions": 40,
'quote': 48, "quote": 48,
'insurance-company': 52, "insurance-company": 52,
'service-location': 60, "service-location": 60,
'schedule': 72, "schedule": 72,
'customer-details': 84, "customer-details": 84,
'payment-method': 92, "payment-method": 92,
'payment': 96, "payment": 96,
'confirmation': 100, "confirmation": 100,
} };
export const getProgressBarPercentage = (page) => { export const getProgressBarPercentage = (page) => {
return pagePercentageMapper[page] || 0; return pagePercentageMapper[page] || 0;
} };

4
src/fmg-components/funnel-header/progress-bar/progres-bar.spec.js
View file

@ -11,7 +11,7 @@ describe("progressBar", () => {
mixins: [mockMixin], mixins: [mockMixin],
}); });
// Assert // Assert
expect(wrapper.vm.progress).toBe(0); expect(wrapper.vm.progress).toBe(0);
wrapper.unmount(); wrapper.unmount();
}); });
@ -81,4 +81,4 @@ const mockMixin = {
methods: { methods: {
getProgress: jest.fn(), getProgress: jest.fn(),
}, },
}; };

52
src/fmg-components/funnel-header/progress-bar/progress-bar.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div id="progress-bar-container"> <div id="progress-bar-container">
<progress v-if="progress > 0" :value="progress" max="100" v-html="progress + '%' " /> <progress v-if="progress > 0" :value="progress" max="100" v-html="progress + '%'" />
</div> </div>
</template> </template>
@ -24,37 +24,37 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
#progress-bar-container { #progress-bar-container {
padding: .75rem 0; padding: 0.75rem 0;
width: 100%;
progress {
height: 10px;
width: 100%; width: 100%;
progress { /* Firefox */
height: 10px; appearance: none;
width:100%; background-color: $blue-100;
border: 0;
border-radius: $border-radius-pill;
box-shadow: $box-shadow-inset;
/* Firefox */ &::-moz-progress-bar {
appearance: none; background-color: $blue;
border-radius: $border-radius-pill;
}
/* Webkit */
-webkit-appearance: none;
&::-webkit-progress-bar {
background-color: $blue-100; background-color: $blue-100;
border: 0;
border-radius: $border-radius-pill; border-radius: $border-radius-pill;
box-shadow: $box-shadow-inset; box-shadow: $box-shadow-inset;
}
&::-moz-progress-bar { &::-webkit-progress-value {
background-color: $blue; background-color: $blue;
border-radius: $border-radius-pill; border-radius: $border-radius-pill;
}
/* Webkit */
-webkit-appearance: none;
&::-webkit-progress-bar {
background-color: $blue-100;
border-radius: $border-radius-pill;
box-shadow: $box-shadow-inset;
}
&::-webkit-progress-value {
background-color: $blue;
border-radius: $border-radius-pill;
}
} }
} }
}
</style> </style>