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

add cssModalHeadlineClass prop to add custom css

Browse source
This commit is contained in:
Bill Richardson 2024-07-24 16:39:35 -04:00
parent 2d3c799bc1
commit 12bd0ff08c
5 changed files with 24 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/iss-components/content-group-modal/content-group-modal.vue
View file

@ -10,6 +10,7 @@
alt="" />
<h5
class="mb-4"
:class="cssModalHeadlineClass"
v-html="ModalHeadline"></h5>
<p
class="fw-bold mb-2 subheader-text"
@ -34,7 +35,8 @@ export default {
modal
},
props: {
cmsWidgetName: String
cmsWidgetName: String,
cssModalHeadlineClass: String
},
computed: {
ModalName() {
@ -88,6 +90,11 @@ export default {
margin-bottom: 0;
}
}
h5 {
&.text-center {
text-align: center;
}
}
}
}
}

7
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -87,6 +87,7 @@
</div>
<contentGroupModal
:ref="RECAL_MODAL_REF_NAME"
cssModalHeadlineClass="text-center"
cmsWidgetName="RecalModal" />
<contentGroupModal
:ref="DEDUCTIBLE_MODAL_REF_NAME"
@ -127,9 +128,9 @@ import coverageStatuses from '@/constants/coverage-statuses';
import coverageType from '@/constants/coverage-type';
const SAFELITE_PROVIDER = 'Safelite';
const RECAL_MODAL_REF_NAME = "RecalModal";
const DEDUCTIBLE_MODAL_REF_NAME = "DeductibleModal";
const SITE_FOOTER_REF_NAME = "siteFooter";
const RECAL_MODAL_REF_NAME = 'RecalModal';
const DEDUCTIBLE_MODAL_REF_NAME = 'DeductibleModal';
const SITE_FOOTER_REF_NAME = 'siteFooter';
export default {
name: 'coverage-statement',

13
src/layouts/provider-preference/provider-preference.vue
View file

@ -42,7 +42,8 @@ ref="theForm"
</div>
</div>
<contentGroupModal
:ref="RECAL_MODAL_REF_NAME"
:ref="RECAL_MODAL_REF_NAME"
cssModalHeadlineClass="text-center"
cmsWidgetName="RecalModal" />
<steeringModal
:ref="STEERING_MODAL_REF_NAME"
@ -85,11 +86,11 @@ import bailoutMessage from '@/constants/bailoutMessage';
import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue';
const options = { SAFELITE: 'SafeliteOption', TPA: 'TPAOption' };
const RECAL_MODAL_REF_NAME = "RecalModal";
const STEERING_MODAL_REF_NAME = "StateSteeringModal";
const SHOP_PREFERENCE_MODAL_REF_NAME = "ShopPreferenceDrawer";
const TPA_RECAL_MODAL_REF_NAME = "TPARecalModal";
const SITE_FOOTER_REF_NAME = "siteFooter";
const RECAL_MODAL_REF_NAME = 'RecalModal';
const STEERING_MODAL_REF_NAME = 'StateSteeringModal';
const SHOP_PREFERENCE_MODAL_REF_NAME = 'ShopPreferenceDrawer';
const TPA_RECAL_MODAL_REF_NAME = 'TPARecalModal';
const SITE_FOOTER_REF_NAME = 'siteFooter';
export default {
name: 'provider-preference',

7
src/layouts/service-location/service-location.vue
View file

@ -96,6 +96,7 @@
" />
<contentGroupModal
:ref="RECAL_MODAL_REF_NAME"
cssModalHeadlineClass="text-center"
cmsWidgetName="RecalModal" />
<siteFooter
:ref="SITE_FOOTER_REF_NAME"
@ -153,9 +154,9 @@ defineRule('mobile-location-required', (value) => {
});
defineRule('selection-required', required(errorMessages.OPTION_REQUIRED));
const SHOP_QUESTION_REF_NAME = "shopQuestion";
const RECAL_MODAL_REF_NAME = "RecalModal";
const SITE_FOOTER_REF_NAME = "siteFooter";
const SHOP_QUESTION_REF_NAME = 'shopQuestion';
const RECAL_MODAL_REF_NAME = 'RecalModal';
const SITE_FOOTER_REF_NAME = 'siteFooter';
export default {
name: 'service-location',

1
src/layouts/service-packages/service-packages.vue
View file

@ -51,6 +51,7 @@
cmsWidgetName="RearWiperModal" />
<contentGroupModal
ref="RecalModal"
cssModalHeadlineClass="text-center"
cmsWidgetName="RecalModal" />
</div>
</Form>