1 <!-- public/index.html -->
2 <html>
3 <head>
4 <title>Welcome to Feathers</title>
5 <link
6 rel="stylesheet"
7 href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css"
8 integrity="sha384-PDle/QlgIONtM1aqA2Qemk5gPOE7wFq8+Em+G/hmo5Iq0CCmYZLv3fVRDJ4MMwEA"
9 crossorigin="anonymous"
10 />
11 </head>
12 <body>
13 <main class="container">
14 <img
15 class="logo"
16 src="svg"
17 alt="Feathers Logo"
18 />
19 </main>
20 <div class="card mt-5">
21 <div class="card-header">
22 Messages
23 </div>
24 <div class="card-body">
25 <h5 class="card-title">Send Message</h5>
26 <input class="form-control" type="text" placeholder="message" id="message"/>
27 <button onclick="sendMessage()" type="button" class="btn btn-primary mt-2">
28 Send Message
29 </button>
30 </div>
31 </div>
32 <div>
33
34 </div>
35
36 <script src="//cdn.rawgit.com/feathersjs/feathers-client/v1.0.0/dist/feathers.js"></script>
37 <script src="socket.io/socket.io.js"></script>
38 <script type="text/javascript">
39 var socket = io()
40 var app = feathers()
41 app.configure(feathers.socketio(socket))
42 var messages = app.service('message')
43
44 messages.on('created', function(message){
45 console.log('Message created on client', message)
46 } )
47 function sendMessage(){
48 var messageText = document.getElementById('message').value;
49 messages.create({text: messageText})
50 }
51 </script>
52 </body>
53 </html>