monfront - add line select
As in #7 requested, it is now possible to select a row by clicking on the row itself. This should make it much easier to select a larger number of rows.
This commit is contained in:
parent
e8e67f091a
commit
18e4ba6ae4
@ -568,8 +568,6 @@ var (
|
||||
#mainmenu a:hover, #mainmenu a:active { color: #eeeeee; }
|
||||
#mainmenu ul ul a { margin-left: 0.5em; }
|
||||
#mainmenu form * { display: block; margin: 0.25em 0.5em; }
|
||||
#mainmenu form input { }
|
||||
#mainmenu form button { }
|
||||
form section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -638,7 +636,26 @@ var (
|
||||
</ul>
|
||||
</nav>
|
||||
{{ if .Error }}<div class="error">{{ .Error }}</div>{{ end }}`,
|
||||
"footer": `</body></html>`,
|
||||
"footer": `<script>
|
||||
function select_row(event) {
|
||||
if (event.target.nodeName == 'INPUT') {
|
||||
return;
|
||||
}
|
||||
for (i = 0; i < event.path.length; i++) {
|
||||
if (event.path[i].nodeName != 'TR') {
|
||||
continue;
|
||||
}
|
||||
e = event.path[i].children[0].children[0];
|
||||
e.checked = !e.checked;
|
||||
e.focus();
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
els = document.getElementsByTagName('tr');
|
||||
for (i = 0; i < els.length; i++) {
|
||||
els[i].addEventListener('click', {handleEvent: select_row});
|
||||
}</script></body></html>`,
|
||||
"checklist": `{{ template "header" . }}
|
||||
<form method="post" action="/action">
|
||||
<section>
|
||||
|
Loading…
Reference in New Issue
Block a user