mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-02-10 10:15:13 +00:00
73 lines
3.0 KiB
HTML
73 lines
3.0 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="uploadFilePane">
|
||
|
|
<!-- Upload File form -- Start -->
|
||
|
|
<div class="contextual-pane-in">
|
||
|
|
<form class="paneContentContainer" data-bind="submit: submit">
|
||
|
|
<!-- Upload File 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">
|
||
|
|
<img src="../../../images/close-black.svg" title="Close" alt="Close" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Upload File header - End -->
|
||
|
|
|
||
|
|
<!-- Upload File 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>
|
||
|
|
<!-- Upload File errors - End -->
|
||
|
|
|
||
|
|
<!-- Upload File inputs - Start -->
|
||
|
|
<div class="paneMainContent">
|
||
|
|
<div>
|
||
|
|
<div class="renewUploadItemsHeader" data-bind="text: selectFileInputLabel"></div>
|
||
|
|
<input class="importFilesTitle" type="text" disabled data-bind="value: selectedFilesTitle" />
|
||
|
|
<input
|
||
|
|
type="file"
|
||
|
|
id="importFileInput"
|
||
|
|
style="display: none"
|
||
|
|
data-bind="event: { change: updateSelectedFiles }, attr: { accept: extensions }"
|
||
|
|
/>
|
||
|
|
<a
|
||
|
|
href="#"
|
||
|
|
id="fileImportLinkNotebook"
|
||
|
|
data-bind="event: { click: onImportLinkClick, keypress: onImportLinkKeyPress }"
|
||
|
|
>
|
||
|
|
<img class="fileImportImg" src="/folder_16x16.svg" alt="upload files" title="Upload files" />
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="paneFooter">
|
||
|
|
<div class="leftpanel-okbut">
|
||
|
|
<input type="submit" data-bind="attr: { value: submitButtonLabel }" class="btncreatecoll1" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- Upload File inputs - End -->
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<!-- Upload File form - Start -->
|
||
|
|
<!-- Loader - Start -->
|
||
|
|
<div class="dataExplorerLoaderContainer dataExplorerPaneLoaderContainer" data-bind="visible: isExecuting">
|
||
|
|
<img class="dataExplorerLoader" src="/LoadingIndicator_3Squares.gif" />
|
||
|
|
</div>
|
||
|
|
<!-- Loader - End -->
|
||
|
|
</div>
|
||
|
|
</div>
|