index.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>FCM Push notification demo</title>
  7. <link href="bulma.min.css" rel="stylesheet">
  8. <script src="firebase-app-compat.js"></script>
  9. <script src="firebase-messaging-compat.js"></script>
  10. <script src="config.js"></script>
  11. <script src="webclient.js"></script>
  12. </head>
  13. <body>
  14. <div class="container">
  15. <div class="box">
  16. <h3 class="title is-3">FCM Push notification demo</h3>
  17. <div class="field">
  18. <label class="label">Message to send:</label>
  19. <div class="control">
  20. <input id="edtMessage" class="input" type="text" placeholder="Message to send">
  21. </div>
  22. </div> <!-- .field -->
  23. <div class="field is-grouped">
  24. <div class="control">
  25. <button id="btnSend" class="button is-link" disabled>Send</button>
  26. </div>
  27. <div class="control">
  28. <button id="btnRegister" class="button is-link is-light">Register</button>
  29. </div>
  30. </div> <!-- .field -->
  31. </div> <!-- .box -->
  32. <div id="pnlToken" class="box is-hidden">
  33. <p>Your token: <span id="lblToken">?</span> <p>
  34. </div> <!-- .box -->
  35. </div> <!-- .container -->
  36. <script>
  37. rtl.run();
  38. </script>
  39. <div id="pasjsconsole"></div>
  40. </body>
  41. </html>