mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-02-10 10:15:13 +00:00
67 lines
2.5 KiB
HTML
67 lines
2.5 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" id="stringInputPane">
|
||
|
|
<!-- String Input form -- Start -->
|
||
|
|
<div class="contextual-pane-in">
|
||
|
|
<form class="paneContentContainer" data-bind="submit: submit">
|
||
|
|
<!-- String Input header - Start -->
|
||
|
|
<div class="firstdivbg headerline">
|
||
|
|
<span data-bind="text: title"></span>
|
||
|
|
<div class="closeImg" role="button" aria-label="Close pane" tabindex="0" data-bind="click: cancel"></div>
|
||
|
|
</div>
|
||
|
|
<!-- String Input header - End -->
|
||
|
|
|
||
|
|
<!-- String Input errors - Start -->
|
||
|
|
<div
|
||
|
|
class="warningErrorContainer"
|
||
|
|
aria-live="assertive"
|
||
|
|
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>
|
||
|
|
<!-- String Input errors - End -->
|
||
|
|
|
||
|
|
<!-- String Input inputs - Start -->
|
||
|
|
<div class="paneMainContent">
|
||
|
|
<div>
|
||
|
|
<p data-bind="text: inputLabel"></p>
|
||
|
|
<p>
|
||
|
|
<input
|
||
|
|
type="text"
|
||
|
|
name="collectionIdConfirmation"
|
||
|
|
required
|
||
|
|
class="collid"
|
||
|
|
data-bind="textInput: stringInput, hasFocus: firstFieldHasFocus"
|
||
|
|
aria-label="inputLabel"
|
||
|
|
/>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="paneFooter">
|
||
|
|
<div class="leftpanel-okbut">
|
||
|
|
<input type="submit" data-bind="attr: { value: submitButtonLabel }" class="btncreatecoll1" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- String Input inputs - End -->
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<!-- String Input form - Start -->
|
||
|
|
<!-- Loader - Start -->
|
||
|
|
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
|
||
|
|
<img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
|
||
|
|
</div>
|
||
|
|
<!-- Loader - End -->
|
||
|
|
</div>
|
||
|
|
</div>
|