141 lines
3.1 KiB
JavaScript
141 lines
3.1 KiB
JavaScript
"use strict";
|
|
|
|
const $ = require("jquery");
|
|
const Mousetrap = require("mousetrap");
|
|
const utils = require("./utils");
|
|
|
|
Mousetrap.bind([
|
|
"alt+up",
|
|
"alt+down",
|
|
], function(e, keys) {
|
|
const sidebar = $("#sidebar");
|
|
const channels = sidebar.find(".chan").not(".network.collapsed :not(.lobby)");
|
|
const index = channels.index(channels.filter(".active"));
|
|
const direction = keys.split("+").pop();
|
|
let target;
|
|
|
|
switch (direction) {
|
|
case "up":
|
|
target = (channels.length + (index - 1 + channels.length)) % channels.length;
|
|
break;
|
|
|
|
case "down":
|
|
target = (channels.length + (index + 1 + channels.length)) % channels.length;
|
|
break;
|
|
}
|
|
|
|
target = channels.eq(target).click();
|
|
utils.scrollIntoViewNicely(target[0]);
|
|
|
|
return false;
|
|
});
|
|
|
|
Mousetrap.bind([
|
|
"alt+shift+up",
|
|
"alt+shift+down",
|
|
], function(e, keys) {
|
|
const sidebar = $("#sidebar");
|
|
const lobbies = sidebar.find(".lobby");
|
|
const direction = keys.split("+").pop();
|
|
let index = lobbies.index(lobbies.filter(".active"));
|
|
let target;
|
|
|
|
switch (direction) {
|
|
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;
|
|
}
|
|
|
|
break;
|
|
|
|
case "down":
|
|
if (index < 0) {
|
|
index = lobbies.index(sidebar.find(".channel").filter(".active").siblings(".lobby")[0]);
|
|
}
|
|
|
|
target = (lobbies.length + (index + 1 + lobbies.length)) % lobbies.length;
|
|
|
|
break;
|
|
}
|
|
|
|
target = lobbies.eq(target).click();
|
|
utils.scrollIntoViewNicely(target[0]);
|
|
|
|
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;
|
|
}
|
|
|
|
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");
|
|
});
|