jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WIP suppress Chrome Autocomplete

Browse source
This commit is contained in:
Leah Schumann 2022-02-09 14:36:14 -05:00
parent 4b33452fe5
commit 4abd97ece1
1 changed files with 45 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

85
src/layouts/address-poc/address-poc.vue
View file

@ -5,46 +5,51 @@
<vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage=true /> <vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage=true />
</div> </div>
</div> </div>
<div class="row my-4"> <form>
<div class="col"> <div class="row my-4">
<label for="autocomplete">Street address</label> <div class="col">
<input ref="autocomplete" <label for="autocomplete">Street address</label>
id="autocomplete" <input ref="autocomplete"
placeholder="Search" id="autocomplete"
class="form-control search-location" placeholder="Search"
type="text" class="form-control search-location"
autocomplete="off" /> type="text"
autocomplete="off" />
</div>
</div> </div>
</div> </form>
<div v-show="showAddressFields" class="row my-4"> <form>
<div class="col"> <div v-show="showAddressFields" class="row my-4">
<label for="city">City</label> <div class="col">
<input ref="city" <label for="city">City</label>
id="city" <input ref="city"
class="form-control" id="city"
type="text" class="form-control"
autocomplete="off" /> type="text"
autocomplete="off" />
</div>
</div> </div>
</div> </form>
<div v-show="showAddressFields" class="row my-4"> <form>
<div class="col-6"> <div v-show="showAddressFields" class="row my-4">
<label for="state">State</label> <div class="col-6">
<input ref="state" <label for="state">State</label>
id="state" <input ref="state"
class="form-control" id="state"
type="text" class="form-control"
autocomplete="off" /> type="text"
</div> autocomplete="off" />
<div class="col-6"> </div>
<label for="zip">Zip</label> <div class="col-6">
<input ref="zip" <label for="zip">Zip</label>
id="zip" <input ref="zip"
class="form-control" id="zip"
type="text" class="form-control"
autocomplete="off" /> type="text"
</div> autocomplete="off" />
</div> </div>
</div>
</form>
<div v-show="displayVerificationWarning" class="row my-4"> <div v-show="displayVerificationWarning" class="row my-4">
<div class="col"> <div class="col">
<span style="color: red;">An accurate match may not have have been located. Please verify your address before continuing</span> <span style="color: red;">An accurate match may not have have been located. Please verify your address before continuing</span>
@ -112,8 +117,8 @@ export default {
let addressField1 = document.getElementById("autocomplete"); let addressField1 = document.getElementById("autocomplete");
let self = this; let self = this;
//let apiKey = "AIzaSyDptGCkOPgN2uWJOy4ou4M33phRD4MAoJo"; // localhost:8080 let apiKey = "AIzaSyDptGCkOPgN2uWJOy4ou4M33phRD4MAoJo"; // localhost:8080
let apiKey = "AIzaSyBji_2ApAj2vE_XNGyV-LaUEKrmuElpJ1w"; // Dev and above //let apiKey = "AIzaSyBji_2ApAj2vE_XNGyV-LaUEKrmuElpJ1w"; // Dev and above
this.$loadScript(`https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places`) this.$loadScript(`https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places`)
.then(() => { .then(() => {