Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-02 11:26:15 +01:00
Code Issues Packages Projects Releases Activity

note type context submenu WIP

Browse Source
This commit is contained in:
zadam
2019-03-17 11:38:27 +01:00
parent 62650a4545
commit 177caec011
4 changed files with 97 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/public/javascripts/services/context_menu.js
View File

@@ -5,42 +5,60 @@ function initContextMenu(event, itemContainer, selectContextMenuItem) {
$contextMenuContainer.empty();
for (const item of itemContainer.getItems()) {
if (item.title === '----') {
$contextMenuContainer.append($("<div>").addClass("dropdown-divider"));
} else {
const $icon = $("<span>");
if (item.uiIcon) {
$icon.addClass("jam jam-" + item.uiIcon);
function addItems($parent, items) {
for (const item of items) {
if (item.title === '----') {
$parent.append($("<div>").addClass("dropdown-divider"));
} else {
$icon.append("&nbsp;");
const $icon = $("<span>");
if (item.uiIcon) {
$icon.addClass("jam jam-" + item.uiIcon);
} else {
$icon.append("&nbsp;");
}
const $item = $("<li>")
.addClass("dropdown-item");
const $link = $("<a>")
.append($icon)
.append(" &nbsp; ") // some space between icon and text
.prop("data-cmd", item.cmd)
.append(item.title);
$item.append($link);
if (item.enabled !== undefined && !item.enabled) {
$link.addClass("disabled");
}
$link.click(async function (e) {
const cmd = $(e.target).prop("data-cmd");
e.originalTarget = event.target;
await selectContextMenuItem(e, cmd);
});
if (item.items) {
$item.addClass("dropdown-submenu");
$link.addClass("dropdown-toggle");
const $subMenu = $("<ul>").addClass("dropdown-menu");
addItems($subMenu, item.items);
$item.append($subMenu);
}
$parent.append($item);
}
const $item = $("<a>")
.append($icon)
.append(" &nbsp; ") // some space between icon and text
.addClass("dropdown-item")
.prop("data-cmd", item.cmd)
.append(item.title);
if (item.enabled !== undefined && !item.enabled) {
$item.addClass("disabled");
}
$item.click(async function (e) {
const cmd = $(e.target).prop("data-cmd");
e.originalTarget = event.target;
await selectContextMenuItem(e, cmd);
});
$contextMenuContainer.append($item);
}
}
addItems($contextMenuContainer, itemContainer.getItems());
// code below tries to detect when dropdown would overflow from page
// in such case we'll position it above click coordinates so it will fit into client
const clickPosition = event.pageY;