|
|
|
|
|
|
|
|
<div class="modal-dialog modal-xl modal-dialog-centered" role="document"> |
|
|
<div class="modal-dialog modal-xl modal-dialog-centered" role="document"> |
|
|
<div class="modal-content"> |
|
|
<div class="modal-content"> |
|
|
<div class="modal-header row"> |
|
|
<div class="modal-header row"> |
|
|
<div class="col-2 align-self-begin"> |
|
|
|
|
|
<h5 class="modal-title">Document</h5> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-4 align-self-center"> |
|
|
|
|
|
<div class="btn-group" role="group" aria-label="Basic example"> |
|
|
|
|
|
<button type="Button" class="btn btn-sm btn-light" disabled> |
|
|
|
|
|
<i class="fas fa-file-image"></i> |
|
|
|
|
|
</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">S</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">M</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">L</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size active">XL</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-2 align-self-begin"> |
|
|
|
|
|
<h5 class="modal-title">Document</h5> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col-4 align-self-center"> |
|
|
|
|
|
<div class="btn-group" role="group" aria-label="Basic example"> |
|
|
|
|
|
<button type="Button" class="btn btn-sm btn-light" disabled> |
|
|
|
|
|
<i class="fas fa-file-image"></i> |
|
|
|
|
|
</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">S</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">M</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size">L</button> |
|
|
|
|
|
<button type="button" class="btn btn-sm btn-light autodoc_home_modal_size active">XL</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
<div class="modal-body autodoc_home_modal_body"> |
|
|
<div class="modal-body autodoc_home_modal_body"> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect" |
|
|
<div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect" |
|
|
|
|
|
|
|
|
<tr> |
|
|
<tr> |
|
|
<th scope="row">Tags</th> |
|
|
<th scope="row">Tags</th> |
|
|
<td class="autodoc_home_modal_tags"> |
|
|
<td class="autodoc_home_modal_tags"> |
|
|
< |
|
|
|
|
|
</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
|
< </td> </tr> </table> </div> </div> </div> </div> <div id="autodoc_home_body"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div id="autodoc_home_body"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- Upload --> |
|
|
|
|
|
<div class="container d-none" id="autodoc_tab_upload"> |
|
|
|
|
|
<div class="d-none autodoc_template_progress"> |
|
|
|
|
|
<div class="progress"> |
|
|
|
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated text-dark"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<h3>upload</h3> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
|
|
|
<!-- Upload --> |
|
|
|
|
|
<div class="container d-none" id="autodoc_tab_upload"> |
|
|
|
|
|
<div class="d-none autodoc_template_progress"> |
|
|
|
|
|
<div class="progress"> |
|
|
|
|
|
<div class="progress-bar progress-bar-striped progress-bar-animated text-dark"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<h3>upload</h3> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
|
|
|
<div class="lead">Upload Zone</div> |
|
|
|
|
|
|
|
|
<div class="lead">Upload Zone</div> |
|
|
|
|
|
|
|
|
<div class="text-center autodoc_upload_zone"> |
|
|
|
|
|
Drag & Drop files (png, jpeg, pdf) into this zone to attach them to a single new document<br /> |
|
|
|
|
|
Files can be uploaded at once or separately. A long as the page is not refreshed or the new document |
|
|
|
|
|
button |
|
|
|
|
|
is pushed, they will all be attached to the same document |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="text-center autodoc_upload_zone"> |
|
|
|
|
|
Drag & Drop files (png, jpeg, pdf) into this zone to attach them to a single new document<br /> |
|
|
|
|
|
Files can be uploaded at once or separately. A long as the page is not refreshed or the new document |
|
|
|
|
|
button |
|
|
|
|
|
is pushed, they will all be attached to the same document |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
<div class="lead">Upload Status</div> |
|
|
|
|
|
<div class="autodoc_upload_status"></div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
<div class="lead">Upload Status</div> |
|
|
|
|
|
<div class="autodoc_upload_status"></div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Tags --> |
|
|
|
|
|
<div class="container d-none" id="autodoc_tab_tags"> |
|
|
|
|
|
<h3>Manage Tags</h3> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
Add Tags |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-primary" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-primary"> |
|
|
|
|
|
<span class="badge badge-pill badge-primary">primary</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-secondary" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-secondary"> |
|
|
|
|
|
<span class="badge badge-pill badge-secondary">secondary</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-success" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-success"> |
|
|
|
|
|
<span class="badge badge-pill badge-success">success</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-danger" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-danger"> |
|
|
|
|
|
<span class="badge badge-pill badge-danger">danger</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-warning" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-warning"> |
|
|
|
|
|
<span class="badge badge-pill badge-warning">warning</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-info" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-info"> |
|
|
|
|
|
<span class="badge badge-pill badge-info">info</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-light" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-light"> |
|
|
|
|
|
<span class="badge badge-pill badge-light">light</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="form-check"> |
|
|
|
|
|
<input class="form-check-input" id="form-tag-dark" type="radio"> |
|
|
|
|
|
<label class="form-check-label" for="form-tag-dark"> |
|
|
|
|
|
<span class="badge badge-pill badge-dark">dark</span> |
|
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
<!-- Tags --> |
|
|
|
|
|
<div class="container d-none" id="autodoc_tab_tags"> |
|
|
|
|
|
<h3>Manage Tags</h3> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
Add Tags |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-primary">Primary</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-secondary">Secondary</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-success">Success</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-danger">Danger</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-warning">Warning</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-info">Info</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-light">Light</a> |
|
|
|
|
|
<a href="#" class="autodoc_tag_color badge badge-dark">Dark</a> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- Search --> |
|
|
|
|
|
<div class="container d-none" id="autodoc_tab_search"> |
|
|
|
|
|
<h3>search</h3> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<footer class="fixed-bottom page-footer font-small bg-dark"> |
|
|
|
|
|
<div class="container footer-copyright text-center text-muted py-3"> |
|
|
|
|
|
AutoDoc v1.0 © Pascal Gloor 2019 |
|
|
|
|
|
</div> |
|
|
|
|
|
</footer> |
|
|
|
|
|
|
|
|
<!-- Search --> |
|
|
|
|
|
<div class="container d-none" id="autodoc_tab_search"> |
|
|
|
|
|
<h3>search</h3> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<script src="js/jquery.min.js"></script> |
|
|
|
|
|
<script src="js/popper.min.js"></script> |
|
|
|
|
|
<script src="js/tooltip.min.js"></script> |
|
|
|
|
|
<script src="js/bootstrap.min.js"></script> |
|
|
|
|
|
<script src="js/bs-custom-file-input.min.js"></script> |
|
|
|
|
|
<script src="js/autodoc.js"></script> |
|
|
|
|
|
|
|
|
<footer class="fixed-bottom page-footer font-small bg-dark"> |
|
|
|
|
|
<div class="container footer-copyright text-center text-muted py-3"> |
|
|
|
|
|
AutoDoc v1.0 © Pascal Gloor 2019 |
|
|
|
|
|
</div> |
|
|
|
|
|
</footer> |
|
|
|
|
|
|
|
|
|
|
|
<script src="js/jquery.min.js"></script> |
|
|
|
|
|
<script src="js/popper.min.js"></script> |
|
|
|
|
|
<script src="js/tooltip.min.js"></script> |
|
|
|
|
|
<script src="js/bootstrap.min.js"></script> |
|
|
|
|
|
<script src="js/bs-custom-file-input.min.js"></script> |
|
|
|
|
|
<script src="js/autodoc.js"></script> |
|
|
</body> |
|
|
</body> |
|
|
|
|
|
|
|
|
</html> |
|
|
</html> |