index.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Hello WebSocket</title>
  5. <meta charset="UTF-8">
  6. <link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  7. <link href="/main.css" rel="stylesheet">
  8. <script src="/node_modules/jquery/dist/jquery.min.js"></script>
  9. <script src="/node_modules/sockjs-client/dist/sockjs.min.js"></script>
  10. <script src="/node_modules/stomp-websocket/lib/stomp.min.js"></script>
  11. <script src="/app.js"></script>
  12. </head>
  13. <body>
  14. <noscript><h2 style="color: #ff0000">Seems your browser doesn't support Javascript! Websocket relies on Javascript being
  15. enabled. Please enable
  16. Javascript and reload this page!</h2></noscript>
  17. <div id="main-content" class="container">
  18. <div class="row">
  19. <div class="col-md-6">
  20. <form class="form-inline">
  21. <div class="form-group">
  22. <label for="connect">WebSocket connection:</label>
  23. <button id="connect" class="btn btn-default" type="submit">Connect</button>
  24. <button id="disconnect" class="btn btn-default" type="submit" disabled="disabled">Disconnect
  25. </button>
  26. </div>
  27. </form>
  28. </div>
  29. <div class="col-md-6">
  30. <form class="form-inline">
  31. <div class="form-group">
  32. <label for="name">What is your name?</label>
  33. <input type="text" id="name" class="form-control" placeholder="Your name here...">
  34. </div>
  35. <button id="send" class="btn btn-default" type="submit">Send</button>
  36. </form>
  37. </div>
  38. </div>
  39. <div class="row">
  40. <div class="col-md-12">
  41. <table id="conversation" class="table table-striped">
  42. <thead>
  43. <tr>
  44. <th>Greetings</th>
  45. </tr>
  46. </thead>
  47. <tbody id="greetings">
  48. </tbody>
  49. </table>
  50. </div>
  51. </div>
  52. </div>
  53. </body>
  54. </html>