mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-02-09 01:35:13 +00:00
60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<div data-bind="visible: visible, event: { keydown: onPaneKeyDown }">
|
|
<div class="contextual-pane-out" data-bind="click: cancel, clickBubble: false"></div>
|
|
<div class="contextual-pane" data-bind="attr: { id: id }">
|
|
<!-- Graph Styling form - Start -->
|
|
<div class="contextual-pane-in">
|
|
<form class="paneContentContainer" data-bind="submit: submit">
|
|
<!-- Graph Styling header - Start -->
|
|
<div class="firstdivbg headerline">
|
|
<span>Graph Styling</span>
|
|
<div
|
|
class="closeImg"
|
|
role="button"
|
|
aria-label="Close pane"
|
|
tabindex="0"
|
|
data-bind="click: cancel, event: { keypress: onCloseKeyPress }"
|
|
>
|
|
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
|
|
</div>
|
|
</div>
|
|
<!-- Graph Styling header - End -->
|
|
|
|
<!-- Graph Styling errors - Start -->
|
|
<div
|
|
aria-live="assertive"
|
|
class="warningErrorContainer"
|
|
data-bind="visible: formErrors() && formErrors() !== ''"
|
|
>
|
|
<div class="warningErrorContent">
|
|
<span><img class="paneErrorIcon" src="/error_red.svg" alt="Error"/></span>
|
|
<span class="warningErrorDetailsLinkContainer">
|
|
<span class="formErrors" data-bind="text: formErrors, attr: { title: formErrors }"></span>
|
|
<a
|
|
class="errorLink"
|
|
role="link"
|
|
data-bind="visible: formErrorsDetails() && formErrorsDetails() !== '' , click: showErrorDetails"
|
|
>
|
|
More details
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<!-- Graph Styling errors - End -->
|
|
|
|
<!-- Add graph configuration - Start -->
|
|
<div class="paneMainContent">
|
|
<graph-style
|
|
id="graphStyleComponent"
|
|
params="{ config:graphConfigUIData, firstFieldHasFocus: firstFieldHasFocus }"
|
|
></graph-style>
|
|
</div>
|
|
<div class="paneFooter">
|
|
<div class="leftpanel-okbut"><input type="submit" value="OK" class="btncreatecoll1" /></div>
|
|
</div>
|
|
<!-- Add Graph configuration - End -->
|
|
</form>
|
|
</div>
|
|
<!-- Graph Styling form - End -->
|
|
</div>
|
|
</div>
|