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

tint image optional

Browse source 
tint image optional
This commit is contained in:
hiteshkumar87 2024-03-01 18:48:04 +05:30
parent ad4c113c26
commit 3ebffb1128
5 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/assets/img/tints/Glass-NoShade-GreenTint-Privacy.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 27" style="enable-background:new 0 0 59 27" xml:space="preserve"><path d="M55.8 26.5H3.2c-1.5 0-2.7-1.2-2.7-2.7V3.2C.5 1.7 1.7.5 3.2.5h52.5c1.5 0 2.7 1.2 2.7 2.7v20.6c.1 1.5-1.2 2.7-2.6 2.7z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#cbddde;stroke:#000"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 324 B

4
src/assets/img/tints/Glass-NoShade-GreenTint.svg
View file

@ -1 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 59 27" style="enable-background:new 0 0 59 27" xml:space="preserve"><path d="M55.8 26.5H3.2c-1.5 0-2.7-1.2-2.7-2.7V3.2C.5 1.7 1.7.5 3.2.5h52.5c1.5 0 2.7 1.2 2.7 2.7v20.6c.1 1.5-1.2 2.7-2.6 2.7z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#cbe9dd;stroke:#000"/></svg> <svg width="104" height="40" viewBox="0 0 104 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.25 33H25.7083C24.2188 33 23 31.7812 23 30.2917V9.70833C23 8.21874 24.2188 7 25.7083 7H78.25C79.7396 7 80.9583 8.21874 80.9583 9.70833V30.2917C80.9583 31.7812 79.7396 33 78.25 33Z" fill="#CBE9DD" stroke="black"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 B

After

Width:  |  Height:  |  Size: 370 B

1
src/constants/tint-mapper.js
View file

@ -33,7 +33,6 @@ const tintMap = {
{ name: "green tint", src: "Glass-NoShade-GreenTint.svg" }, { name: "green tint", src: "Glass-NoShade-GreenTint.svg" },
{ name: "gray tint privacy", src: "Glass-NoShade-GrayTint.svg" }, { name: "gray tint privacy", src: "Glass-NoShade-GrayTint.svg" },
{ name: "blue tint", src: "Glass-NoShade-BlueTint.svg" }, { name: "blue tint", src: "Glass-NoShade-BlueTint.svg" },
{ name: "green tint privacy", src: "Glass-NoShade-GreenTint-Privacy.svg" },
// No shade or tint // No shade or tint
{ name: "clear", src: "Glass-NoShade-NoTint.svg" }, { name: "clear", src: "Glass-NoShade-NoTint.svg" },

15
src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue
View file

@ -95,19 +95,14 @@ export default {
}, },
tintSelectionOptions() { tintSelectionOptions() {
let tintOptions = []; const tintOptions = Object.keys(this.featureListData).map((tintOption) => {
const buttonImage = this.getTintSourceImage(this.glassLocation, tintOption);
Object.keys(this.featureListData).forEach((tintOption) => { return {
tintOptions.push({
value: tintOption, value: tintOption,
buttonLabel: tintOption, buttonLabel: tintOption,
buttonImage: require(`@/assets/img/tints/${this.getTintSourceImage( buttonImage: buttonImage ? require(`@/assets/img/tints/${buttonImage}`) : null,
this.glassLocation, };
tintOption
)}`),
});
}); });
return tintOptions; return tintOptions;
}, },

1
src/ux-components/list-card/list-card.vue
View file

@ -10,6 +10,7 @@
class="d-flex w-100 align-items-center px-2 h-100 list-card-content button-content rounded-3" class="d-flex w-100 align-items-center px-2 h-100 list-card-content button-content rounded-3"
:class="labelClasses"> :class="labelClasses">
<img <img
v-if="buttonImage"
:id="buttonImageId" :id="buttonImageId"
:class="!isWide ? 'order-1' : 'ms-auto order-3'" :class="!isWide ? 'order-1' : 'ms-auto order-3'"
:src="buttonImage" :src="buttonImage"