| <div class="modal-content"> | <div class="modal-content"> | ||||
| <div class="modal-header"> | <div class="modal-header"> | ||||
| <h5 class="modal-title">Document</h5> | <h5 class="modal-title">Document</h5> | ||||
| <div class="btn-group" role="group" aria-label="Basic example"> | |||||
| <button type="button" class="btn btn-secondary">Left</button> | |||||
| <button type="button" class="btn btn-secondary">Middle</button> | |||||
| <button type="button" class="btn btn-secondary">Right</button> | |||||
| </div> | |||||
| <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | |||||
| <span aria-hidden="true">×</span> | |||||
| </button> | |||||
| </div> | </div> | ||||
| </div> | |||||
| <div class="modal-body autodoc_home_modal_body"> | |||||
| <div class="row"> | |||||
| <div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect" | |||||
| style="opacity: 0.15;"> | |||||
| <i class="fas fa-3x fa-chevron-circle-left"></i> | |||||
| </div> | |||||
| <div class="col"> | |||||
| <img class="img-fluid" id="autodoc_home_modal_img" /> | |||||
| <div>Page | |||||
| <span class="autodoc_home_modal_page"></span> | |||||
| / | |||||
| <span class="autodoc_home_modal_pages"></span> | |||||
| <div class="modal-body autodoc_home_modal_body"> | |||||
| <div class="row"> | |||||
| <div id="autodoc_home_modal_left" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect" | |||||
| style="opacity: 0.15;"> | |||||
| <i class="fas fa-3x fa-chevron-circle-left"></i> | |||||
| </div> | |||||
| <div class="col"> | |||||
| <img class="img-fluid" id="autodoc_home_modal_img" /> | |||||
| <div>Page | |||||
| <span class="autodoc_home_modal_page"></span> | |||||
| / | |||||
| <span class="autodoc_home_modal_pages"></span> | |||||
| </div> | |||||
| </div> | |||||
| <div id="autodoc_home_modal_right" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect" | |||||
| style="opacity: 0.15;"> | |||||
| <i class="fas fa-3x fa-chevron-circle-right"></i> | |||||
| </div> | </div> | ||||
| </div> | |||||
| <div id="autodoc_home_modal_right" class="col-1 autodoc_valign text-light bg-secondary autodoc_noselect" | |||||
| style="opacity: 0.15;"> | |||||
| <i class="fas fa-3x fa-chevron-circle-right"></i> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | |||||
| <div class="modal-footer autodoc_home_modal_footer"> | |||||
| <table class="table table-striped table-sm"> | |||||
| <tr> | |||||
| <th scope="row">Name</th> | |||||
| <td class="autodoc_home_modal_name"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Created</th> | |||||
| <td class="autodoc_home_modal_created"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Languages</th> | |||||
| <td class="autodoc_home_modal_languages"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Creator</th> | |||||
| <td class="autodoc_home_modal_owner"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Pages</th> | |||||
| <td class="autodoc_home_modal_pages"></td> | |||||
| </tr> | |||||
| </table> | |||||
| <div class="modal-footer autodoc_home_modal_footer"> | |||||
| <table class="table table-striped table-sm"> | |||||
| <tr> | |||||
| <th scope="row">Name</th> | |||||
| <td class="autodoc_home_modal_name"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Created</th> | |||||
| <td class="autodoc_home_modal_created"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Languages</th> | |||||
| <td class="autodoc_home_modal_languages"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Creator</th> | |||||
| <td class="autodoc_home_modal_owner"></td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th scope="row">Pages</th> | |||||
| <td class="autodoc_home_modal_pages"></td> | |||||
| </tr> | |||||
| </table> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | |||||
| <div id="autodoc_home_body"></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> | |||||
| <!-- 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> | </div> | ||||
| </div> | |||||
| <h3>upload</h3> | |||||
| <div class="row"> | |||||
| <div class="col"> | |||||
| <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 class="col"> | |||||
| <div class="lead">Upload Status</div> | |||||
| <div class="autodoc_upload_status"></div> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | </div> | ||||
| <!-- Tags --> | <!-- Tags --> |