Dropper/src/dropper/templates/modals.html

111 lines
4.2 KiB
HTML

<!-- Modals -->
<!-- Uploader modal -->
<div id="uploaderModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Uploader</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<!-- Text Upload -->
<div class="col-md-6 controls-secondary">
<!-- Server Messages -->
<div id="page-alert-zone-text"></div>
<textarea id="noteArea" rows="4" cols="80" placeholder="Enter note..."
style="background-color: #32383e; color: #fff; width: 100%;
height: 320px; margin-bottom: 1em;"></textarea>
<button id="uploadText" class="btn btn-success">Submit Note...</button>
</div>
<!-- File Upload -->
<div class="col-md-6 controls-secondary">
<!-- Server Messages -->
<div id="page-alert-zone-files"></div>
<!-- To Upload List -->
<ul id="uploadListTitles" class="list-group scroller" style="min-height: 286px; max-height: 286px; overflow: auto;">
</ul>
<input class="btn btn-primary" type="file" id="toUpload" multiple>
<button id="uploadFiles" class="btn btn-success">Submit Files...</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Delete modal text -->
<div id="deleteDialogModalText" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Delete Text</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p id="toDeleteText">...</p>
</div>
<div class="modal-footer">
<button id="deleteTextBtn" textClass="" type="button" class="btn btn-danger" data-dismiss="modal">Delete</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Delete modal file -->
<div id="deleteDialogModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Delete File</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p id="toDeleteFileName">...</p>
</div>
<div class="modal-footer">
<button id="deleteFileBtn" fileHash="" type="button" class="btn btn-danger" data-dismiss="modal" onclick="deleteFile(this)">Delete</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Edit Modal -->
<div id="editDialogModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit File</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p id="toEditFileName">...</p>
</div>
<input type="text" id="newEditName" placeholder="New File Name..." value="">
<div class="modal-footer">
<button id="editFileBtn" fileHash="" type="button"
class="btn btn-warning" onclick="editFile(this)">Edit</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>