Added row highlighting when selecting action checkmarks.
git-svn-id: http://code.djangoproject.com/svn/django/trunk@10258 bcc190cf-cafb-0310-a4f2-bffc1f526a37
This commit is contained in:
parent
b4f5655c86
commit
c823e9d7cc
|
@ -232,6 +232,10 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#changelist table tbody tr.selected {
|
||||||
|
background-color: #FFFFCC;
|
||||||
|
}
|
||||||
|
|
||||||
#changelist .actions {
|
#changelist .actions {
|
||||||
color: #999;
|
color: #999;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
|
|
|
@ -1,19 +1,37 @@
|
||||||
var Actions = {
|
var Actions = {
|
||||||
init: function() {
|
init: function() {
|
||||||
selectAll = document.getElementById('action-toggle');
|
var selectAll = document.getElementById('action-toggle');
|
||||||
if (selectAll) {
|
if (selectAll) {
|
||||||
selectAll.style.display = 'inline';
|
selectAll.style.display = 'inline';
|
||||||
addEvent(selectAll, 'click', function() {
|
addEvent(selectAll, 'click', function() {
|
||||||
Actions.checker(selectAll.checked);
|
Actions.checker(selectAll.checked);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
var changelistTable = document.getElementsBySelector('#changelist table')[0];
|
||||||
|
addEvent(changelistTable, 'click', function(e) {
|
||||||
|
if (!e) { var e = window.event; }
|
||||||
|
var target = e.target ? e.target : e.srcElement;
|
||||||
|
if (target.nodeType == 3) { target = target.parentNode; }
|
||||||
|
if (target.className == 'action-select') {
|
||||||
|
var tr = target.parentNode.parentNode;
|
||||||
|
Actions.toggleRow(tr, target.checked);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
toggleRow: function(tr, checked) {
|
||||||
|
if (checked) {
|
||||||
|
tr.className += ' selected';
|
||||||
|
} else {
|
||||||
|
tr.className = tr.className.replace(' selected', '');
|
||||||
|
}
|
||||||
},
|
},
|
||||||
checker: function(checked) {
|
checker: function(checked) {
|
||||||
actionCheckboxes = document.getElementsBySelector('tr input.action-select');
|
var actionCheckboxes = document.getElementsBySelector('tr input.action-select');
|
||||||
for(var i = 0; i < actionCheckboxes.length; i++) {
|
for(var i = 0; i < actionCheckboxes.length; i++) {
|
||||||
actionCheckboxes[i].checked = checked;
|
actionCheckboxes[i].checked = checked;
|
||||||
|
Actions.toggleRow(actionCheckboxes[i].parentNode.parentNode, checked);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
addEvent(window, 'load', Actions.init);
|
addEvent(window, 'load', Actions.init);
|
||||||
|
|
Loading…
Reference in New Issue