patrickberkeley · February 28, 2017 05:07 · Feb 28, 2017 · Feb 28, 2017
diff --git a/component.js b/component.js
@@ -21,7 +21,7 @@ export default Ember.Component.extend({
 
   willDestroyElement() {
     get(this, 'keyManager').deregister({
-      name: 'search', // This name must match the name the binding was registered with above.
+      name: 'search-modal', // This name must match the name the binding was registered with above.
     });
   },
 

diff --git a/component.js b/component.js
@@ -0,0 +1,33 @@
+import Ember from 'ember';
+
+const {
+  get,
+  inject,
+} = Ember;
+
+export default Ember.Component.extend({
+  keyManager: inject.service(),
+
+  didInsertElement() {
+    get(this, 'keyManager').register({
+      keys: ['escape'],
+      name: 'search-modal',
+      downCallback: run.bind(this, function() {
+        this.send('toggleModal');
+      }),
+      priority: 10,
+    });
+  },
+
+  willDestroyElement() {
+    get(this, 'keyManager').deregister({
+      name: 'search', // This name must match the name the binding was registered with above.
+    });
+  },
+
+  actions: {
+    toggleModal(){
+      this.sendAction('toggleModalAction');
+    },
+  },
+});
diff --git a/route.js b/route.js
@@ -0,0 +1,39 @@
+import Ember from 'ember';
+
+const {
+  get,
+  inject,
+} = Ember;
+
+export default Ember.Route.extend({
+  keyManager: inject.service(),
+
+  actions: {
+    didTransition() {
+      this._super(...arguments);
+
+      get(this, 'keyManager').register({
+        keys: ['escape'],
+        name: 'fancy-route',
+        downCallback: run.bind(this, this._redirectToLaLaLand),
+        priority: 100,
+      });
+    },
+
+    willTransition() {
+      this._super(...arguments);
+
+      get(this, 'keyManager').deregister({
+        name: 'fancy-route',
+      });
+    },
+  },
+
+  // The `event` that's returned as a parameter here is the JS keyboard event.
+  _redirectToLaLaLand(event) {
+    if (event) {
+      event.preventDefault();
+    }
+    this.transitionTo('main.la-la-land');
+  },
+});