Move keybinds to another file
This commit is contained in:
parent
41b9ffb5e7
commit
17127e9fc2
112
client/js/keybinds.js
Normal file
112
client/js/keybinds.js
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
"use strict";
|
||||||
|
|
||||||
|
const $ = require("jquery");
|
||||||
|
const Mousetrap = require("mousetrap");
|
||||||
|
const utils = require("./utils");
|
||||||
|
const input = $("#input");
|
||||||
|
const sidebar = $("#sidebar");
|
||||||
|
const windows = $("#windows");
|
||||||
|
const contextMenuContainer = $("#context-menu-container");
|
||||||
|
|
||||||
|
Mousetrap.bind([
|
||||||
|
"pageup",
|
||||||
|
"pagedown"
|
||||||
|
], function(e, key) {
|
||||||
|
let container = windows.find(".window.active");
|
||||||
|
|
||||||
|
// Chat windows scroll message container
|
||||||
|
if (container.attr("id") === "chat-container") {
|
||||||
|
container = container.find(".chan.active .chat");
|
||||||
|
}
|
||||||
|
|
||||||
|
container.finish();
|
||||||
|
|
||||||
|
const offset = container.get(0).clientHeight * 0.9;
|
||||||
|
let scrollTop = container.scrollTop();
|
||||||
|
|
||||||
|
if (key === "pageup") {
|
||||||
|
scrollTop = Math.floor(scrollTop - offset);
|
||||||
|
} else {
|
||||||
|
scrollTop = Math.ceil(scrollTop + offset);
|
||||||
|
}
|
||||||
|
|
||||||
|
container.animate({
|
||||||
|
scrollTop: scrollTop
|
||||||
|
}, 200);
|
||||||
|
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
Mousetrap.bind([
|
||||||
|
"command+up",
|
||||||
|
"command+down",
|
||||||
|
"ctrl+up",
|
||||||
|
"ctrl+down"
|
||||||
|
], function(e, keys) {
|
||||||
|
const channels = sidebar.find(".chan");
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
channels.eq(target).click();
|
||||||
|
});
|
||||||
|
|
||||||
|
Mousetrap.bind([
|
||||||
|
"command+shift+l",
|
||||||
|
"ctrl+shift+l"
|
||||||
|
], function(e) {
|
||||||
|
if (e.target === input[0]) {
|
||||||
|
utils.clear();
|
||||||
|
e.preventDefault();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Mousetrap.bind([
|
||||||
|
"escape"
|
||||||
|
], function() {
|
||||||
|
contextMenuContainer.hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
const colorsHotkeys = {
|
||||||
|
k: "\x03",
|
||||||
|
b: "\x02",
|
||||||
|
u: "\x1F",
|
||||||
|
i: "\x1D",
|
||||||
|
o: "\x0F",
|
||||||
|
};
|
||||||
|
|
||||||
|
for (const hotkey in colorsHotkeys) {
|
||||||
|
Mousetrap.bind([
|
||||||
|
"command+" + hotkey,
|
||||||
|
"ctrl+" + hotkey
|
||||||
|
], function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const cursorPosStart = input.prop("selectionStart");
|
||||||
|
const cursorPosEnd = input.prop("selectionEnd");
|
||||||
|
const value = input.val();
|
||||||
|
let newValue = value.substring(0, cursorPosStart) + colorsHotkeys[e.key];
|
||||||
|
|
||||||
|
if (cursorPosStart === cursorPosEnd) {
|
||||||
|
// If no text is selected, insert at cursor
|
||||||
|
newValue += value.substring(cursorPosEnd, value.length);
|
||||||
|
} else {
|
||||||
|
// If text is selected, insert formatting character at start and the end
|
||||||
|
newValue += value.substring(cursorPosStart, cursorPosEnd) + colorsHotkeys[e.key] + value.substring(cursorPosEnd, value.length);
|
||||||
|
}
|
||||||
|
|
||||||
|
input
|
||||||
|
.val(newValue)
|
||||||
|
.get(0).setSelectionRange(cursorPosStart + 1, cursorPosEnd + 1);
|
||||||
|
});
|
||||||
|
}
|
@ -4,7 +4,6 @@
|
|||||||
require("jquery-ui/ui/widgets/sortable");
|
require("jquery-ui/ui/widgets/sortable");
|
||||||
const $ = require("jquery");
|
const $ = require("jquery");
|
||||||
const moment = require("moment");
|
const moment = require("moment");
|
||||||
const Mousetrap = require("mousetrap");
|
|
||||||
const URI = require("urijs");
|
const URI = require("urijs");
|
||||||
const fuzzy = require("fuzzy");
|
const fuzzy = require("fuzzy");
|
||||||
|
|
||||||
@ -20,6 +19,7 @@ require("./options");
|
|||||||
const utils = require("./utils");
|
const utils = require("./utils");
|
||||||
require("./autocompletion");
|
require("./autocompletion");
|
||||||
require("./webpush");
|
require("./webpush");
|
||||||
|
require("./keybinds");
|
||||||
require("./clipboard");
|
require("./clipboard");
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
@ -564,111 +564,6 @@ $(function() {
|
|||||||
$(this).data("lastvalue", nick);
|
$(this).data("lastvalue", nick);
|
||||||
});
|
});
|
||||||
|
|
||||||
(function HotkeysScope() {
|
|
||||||
Mousetrap.bind([
|
|
||||||
"pageup",
|
|
||||||
"pagedown"
|
|
||||||
], function(e, key) {
|
|
||||||
let container = windows.find(".window.active");
|
|
||||||
|
|
||||||
// Chat windows scroll message container
|
|
||||||
if (container.attr("id") === "chat-container") {
|
|
||||||
container = container.find(".chan.active .chat");
|
|
||||||
}
|
|
||||||
|
|
||||||
container.finish();
|
|
||||||
|
|
||||||
const offset = container.get(0).clientHeight * 0.9;
|
|
||||||
let scrollTop = container.scrollTop();
|
|
||||||
|
|
||||||
if (key === "pageup") {
|
|
||||||
scrollTop = Math.floor(scrollTop - offset);
|
|
||||||
} else {
|
|
||||||
scrollTop = Math.ceil(scrollTop + offset);
|
|
||||||
}
|
|
||||||
|
|
||||||
container.animate({
|
|
||||||
scrollTop: scrollTop
|
|
||||||
}, 200);
|
|
||||||
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
Mousetrap.bind([
|
|
||||||
"command+up",
|
|
||||||
"command+down",
|
|
||||||
"ctrl+up",
|
|
||||||
"ctrl+down"
|
|
||||||
], function(e, keys) {
|
|
||||||
var channels = sidebar.find(".chan");
|
|
||||||
var index = channels.index(channels.filter(".active"));
|
|
||||||
var direction = keys.split("+").pop();
|
|
||||||
switch (direction) {
|
|
||||||
case "up":
|
|
||||||
// Loop
|
|
||||||
var upTarget = (channels.length + (index - 1 + channels.length)) % channels.length;
|
|
||||||
channels.eq(upTarget).click();
|
|
||||||
break;
|
|
||||||
|
|
||||||
case "down":
|
|
||||||
// Loop
|
|
||||||
var downTarget = (channels.length + (index + 1 + channels.length)) % channels.length;
|
|
||||||
channels.eq(downTarget).click();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
Mousetrap.bind([
|
|
||||||
"command+shift+l",
|
|
||||||
"ctrl+shift+l"
|
|
||||||
], function(e) {
|
|
||||||
if (e.target === input[0]) {
|
|
||||||
utils.clear();
|
|
||||||
e.preventDefault();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
Mousetrap.bind([
|
|
||||||
"escape"
|
|
||||||
], function() {
|
|
||||||
contextMenuContainer.hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
var colorsHotkeys = {
|
|
||||||
k: "\x03",
|
|
||||||
b: "\x02",
|
|
||||||
u: "\x1F",
|
|
||||||
i: "\x1D",
|
|
||||||
o: "\x0F",
|
|
||||||
};
|
|
||||||
|
|
||||||
for (var hotkey in colorsHotkeys) {
|
|
||||||
Mousetrap.bind([
|
|
||||||
"command+" + hotkey,
|
|
||||||
"ctrl+" + hotkey
|
|
||||||
], function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const cursorPosStart = input.prop("selectionStart");
|
|
||||||
const cursorPosEnd = input.prop("selectionEnd");
|
|
||||||
const value = input.val();
|
|
||||||
let newValue = value.substring(0, cursorPosStart) + colorsHotkeys[e.key];
|
|
||||||
|
|
||||||
if (cursorPosStart === cursorPosEnd) {
|
|
||||||
// If no text is selected, insert at cursor
|
|
||||||
newValue += value.substring(cursorPosEnd, value.length);
|
|
||||||
} else {
|
|
||||||
// If text is selected, insert formatting character at start and the end
|
|
||||||
newValue += value.substring(cursorPosStart, cursorPosEnd) + colorsHotkeys[e.key] + value.substring(cursorPosEnd, value.length);
|
|
||||||
}
|
|
||||||
|
|
||||||
input
|
|
||||||
.val(newValue)
|
|
||||||
.get(0).setSelectionRange(cursorPosStart + 1, cursorPosEnd + 1);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}());
|
|
||||||
|
|
||||||
$(document).on("visibilitychange focus click", () => {
|
$(document).on("visibilitychange focus click", () => {
|
||||||
if (sidebar.find(".highlight").length === 0) {
|
if (sidebar.find(".highlight").length === 0) {
|
||||||
utils.toggleNotificationMarkers(false);
|
utils.toggleNotificationMarkers(false);
|
||||||
|
Loading…
Reference in New Issue
Block a user