Merge branch 'modals'

modals
Kit Kasune 3 years ago
commit 2a3bd672a1
  1. 35
      scripts/modal/common/error.js
  2. 2
      styles/modal.css

@ -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();
};
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);
}

@ -68,8 +68,6 @@
z-index: 3;
}
.error-modal {max-width: 45%;}
.modal-wrapper {
margin: 0 0;
padding: 0 0;

Loading…
Cancel
Save