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

Merge pull request #535 from Safelite/CSR-668-modal-updates

Browse source 
CSR-668 clean up code per Mark's request.
This commit is contained in:
bmauger 2022-06-07 08:56:57 -04:00 committed by GitHub
commit 846fb218b3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/common-components/funnel-header/menu-modal/menu-modal.vue
View file

@ -7,7 +7,7 @@
</button> </button>
</div> </div>
<!-- Modal --> <!-- Modal -->
<div class="modal fade" id="footerModal" tabindex="-1" aria-labelledby="footerModalLabel" aria-hidden="true" :style="`height: calc(100% - ${currentFooterAndHeaderHeight}px);`"> <div class="modal fade" id="footerModal" tabindex="-1" aria-labelledby="footerModalLabel" aria-hidden="true" v-on="{ 'show.bs.modal' : show, 'hide.bs.modal' : hide }" :style="`height: calc(100% - ${currentFooterAndHeaderHeight}px);`">
<div class="modal-dialog modal-fullscreen"> <div class="modal-dialog modal-fullscreen">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header visually-hidden"> <div class="modal-header visually-hidden">
@ -36,19 +36,18 @@ export default {
currentFooterAndHeaderHeight: 0, currentFooterAndHeaderHeight: 0,
}; };
}, },
mounted() { methods: {
const myModalEl = document.getElementById('footerModal'); show() {
var self = this; this.currentFooterAndHeaderHeight = this.getFooterInfoBoxHeight() + 72;
myModalEl.addEventListener('hide.bs.modal', function (event) { this.isActive = true;
self.isActive = false;
});
myModalEl.addEventListener('show.bs.modal', function (event) {
self.currentFooterAndHeaderHeight = self.getFooterInfoBoxHeight() + 72;
self.isActive = true;
document.querySelector('.page-container-grouped-styles').scrollTo({ document.querySelector('.page-container-grouped-styles').scrollTo({
top: 0, behavior: 'smooth' top: 0, behavior: 'smooth'
}); });
}) },
hide() {
var self = this;
self.isActive = false;
},
}, },
components: { components: {
textLink, textLink,