Semantic restructuring of v-ifs.
This commit is contained in:
parent
ec37b93e31
commit
3b41bb59e6
1 changed files with 16 additions and 16 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue