modal.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <head>
  2. <meta charset="utf-8">
  3. <meta
  4. name="viewport"
  5. content="width=device-width, initial-scale=1"
  6. >
  7. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"/>
  8. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous"/>
  9. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  10. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  11. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  12. <title>{% block title %}Hometab{% endblock %}</title>
  13. <link rel = "icon" href =
  14. "static/logo/hometag_logo.png"
  15. type = "image/x-icon">
  16. </head>
  17. {% block modal %}
  18. <div class="modal" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  19. <div class="modal-dialog" role="document">
  20. <div class="modal-content">
  21. <div class="modal-header">
  22. <h5 class="modal-title" id="exampleModalLabel">New message</h5>
  23. </div>
  24. <div class="modal-body">
  25. <form>
  26. <div class="form-group">
  27. <label for="recipient-name" class="col-form-label">Recipient:</label>
  28. <input type="text" class="form-control" id="recipient-name">
  29. </div>
  30. <div class="form-group">
  31. <label for="message-text" class="col-form-label">Message:</label>
  32. <textarea class="form-control" id="message-text"></textarea>
  33. </div>
  34. </form>
  35. </div>
  36. <div class="modal-footer">
  37. <a href="{{url_for('logic.home')}}" class="btn btn-primary">Pop Up Mod</a>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. {% endblock %}
  43. {% block script %}
  44. <script>
  45. $(document).ready(function(){
  46. console.log("Windows is loaded")
  47. $("#exampleModal").modal("show")
  48. })
  49. </script>
  50. {% endblock %}