mirror of
https://github.com/biobulkbende/biobulkbende.org.git
synced 2025-06-27 17:30:46 +00:00
finished for now
This commit is contained in:
@ -2,8 +2,10 @@ import $ from 'jquery';
|
||||
import MobileMenu from './modules/MobileMenu';
|
||||
import RevealOnScroll from './modules/RevealOnScroll';
|
||||
import StickyHeader from './modules/StickyHeader';
|
||||
import Modal from './modules/Modal';
|
||||
|
||||
var mobileMenu = new MobileMenu();
|
||||
new RevealOnScroll($(".how-it-works-1"), "79%");
|
||||
new RevealOnScroll($(".how-it-works-2, .how-it-works-3"), "90%");
|
||||
var stickyHeader = new StickyHeader();
|
||||
var stickyHeader = new StickyHeader();
|
||||
var modal = new Modal();
|
39
app/assets/js/modules/Modal.js
Normal file
39
app/assets/js/modules/Modal.js
Normal file
@ -0,0 +1,39 @@
|
||||
import $ from 'jquery';
|
||||
|
||||
class Modal {
|
||||
constructor(){
|
||||
this.openModalButton = $(".open-modal");
|
||||
this.modal = $(".modal");
|
||||
this.closeModalButton = $(".modal__close");
|
||||
this.events();
|
||||
}
|
||||
|
||||
events(){
|
||||
// clicking the open modal button
|
||||
this.openModalButton.click(this.openModal.bind(this));
|
||||
|
||||
// clicking the x close modal button
|
||||
this.closeModalButton.click(this.closeModal.bind(this));
|
||||
|
||||
// pushes any key
|
||||
$(document).keyup(this.keyPressHandler.bind(this));
|
||||
|
||||
}
|
||||
|
||||
openModal() {
|
||||
this.modal.addClass("modal--is-visible");
|
||||
return false
|
||||
}
|
||||
|
||||
closeModal() {
|
||||
this.modal.removeClass("modal--is-visible");
|
||||
}
|
||||
|
||||
keyPressHandler(e) {
|
||||
if (e.keyCode == 27) {
|
||||
this.closeModal();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default Modal;
|
Reference in New Issue
Block a user