Merge pull request #997 from Safelite/feature/CSR-1088
Feature/csr 1088
This commit is contained in:
commit
c65958bab7
1 changed files with 46 additions and 42 deletions
|
|
@ -1,47 +1,51 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="text-center">
|
<transition name="fade" mode="out-in">
|
||||||
<label
|
<div class="mobile-location-questions">
|
||||||
for="mobileLocationLinkPromptId"
|
<div class="text-center">
|
||||||
:aria-label="mobileLocationLinkPromptText"
|
<label
|
||||||
class="form-label fw-bold w-100 ps-4 pe-4 pt-4"
|
for="mobileLocationLinkPromptId"
|
||||||
v-html="mobileLocationLinkPromptText"></label>
|
:aria-label="mobileLocationLinkPromptText"
|
||||||
<div class="update-mobile-location-text-link">
|
class="form-label fw-bold w-100 ps-4 pe-4 pt-4"
|
||||||
<textLink
|
v-html="mobileLocationLinkPromptText"></label>
|
||||||
ref="mobileLocationLink"
|
<div class="update-mobile-location-text-link">
|
||||||
id="mobileLocationLinkPromptId"
|
<textLink
|
||||||
linkType="text"
|
ref="mobileLocationLink"
|
||||||
:text="mobileLocationLinkText"
|
id="mobileLocationLinkPromptId"
|
||||||
href="#!"
|
linkType="text"
|
||||||
@click-event="openModal"
|
:text="mobileLocationLinkText"
|
||||||
aria-label="Modal window" />
|
href="#!"
|
||||||
|
@click-event="openModal"
|
||||||
|
aria-label="Modal window" />
|
||||||
|
</div>
|
||||||
|
<textBlock
|
||||||
|
:customText="mobileFeeText"
|
||||||
|
cmsWidgetName="MobileFeeDisclaimerWidget"
|
||||||
|
typeStyle="caption" />
|
||||||
|
</div>
|
||||||
|
<modal
|
||||||
|
:ref="modalName"
|
||||||
|
:headerText="modalHeaderText"
|
||||||
|
:footerButtonText="modalFooterText"
|
||||||
|
@footer-button-event="setMobileLocation">
|
||||||
|
<addressQuestions
|
||||||
|
ref="addressQuestions"
|
||||||
|
v-model="internalModel.addressQuestions"
|
||||||
|
captureApartmentNumberOrBusinessName="true" />
|
||||||
|
<vehicleProtectedQuestion
|
||||||
|
ref="vehicleProtectedQuestion"
|
||||||
|
v-model="internalModel.isVehicleProtected"
|
||||||
|
cmsWidgetName="VehicleProtectedQuestionWidget" />
|
||||||
|
<textBlock cmsWidgetName="WorkspaceRequirementsWidget" typeStyle="caption" />
|
||||||
|
<alert
|
||||||
|
ref="alertInvalidZip"
|
||||||
|
v-if="displayInvalidZipAlert"
|
||||||
|
class="my-4"
|
||||||
|
cmsWidgetName="AlertInvalidZipWidget"
|
||||||
|
alertClass="alert-danger"
|
||||||
|
v-bind:isDismissible="false" />
|
||||||
|
</modal>
|
||||||
</div>
|
</div>
|
||||||
<textBlock
|
</transition>
|
||||||
:customText="mobileFeeText"
|
|
||||||
cmsWidgetName="MobileFeeDisclaimerWidget"
|
|
||||||
typeStyle="caption" />
|
|
||||||
</div>
|
|
||||||
<modal
|
|
||||||
:ref="modalName"
|
|
||||||
:headerText="modalHeaderText"
|
|
||||||
:footerButtonText="modalFooterText"
|
|
||||||
@footer-button-event="setMobileLocation">
|
|
||||||
<addressQuestions
|
|
||||||
ref="addressQuestions"
|
|
||||||
v-model="internalModel.addressQuestions"
|
|
||||||
captureApartmentNumberOrBusinessName="true" />
|
|
||||||
<vehicleProtectedQuestion
|
|
||||||
ref="vehicleProtectedQuestion"
|
|
||||||
v-model="internalModel.isVehicleProtected"
|
|
||||||
cmsWidgetName="VehicleProtectedQuestionWidget" />
|
|
||||||
<textBlock cmsWidgetName="WorkspaceRequirementsWidget" typeStyle="caption" />
|
|
||||||
<alert
|
|
||||||
ref="alertInvalidZip"
|
|
||||||
v-if="displayInvalidZipAlert"
|
|
||||||
class="my-4"
|
|
||||||
cmsWidgetName="AlertInvalidZipWidget"
|
|
||||||
alertClass="alert-danger"
|
|
||||||
v-bind:isDismissible="false" />
|
|
||||||
</modal>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue