瀏覽代碼

nicer form

master
Pascal Gloor 5 年之前
父節點
當前提交
1167350110
共有 1 個檔案被更改,包括 95 行新增93 行删除
  1. 95
    93
      www/index.html

+ 95
- 93
www/index.html 查看文件

@@ -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>

Loading…
取消
儲存