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