laravel4cookbook

Real Time Chat 193
27 });
28
29 App.IndexView = Ember.View.extend({
30 "keyDown" : function(e) {
31 this.get("controller").send("send", e.keyCode);
32 }
33 });
.
This was extracted from public/js/shared.js.
We create IndexController and IndexView objects. The IndexView object intercepts the keyDown
event and passes it to the IndexController object. The first bit of logic tells the send() method to
ignore all keystrokes that aren’t the enter key. This means enter will trigger the send() method.
It continues by checking for the presence of a /name command switch. If that’s present in the input
value (via this.get(“command”)) then it sends a message to the server to change the user’s name.
Otherwise it sends a normal message to the server. In order for the UI to update for the person
sending the message; we need to also slightly modify the Chat class:
1 public function onMessage(ConnectionInterface $socket, $message)
2 {
3 $user = $this->getUserBySocket($socket);
4 $message = json_decode($message);
5
6 switch ($message->type)
7 {
8 case "name":
9 {
10 $user->setName($message->data);
11 $this->emitter->emit("name", [
12 $user,
13 $message->data
14 ]);
15 break;
16 }
17
18 case "message":
19 {
20 $this->emitter->emit("message", [
21 $user,