aboutsummaryrefslogtreecommitdiff
path: root/wqflask
diff options
context:
space:
mode:
authorBonfaceKilz2022-05-24 12:11:10 +0300
committerBonfaceKilz2022-05-27 15:17:52 +0300
commitb016a75ef69f1bb48e2cb04d4744299759f1b7f5 (patch)
treed2f51ef3b921277e5be4df47b4a8490d8a0a1140 /wqflask
parentcc951f8f18e4002de146910124129d9fcca6ba06 (diff)
downloadgenenetwork2-b016a75ef69f1bb48e2cb04d4744299759f1b7f5.tar.gz
Align "Add New" button with the actions column
Diffstat (limited to 'wqflask')
-rw-r--r--wqflask/wqflask/templates/case_attributes.html14
1 files changed, 8 insertions, 6 deletions
diff --git a/wqflask/wqflask/templates/case_attributes.html b/wqflask/wqflask/templates/case_attributes.html
index bd72f346..1779f0a9 100644
--- a/wqflask/wqflask/templates/case_attributes.html
+++ b/wqflask/wqflask/templates/case_attributes.html
@@ -92,9 +92,6 @@
<div class="col-sm-8">
<h2>Case Attributes Reference Table</h2>
</div>
- <div class="col-sm-4">
- <button type="button" class="btn btn-info add-new"><i class="fa fa-plus"></i> Add New</button>
- </div>
</div>
</div>
<table class="table table-bordered table-responsive">
@@ -120,6 +117,11 @@
</td>
</tr>
{% endfor %}
+ <tr id="addNew">
+ <td></td>
+ <td></td>
+ <td><button type="button" class="btn btn-info add-new"><i class="fa fa-plus"></i> Add New</button></td>
+ </tr>
</tbody>
</table>
@@ -167,7 +169,7 @@
</tr>
{% endfor %}
</tbody>
- </table>
+ </table>
{% endif %}
{% if deletions %}
<h3>Delete Existing Case Attributes</h3>
@@ -253,13 +255,13 @@
// Append table with add row form on add new button click
$(".add-new").click(function(){
$(this).attr("disabled", "disabled");
- let index = $("table tbody tr:last-child").index();
+ let index = $("table tbody tr:nth-last-child(2)").index();
let row = '<tr>' +
'<td class="name"><input type="text" class="form-control"></td>' +
'<td class="description"><input type="text" class="form-control"></td>' +
'<td>' + actions + '</td>' +
'</tr>';
- $("table").append(row);
+ $(row).insertBefore("#addNew")
$("table tbody tr").eq(index + 1).find(".add, .edit").toggle();
});
// Add row on add button click