ryanwong
91 lines
4.5 KiB
Plaintext
91 lines
4.5 KiB
Plaintext
<div class="modal fade" id="mkd-media-gallery" tabindex="-1" role="dialog" aria-labelledby="media-gallery" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="media-gallery">Media Gallery</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="container-fluid" id="mkd-media-gallery-container" style="height: 500px;overflow-y: scroll;">
|
|
<div class="row" id="mkd-media-gallery-wrapper">
|
|
|
|
</div>
|
|
<div class="text-center" id="mkd-load-more-container">
|
|
<button class="btn btn-primary" id="mkd-load-more">Load More</button>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid" id="mkd-media-upload-container">
|
|
<div class="row" id="mkd-media-upload-wrapper">
|
|
<div class="mkd-upload-btn-wrapper">
|
|
<button class="mkd-upload-btn">Upload a file</button>
|
|
<input type="file" name="imagefile" onchange="onFileSelected(event)"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid" id="mkd-media-crop-container">
|
|
<div class="row" id="mkd-media-crop-wrapper">
|
|
<div id="mkd-crop-upload-container-wrapper">
|
|
<div id="mkd-crop-upload-container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer mkd-media-panel-1">
|
|
<button type="button" class="btn btn-primary" id="mkd-media-upload">Upload</button>
|
|
<button type="button" class="btn btn-dark" id="mkd-media-choose">Choose</button>
|
|
<button type="button" class="btn btn-warning mkd-close-modal" data-dismiss="modal">Close</button>
|
|
</div>
|
|
<div class="modal-footer mkd-media-panel-2">
|
|
<button type="button" class="btn btn-warning mkd-close-modal" data-dismiss="modal">Close</button>
|
|
</div>
|
|
<div class="modal-footer mkd-media-panel-3">
|
|
<button type="button" class="btn btn-primary js-crop" id="mkd-media-crop">Crop & Upload</button>
|
|
<button type="button" class="btn btn-warning mkd-close-modal" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade " id="mkd-csv-import" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl" role="document" style='min-height:50vh;'>
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLongTitle">Import CSV</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form action="/v1/api/preview_csv/" enctype='multipart/form-data' id='import-csv'>
|
|
<input type="file" name='file' class='d-none' id='csv-file' accept=".csv">
|
|
<a href="#" class='btn btn-primary' id='btn-choose-csv'>Choose file</a>
|
|
</form>
|
|
<table id='csv-table' class='table-responsive d-none table-bordered'>
|
|
<thead id='csv-table-head'></thead>
|
|
<tbody id='csv-table-body'></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" id='btn-save-csv' class='btn btn-primary d-none' >Save Data</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="modal-image-show" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-md" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body justify-content-center p1 text-center">
|
|
<img id='modal-image-slot' src="" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |