showing results for - "feathersjs mysql login"
Riccardo
17 Aug 2016
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>