# HG changeset patch
# User Marcin Kuzminski <marcin@rhodecode.com>
# Date 2017-03-01 14:23:17
# Node ID 06061388b9ecdbd0b6629d4f929c7c71a2495fa4
# Parent  26f1df069d989f20773f10203d76f5ec1626ab78

toasts: hide messages on escape.

diff --git a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
--- a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
+++ b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.html
@@ -1,5 +1,6 @@
 <link rel="import" href="../../../../../../bower_components/paper-button/paper-button.html">
 <link rel="import" href="../../../../../../bower_components/paper-toast/paper-toast.html">
+<link rel="import" href="../../../../../../bower_components/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="../rhodecode-unsafe-html/rhodecode-unsafe-html.html">
 <dom-module id="rhodecode-toast">
     <template>
diff --git a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.js b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.js
--- a/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.js
+++ b/rhodecode/public/js/src/components/rhodecode-toast/rhodecode-toast.js
@@ -14,12 +14,29 @@ Polymer({
         hasToasts: {
             type: Boolean,
             computed: '_computeHasToasts(toasts.*)'
+        },
+        keyEventTarget: {
+            type: Object,
+            value: function() {
+              return document.body;
+            }
         }
     },
+    behaviors: [
+        Polymer.IronA11yKeysBehavior
+    ],
     observers: [
         '_changedToasts(toasts.splices)'
     ],
 
+    keyBindings: {
+      'esc:keyup': '_hideOnEsc'
+    },
+
+    _hideOnEsc: function (event) {
+        return this.dismissNotifications();
+    },
+
     _computeHasToasts: function(){
         return this.toasts.length > 0;
     },