| <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> </div> </div> </div> </div> <div id="autodoc_home_body"> | |||||
| </td> | |||||
| </tr> | |||||
| </table> | |||||
| </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"> | |||||
| <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> | |||||
| <!-- 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> | |||||
| <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="col"> | |||||
| <div class="lead">Upload Status</div> | |||||
| <div class="autodoc_upload_status"></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-6"> | |||||
| <table class="table table-borderless"> | |||||
| <tr> | |||||
| <th>1. Tag Name</th> | |||||
| <td> | |||||
| <select class="custom-select autodoc_tag_list"> | |||||
| <option disabled selected>Choose tag to edit</option> | |||||
| <option value="">New tag...</option> | |||||
| </select> | |||||
| <input type="hidden" class="autodoc_tag_id" value=""> | |||||
| <input type="text" placeholder="Tag name" class="autodoc_tag_text d-none"> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th>2. Color</th> | |||||
| <td> | |||||
| <div class="btn-group" role="group"> | |||||
| <button type="button" class="btn btn-primary autodoc_tag_color active" | |||||
| data="autodoc_tag_color_primary"> | |||||
| <span class="autodoc_tag_btn_on"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off d-none"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-secondary autodoc_tag_color" | |||||
| data="autodoc_tag_color_secondary"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-success autodoc_tag_color" data="autodoc_tag_color_success"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-danger autodoc_tag_color" data="autodoc_tag_color_danger"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-warning autodoc_tag_color" data="autodoc_tag_color_warning"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-info autodoc_tag_color" data="autodoc_tag_color_info"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-light autodoc_tag_color" data="autodoc_tag_color_light"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-dark autodoc_tag_color" data="autodoc_tag_color_dark"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| </div> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th>3. Preview</th> | |||||
| <td> | |||||
| <span id="autodoc_tag_result" class="badge badge-primary"></span> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th>4. Confirm</th> | |||||
| <td> | |||||
| <button type="button" class="autodoc_tag_add btn btn-outline-primary">Add/Update Tag</button> | |||||
| <button type="button" class="autodoc_tag_delete btn btn-outline-danger">Delete Tag</button> | |||||
| </td> | |||||
| </tr> | |||||
| </table> | |||||
| <div class="col"> | |||||
| <div class="lead">Upload Status</div> | |||||
| <div class="autodoc_upload_status"></div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="col"> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <!-- Tags --> | |||||
| <div class="container d-none" id="autodoc_tab_tags"> | |||||
| <h3>Manage Tags</h3> | |||||
| <div class="row"> | |||||
| <div class="col-6"> | |||||
| <table class="table table-borderless"> | |||||
| <tr> | |||||
| <th>1. Tag Name</th> | |||||
| <td> | |||||
| <select class="custom-select autodoc_tag_list"> | |||||
| <option disabled selected>Choose tag to edit</option> | |||||
| <option value="">New tag...</option> | |||||
| </select> | |||||
| <input type="hidden" class="autodoc_tag_id" value=""> | |||||
| <input type="text" placeholder="Tag name" class="autodoc_tag_text d-none"> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th>2. Color</th> | |||||
| <td> | |||||
| <div class="btn-group" role="group"> | |||||
| <button type="button" class="btn btn-primary autodoc_tag_color active" data="autodoc_tag_color_primary"> | |||||
| <span class="autodoc_tag_btn_on"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off d-none"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-secondary autodoc_tag_color" data="autodoc_tag_color_secondary"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-success autodoc_tag_color" data="autodoc_tag_color_success"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-danger autodoc_tag_color" data="autodoc_tag_color_danger"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-warning autodoc_tag_color" data="autodoc_tag_color_warning"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-info autodoc_tag_color" data="autodoc_tag_color_info"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-light autodoc_tag_color" data="autodoc_tag_color_light"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| <button type="button" class="btn btn-dark autodoc_tag_color" data="autodoc_tag_color_dark"> | |||||
| <span class="autodoc_tag_btn_on d-none"> | |||||
| <i class="fas fa-check"></i> | |||||
| </span> | |||||
| <span class="autodoc_tag_btn_off"> | |||||
| <i class="fas fa-times"></i> | |||||
| </span> | |||||
| </button> | |||||
| </div> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th>3. Preview</th> | |||||
| <td> | |||||
| <span id="autodoc_tag_result" class="badge badge-primary"></span> | |||||
| </td> | |||||
| </tr> | |||||
| <tr> | |||||
| <th>4. Confirm</th> | |||||
| <td> | |||||
| <button type="button" class="autodoc_tag_add btn btn-outline-primary">Add/Update Tag</button> | |||||
| <button type="button" class="autodoc_tag_delete btn btn-outline-danger">Delete Tag</button> | |||||
| </td> | |||||
| </tr> | |||||
| </table> | |||||
| <!-- Search --> | |||||
| <div class="container d-none" id="autodoc_tab_search"> | |||||
| <h3>search</h3> | |||||
| </div> | |||||
| </div> | </div> | ||||
| </div> | |||||
| <div class="col"> | |||||
| <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> | |||||
| </div> | |||||
| </div> | |||||
| <!-- Search --> | |||||
| <div class="container d-none" id="autodoc_tab_search"> | |||||
| <h3>search</h3> | |||||
| </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> | |||||
| <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> | |||||
| <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> |