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