| @@ -214,99 +214,101 @@ | |||
| <div class="row"> | |||
| <div class="col"> | |||
| <table class="table table-borderless"> | |||
| <thead> | |||
| <tr> | |||
| <th>1. Tag Name</th> | |||
| <th>2. Color</th> | |||
| <th>3. Result</th> | |||
| <th>4. Confirm</th> | |||
| </tr> | |||
| </thead> | |||
| <tbody> | |||
| <tr> | |||
| <td> | |||
| <select class="custom-select autodoc_tag_list"> | |||
| <option>Choose tag to edit</option> | |||
| </select> | |||
| <input type="text" placeholder="Tag name" class="autodoc_tag_text d-none"> | |||
| </td> | |||
| <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> | |||
| <td> | |||
| <span id="autodoc_tag_result" class="badge badge-primary"></span> | |||
| </td> | |||
| <td> | |||
| <button type="button" class="btn btn-outline-primary">Add Tag</button> | |||
| </td> | |||
| </tr> | |||
| </tbody> | |||
| <tr> | |||
| <th>1. Tag Name</th> | |||
| <td> | |||
| <select class="custom-select autodoc_tag_list"> | |||
| <option>Choose tag to edit</option> | |||
| </select> | |||
| <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="btn btn-outline-primary">Add/Update Tag</button> | |||
| <button type="button" class="btn btn-outline-danger">Delete Tag</button> | |||
| </td> | |||
| </tr> | |||
| </table> | |||
| </div> | |||