hardlounge/client/js/keybinds.js

171 lines
3.7 KiB
JavaScript
Raw Normal View History

2017-09-06 06:41:11 +00:00
"use strict";
const $ = require("jquery");
const Mousetrap = require("mousetrap");
const utils = require("./utils");
const {vueApp} = require("./vue");
2017-09-06 06:41:11 +00:00
2019-07-17 09:33:59 +00:00
Mousetrap.bind(["alt+up", "alt+down"], function(e, keys) {
2018-07-09 18:51:27 +00:00
const sidebar = $("#sidebar");
const channels = sidebar.find(".chan").not(".network.collapsed :not(.lobby)");
2017-09-06 06:41:11 +00:00
const index = channels.index(channels.filter(".active"));
const direction = keys.split("+").pop();
let target;
switch (direction) {
2019-07-17 09:33:59 +00:00
case "up":
target = (channels.length + (index - 1 + channels.length)) % channels.length;
break;
2017-09-06 06:41:11 +00:00
2019-07-17 09:33:59 +00:00
case "down":
target = (channels.length + (index + 1 + channels.length)) % channels.length;
break;
2017-09-06 06:41:11 +00:00
}
target = channels.eq(target).click();
utils.scrollIntoViewNicely(target[0]);
return false;
2017-09-06 06:41:11 +00:00
});
2019-07-17 09:33:59 +00:00
Mousetrap.bind(["alt+shift+up", "alt+shift+down"], function(e, keys) {
2018-07-09 18:51:27 +00:00
const sidebar = $("#sidebar");
const lobbies = sidebar.find(".lobby");
const direction = keys.split("+").pop();
let index = lobbies.index(lobbies.filter(".active"));
let target;
switch (direction) {
2019-07-17 09:33:59 +00:00
case "up":
if (index < 0) {
target = lobbies.index(
sidebar
.find(".channel")
.filter(".active")
.siblings(".lobby")[0]
);
} else {
target = (lobbies.length + (index - 1 + lobbies.length)) % lobbies.length;
}
2019-07-17 09:33:59 +00:00
break;
2019-07-17 09:33:59 +00:00
case "down":
if (index < 0) {
index = lobbies.index(
sidebar
.find(".channel")
.filter(".active")
.siblings(".lobby")[0]
);
}
2019-07-17 09:33:59 +00:00
target = (lobbies.length + (index + 1 + lobbies.length)) % lobbies.length;
2019-07-17 09:33:59 +00:00
break;
}
target = lobbies.eq(target).click();
utils.scrollIntoViewNicely(target[0]);
return false;
});
// Jump to the first window with a highlight in it, or the first with unread
// activity if there are none with highlights.
Mousetrap.bind(["alt+a"], function() {
let targetchan;
outer_loop: for (const network of vueApp.networks) {
for (const chan of network.channels) {
if (chan.highlight) {
targetchan = chan;
break outer_loop;
}
if (chan.unread && !targetchan) {
targetchan = chan;
}
}
}
if (targetchan) {
2019-10-25 21:37:40 +00:00
vueApp.switchToChannel(targetchan);
}
return false;
});
// Ignored keys which should not automatically focus the input bar
const ignoredKeys = {
8: true, // Backspace
9: true, // Tab
12: true, // Clear
16: true, // Shift
17: true, // Control
18: true, // Alt
19: true, // Pause
20: true, // CapsLock
27: true, // Escape
35: true, // End
36: true, // Home
37: true, // ArrowLeft
38: true, // ArrowUp
39: true, // ArrowRight
40: true, // ArrowDown
45: true, // Insert
46: true, // Delete
112: true, // F1
113: true, // F2
114: true, // F3
115: true, // F4
116: true, // F5
117: true, // F6
118: true, // F7
119: true, // F8
120: true, // F9
121: true, // F10
122: true, // F11
123: true, // F12
144: true, // NumLock
145: true, // ScrollLock
224: true, // Meta
};
$(document).on("keydown", (e) => {
// Ignore any key that uses alt modifier
// Ignore keys defined above
if (e.altKey || ignoredKeys[e.which]) {
return;
}
// Ignore all ctrl keys except for ctrl+v to allow pasting
if ((e.ctrlKey || e.metaKey) && e.which !== 86) {
return;
}
// Redirect pagedown/pageup keys to messages container so it scrolls
if (e.which === 33 || e.which === 34) {
$("#windows .window.active .chan.active .chat").trigger("focus");
return;
}
const tagName = e.target.tagName;
// Ignore if we're already typing into <input> or <textarea>
if (tagName === "INPUT" || tagName === "TEXTAREA") {
return;
}
2018-07-09 18:51:27 +00:00
const input = $("#input");
// On enter, focus the input but do not propagate the event
// This way, a new line is not inserted
if (e.which === 13) {
input.trigger("focus");
return false;
}
input.trigger("focus");
});