Semantic restructuring of v-ifs.

This commit is contained in:
Chloe Herd 2023-03-21 17:46:38 -04:00
parent ec37b93e31
commit 3b41bb59e6

View file

@ -36,22 +36,22 @@
:maxlength="maxLength ? maxLength : '999'"
@focus="$emit('focus', $event.target.value)" />
<button v-if="includeSearchIcon" type="submit" aria-label="Search button" />
<template v-if="!isDisabled">
<label
class="camera-icon-input"
v-show="includeImageQuestion && !isImageProcessing">
<input
type="file"
id="vin-input"
accept="image/jpeg,image/png"
aria-label="Camera icon/button"
data-test="image-upload"
@change="imageChanged" />
</label>
<loader
v-show="includeImageQuestion && isImageProcessing"
loaderColor="blue"
class="loading-icon"></loader>
<template v-if="includeImageQuestion">
<template v-if="!isDisabled">
<label class="camera-icon-input" v-show="!isImageProcessing">
<input
type="file"
id="vin-input"
accept="image/jpeg,image/png"
aria-label="Camera icon/button"
data-test="image-upload"
@change="imageChanged" />
</label>
<loader
v-show="isImageProcessing"
loaderColor="blue"
class="loading-icon"></loader>
</template>
</template>
</div>
<div v-show="errorMessage" class="row my-2 form-test-error">