mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2026-01-06 19:19:56 +00:00
63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
<div
|
|
role="treeitem"
|
|
tabindex="0"
|
|
class="pointerCursor"
|
|
data-bind="
|
|
click: $data.open,
|
|
event: {
|
|
keydown: onKeyDown,
|
|
keypress: onKeyPress,
|
|
contextmenu: $data.contextMenu.show
|
|
},
|
|
clickBubble: false,
|
|
contextmenuBubble: false,
|
|
css: {
|
|
highlight: true,
|
|
collectionNodeSelected: $root.selectedNode && $root.selectedNode() && $root.selectedNode().rid === $data.rid,
|
|
contextmenushowing: $data.contextMenu.visible
|
|
},
|
|
attr:{
|
|
'aria-selected': $root.selectedNode && $root.selectedNode() && $root.selectedNode().rid === $data.rid
|
|
}"
|
|
>
|
|
<div class="triggersChildMenu treeChildMenu">
|
|
<div
|
|
class="childMenu"
|
|
data-bind="
|
|
attr: {
|
|
title: $data.id()
|
|
}"
|
|
>
|
|
<!--ko text: $data.id-->
|
|
<!--/ko-->
|
|
</div>
|
|
<span
|
|
class="menuEllipsis"
|
|
name="context menu"
|
|
role="button"
|
|
data-bind="
|
|
click: $data.contextMenu.show,
|
|
clickBubble: false
|
|
"
|
|
>…</span
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Trigger Node Context Menu - Start -->
|
|
<div data-bind="event: { keydown: onMenuKeyDown }">
|
|
<div
|
|
class="context-menu-background"
|
|
data-bind="
|
|
visible: $data.contextMenu.visible,
|
|
click: $data.contextMenu.hide"
|
|
></div>
|
|
|
|
<div
|
|
class="context-menu"
|
|
data-bind="attr:{ tabindex: $data.contextMenu.tabIndex, id: $data.contextMenu.elementId }, visible: $data.contextMenu.visible, foreach: $data.contextMenu.options"
|
|
>
|
|
<command-button class="context-menu-option" params="{buttonProps: $data}"></command-button>
|
|
</div>
|
|
</div>
|