mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-12-19 00:41:31 +00:00
41 lines
1.3 KiB
HTML
41 lines
1.3 KiB
HTML
<span
|
|
class="commandButtonComponent"
|
|
role="menuitem"
|
|
tabindex="0"
|
|
data-bind="setTemplateReady: true,
|
|
css: {
|
|
commandDisabled: disabled,
|
|
selectedButton: isSelected
|
|
},
|
|
event: {
|
|
keypress: onKeyPress
|
|
},
|
|
attr: {
|
|
title: tooltipText,
|
|
id: commandButtonId,
|
|
tabindex: tabIndex ,
|
|
'aria-disabled': disabled,
|
|
'aria-haspopup': hasPopup
|
|
},
|
|
click: commandClickCallback,
|
|
visible: visible"
|
|
>
|
|
<div class="commandContent" data-bind="css: { hasHiddenItems: children().length > 0 }">
|
|
<img class="commandIcon" data-bind="attr: {src: iconSrc, alt: commandButtonLabel}" />
|
|
<span class="commandLabel" data-bind="text: commandButtonLabel"></span>
|
|
</div>
|
|
</span>
|
|
<!-- ko if: children().length > 0 -->
|
|
<div class="commandExpand" tabindex="0" data-bind="visible: visible, event: { keydown: onLauncherKeyDown }">
|
|
<div class="commandDropdownLauncher">
|
|
<span class="partialSplitter"></span>
|
|
<span class="expandDropdown"> <img src="/QueryBuilder/CollapseChevronDown_16x.png" /> </span>
|
|
</div>
|
|
<div class="commandDropdownContainer">
|
|
<div class="commandDropdown" data-bind="foreach: children">
|
|
<command-button params="{buttonProps: $data}"></command-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /ko -->
|