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

nightly

Browse source
This commit is contained in:
Jason Wheeler 2023-04-05 16:54:14 -04:00
parent 701426a70f
commit 47ae19653a
2 changed files with 29 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -33,7 +33,7 @@
ref="coverageStatementBodyText"> ref="coverageStatementBodyText">
</p> </p>
</div> </div>
<recalModal cmsWidgetName="RecalModal" />
<siteFooter <siteFooter
cmsWidgetName="SiteFooterWidget" cmsWidgetName="SiteFooterWidget"
:isForwardActionDisabled="!meta.valid" :isForwardActionDisabled="!meta.valid"
@ -43,7 +43,9 @@
/> />
</div> </div>
</div> </div>
<recalModal cmsWidgetName="RecalModal" />
</Form> </Form>
</template> </template>
<script> <script>
@ -108,6 +110,10 @@ export default {
var damageString = getDamageString(); var damageString = getDamageString();
return damageString == "match" ? "" : damageString; return damageString == "match" ? "" : damageString;
}, },
openModal(name)
{
$refs[name].openModal();
},
}, },
async beforeRouteEnter(to, from, next) { async beforeRouteEnter(to, from, next) {
// Call APIs // Call APIs

49
src/layouts/coverage-statement/recal-modal/recal-modal.vue
View file

@ -1,36 +1,36 @@
<template> <template>
<div> <modal
<modal :ref="ModalName"
:ref="cmsWidgetName" :modalId="ModalName"
:modalId="cmsWidgetName" :footerButtonText="ModalCloseButtonText"
:footerButtonText="ModalCloseButtonText" >
> <div class="recal-modal-body ps-4 pe-4 pt-0 pb-5">
<div class="recal-modal-body ps-4 pe-4 pt-0 pb-5"> <h5 class="mb-4 text-center" v-html="ModalHeadline"></h5>
<h5 class="mb-4 text-center" v-html="ModalHeadline"></h5> <img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" />
<img :src="ModalImage" class="mw-100 d-flex mx-auto mb-4" alt="" /> <p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p>
<p class="fw-bold mb-2 subheader-text" v-html="ModalSubheadertext"></p> <p class="mb-0 small" v-html="ModalBodyText"></p>
<p class="mb-0 small" v-html="ModalBodyText"></p> <p
<p class="my-4 caption modal-sub-body"
class="my-4 caption modal-sub-body" v-if="ModalSubBodyText"
v-if="ModalSubBodyText" v-html="ModalSubBodyText">
v-html="ModalSubBodyText"> </p>
</p> </div>
</div> </modal>
</modal>
</div>
</template> </template>
<script> <script>
import buttonMain from "@/ux-components/button-main/button-main";
import modal from "@/digital-components/modal/modal"; import modal from "@/digital-components/modal/modal";
export default { export default {
name: "modal", name: "recal-modal",
props: { props: {
cmsWidgetName: String, cmsWidgetName: String,
}, },
computed: { computed: {
ModalName() {
return this.cmsWidgetName;
},
ModalHeadline() { ModalHeadline() {
return this.getCmsContent(this.cmsWidgetName, "HeaderText"); return this.getCmsContent(this.cmsWidgetName, "HeaderText");
}, },
@ -50,13 +50,8 @@ export default {
return this.getCmsContent(this.cmsWidgetName, "FooterText"); return this.getCmsContent(this.cmsWidgetName, "FooterText");
}, },
}, },
methods: {
resetButtonStyle() {
this.$refs.buttonMain.resetButtonStyle();
},
},
components: { components: {
buttonMain, modal,
}, },
}; };
</script> </script>