deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-21 07:36:38 +02:00
Code Issues Projects Releases Wiki Activity

Use mousetrap for escape binds

Browse source
This commit is contained in:
Pavel Djundik 2019-11-18 21:18:35 +02:00
parent 0cb8dc73bb
commit 9147772cb2
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
client/components/ContextMenu.vue
View file

@ -38,11 +38,7 @@ export default {
};
},
mounted() {
document.addEventListener("keydown", (e) => {
if (e.code === "Escape") {
this.close();
}
});
Mousetrap.bind("esc", this.close);
const trap = Mousetrap(this.$refs.contextMenu);
@ -78,6 +74,9 @@ export default {
return false;
});
},
destroyed() {
Mousetrap.unbind("esc", this.close);
},
methods: {
open(event, items) {
this.items = items;

15
client/components/ImageViewer.vue
View file

@ -25,6 +25,8 @@
</template>
<script>
import Mousetrap from "mousetrap";
export default {
name: "ImageViewer",
data() {
@ -61,14 +63,17 @@ export default {
},
},
mounted() {
document.addEventListener("keydown", (e) => {
if (e.code === "Escape") {
this.closeViewer();
}
});
Mousetrap.bind("esc", this.closeViewer);
},
destroyed() {
Mousetrap.unbind("esc", this.closeViewer);
},
methods: {
closeViewer() {
if (this.link === null) {
return;
}
this.$root.$off("resize", this.correctPosition);
this.link = null;
},