rattail/tailbone
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Add highlight to active row within Order Form view

Browse source
This commit is contained in:
Lance Edgar 2017-05-24 19:41:51 -05:00
parent 37a9153c4d
commit 346bb48f9c
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
tailbone/templates/ordering/order_form.mako
View file

@ -12,6 +12,14 @@
$(function() { $(function() {
$('.order-form td.current-order input').focus(function(event) {
$(this).parents('tr:first').addClass('active');
});
$('.order-form td.current-order input').blur(function(event) {
$(this).parents('tr:first').removeClass('active');
});
$('.order-form td.current-order input').keydown(function(event) { $('.order-form td.current-order input').keydown(function(event) {
if (key_allowed(event) || key_modifies(event)) { if (key_allowed(event) || key_modifies(event)) {
return true; return true;
@ -64,6 +72,10 @@
text-align: left; text-align: left;
} }
.order-form tr.active {
border: 5px solid Blue;
}
.order-form td { .order-form td {
border-right: 1px solid #000000; border-right: 1px solid #000000;
border-top: 1px solid #000000; border-top: 1px solid #000000;