Sha256: 97625fea6e02ad74c496b8f8faaac91ebad621aacb2c25804de454fb1d4f5953
Contents?: true
Size: 1.71 KB
Versions: 16
Compression:
Stored size: 1.71 KB
Contents
import "keymaster"
const bindedHotkeys = []
function showHelp(evt) {
if (
!$(evt.target).is("input, textarea") &&
String.fromCharCode(evt.which) === "?"
) {
Alchemy.openDialog("/admin/help", {
title: Alchemy.t("help"),
size: "400x492"
})
return false
} else {
return true
}
}
export default function (scope = document) {
// The scope can be a jQuery object because we still use jQuery in Alchemy.Dialog.
if (scope instanceof jQuery) {
scope = scope[0]
}
// Unbind all previously registered hotkeys if we are not inside a dialog.
if (scope === document) {
document.removeEventListener("keypress", showHelp)
document.addEventListener("keypress", showHelp)
bindedHotkeys.forEach((hotkey) => key.unbind(hotkey))
}
// Binds keyboard shortcuts to search fields.
const search_fields = scope.querySelectorAll(".search_input_field")
const search_fields_clear = scope.querySelectorAll(
".search_field_clear, .js_filter_field_clear"
)
key("alt+f", function () {
key.setScope("search")
search_fields.forEach((el) => el.focus({ focusVisible: true }))
return false
})
bindedHotkeys.push("alt+f")
key("esc", "search", function () {
search_fields_clear.forEach((el) => el.click())
search_fields.forEach((el) => el.blur())
})
bindedHotkeys.push("esc")
// Binds click events to buttons with hotkeys.
//
// Simply add a data-alchemy-hotkey attribute to your link.
// If a hotkey is triggered by user, the click event of the element gets triggerd.
//
scope.querySelectorAll("[data-alchemy-hotkey]").forEach(function (el) {
const hotkey = el.dataset.alchemyHotkey
key(hotkey, () => el.click())
bindedHotkeys.push(hotkey)
})
}
Version data entries
16 entries across 16 versions & 1 rubygems