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,10 +36,9 @@
: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="includeImageQuestion">
<template v-if="!isDisabled"> <template v-if="!isDisabled">
<label <label class="camera-icon-input" v-show="!isImageProcessing">
class="camera-icon-input"
v-show="includeImageQuestion && !isImageProcessing">
<input <input
type="file" type="file"
id="vin-input" id="vin-input"
@ -49,10 +48,11 @@
@change="imageChanged" /> @change="imageChanged" />
</label> </label>
<loader <loader
v-show="includeImageQuestion && isImageProcessing" v-show="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">
<span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span> <span class="d-inline-flex mt-0" role="alert">{{ errorMessage }}</span>