SSR-1433 Multiple Tint Image Fixes
Added missing tints from FMG If we don't have a tint image in the tint map don't error out just hide the image. (Same Functionality as FMG)
This commit is contained in:
parent
2d3c799bc1
commit
7678ea2de0
3 changed files with 5 additions and 1 deletions
|
|
@ -32,6 +32,8 @@ const tintMap = Object.freeze({
|
||||||
{ name: 'gray tint', src: 'Glass-NoShade-GrayTint.svg' },
|
{ name: 'gray tint', src: 'Glass-NoShade-GrayTint.svg' },
|
||||||
{ 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: 'green tint privacy', src: 'Glass-NoShade-GreenTint.svg' },
|
||||||
|
|
||||||
// No shade or tint
|
// No shade or tint
|
||||||
{ name: 'clear', src: 'Glass-NoShade-NoTint.svg' }
|
{ name: 'clear', src: 'Glass-NoShade-NoTint.svg' }
|
||||||
|
|
|
||||||
|
|
@ -102,10 +102,11 @@ export default {
|
||||||
const tintOptions = [];
|
const tintOptions = [];
|
||||||
|
|
||||||
Object.keys(this.featureListData).forEach((tintOption) => {
|
Object.keys(this.featureListData).forEach((tintOption) => {
|
||||||
|
const buttonImage = this.getTintSourceImage(this.glassLocation, tintOption);
|
||||||
tintOptions.push({
|
tintOptions.push({
|
||||||
value: tintOption,
|
value: tintOption,
|
||||||
buttonLabel: tintOption,
|
buttonLabel: tintOption,
|
||||||
buttonImage: require(`@/assets/img/tints/${this.getTintSourceImage(this.glassLocation, tintOption)}`)
|
buttonImage: buttonImage ? require(`@/assets/img/tints/${buttonImage}`) : null
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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"
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue