diff --git a/scripts/modal/common/error.js b/scripts/modal/common/error.js index a63eb4b..6727a81 100755 --- a/scripts/modal/common/error.js +++ b/scripts/modal/common/error.js @@ -1,13 +1,21 @@ -const preModal = require("../pre"); +const mousetrap = require('../../dep/mousetrap'); + +const lightRefresh = require('../../fileview/lightrefresh'); +const preModal = require('../pre'); const postModal = require('../post'); module.exports = (name, text, after = () => {}) => { - preModal('error-modal'); + if (window.kade.modal) {return;} + preModal('error-modal-container'); + let modalOut = document.createElement('div'); + modalOut.className = 'modal'; + modalOut.id = 'error-modal-container' + document.body.appendChild(modalOut); let modal = document.createElement('div'); - modal.className = 'modal'; + modal.className = 'modal-wrapper'; + modalOut.appendChild(modal); modal.classList.add('error-modal'); modal.id = 'error-modal'; - document.body.appendChild(modal); let title = document.createElement('h2'); title.innerHTML = `Error - ${name}`; modal.appendChild(title); @@ -16,4 +24,21 @@ module.exports = (name, text, after = () => {}) => { modal.appendChild(err); after('error-modal'); postModal(); -}; \ No newline at end of file + let msm = new mousetrap(modal); + msm.bind('esc', () => { + lightRefresh(); + modalOut.remove(); + postModal(modalOut.id); + }); + let close = document.createElement('a'); + close.className = 'close-button'; + close.onclick = () => { + lightRefresh(); + modalOut.remove(); + postModal(modalOut.id); + }; + let closeWrap = document.createElement('div'); + closeWrap.className = 'close-button-wrapper'; + modal.appendChild(closeWrap); + closeWrap.appendChild(close); +} \ No newline at end of file diff --git a/styles/modal.css b/styles/modal.css index 0be7cae..1489027 100755 --- a/styles/modal.css +++ b/styles/modal.css @@ -68,8 +68,6 @@ z-index: 3; } -.error-modal {max-width: 45%;} - .modal-wrapper { margin: 0 0; padding: 0 0;