public
/
autodoc
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

nicer form

master
Pascal Gloor 6 years ago
parent
66f9e7fdd7
commit
1167350110
1 changed files with 95 additions and 93 deletions
Unified View Show Diff Stats
  1. 95
    93
      www/index.html

+ 95
- 93
www/index.html View File

<div class="row"> <div class="row">
<div class="col"> <div class="col">
<table class="table table-borderless"> <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> </table>


</div> </div>

Write Preview
Loading…
Cancel
Save