Guest User

Untitled

a guest
Jul 21st, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.24 KB | None | 0 0
  1. //dialogs.js
  2. function CustomAlert(){
  3.  
  4. this.render = function(dialog){
  5. let winW = window.innerWidth;
  6. let winH = window.innerHeight;
  7. let dialogoverlay = document.getElementById('dialogoverlay');
  8. let dialogbox = document.getElementById('dialogbox');
  9. dialogoverlay.style.display = 'block';
  10. dialogoverlay.style.height = winH+'px';
  11. dialogbox.style.left = (winW/2) - (550 * .5)+'px';
  12. dialogbox.style.top = '100px';
  13. dialogbox.style.display = 'block';
  14. document.getElementById('dialogboxhead').innerHTML = 'Acknowledge this message';
  15. document.getElementById('dialogboxbody').innerHTML = dialog;
  16. document.getElementById('dialogboxfoot').innerHTML = '<button onclick="Alert.ok()">OK</button>';
  17. };
  18.  
  19. this.ok = function(){
  20. document.getElementById('dialogbox').style.display = 'none';
  21. document.getElementById('dialogoverlay').style.display = 'none';
  22. };
  23.  
  24. }
  25. export let Alert = new CustomAlert();
  26.  
  27.  
  28.  
  29. //user.js
  30. import {Alert} from './dialogs.js';
  31. .
  32. .
  33. .
  34. .catch(error => {
  35. console.log('Failure', error);
  36. Alert.render('Something wrong happened, Please try again.');
  37. });
  38.  
  39.  
  40. //signup.html
  41. <script src="js/dialogs.js" type="module"></script>
  42. <script src="js/user.js" type="module"></script>
Add Comment
Please, Sign In to add comment