mirror_php/winter
1
0
Fork 0
mirror of https://github.com/wintercms/winter.git synced 2024-06-28 05:33:29 +02:00
Code Issues Projects Releases Wiki Activity

Add keyboard support to list items

Browse Source
This commit is contained in:
Samuel Georges 2019-09-14 16:33:21 +10:00
parent 8471c73054
commit 35a6fb99b8
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
modules/system/assets/ui/js/list.rowlink.js
View File

@ -40,7 +40,7 @@
popup = link.is('[data-control=popup]'),
request = link.is('[data-request]')
$(this).find('td').not('.' + options.excludeClass).click(function(e) {
function handleClick(e) {
if ($(document.body).hasClass('drag')) {
return
}
@ -60,12 +60,25 @@
else {
window.location = href
}
}
$(this).find('td').not('.' + options.excludeClass).click(function(e) {
handleClick(e)
})
$(this).on('keypress', function(e) {
if (e.key === '(Space character)' || e.key === 'Spacebar' || e.key === ' ') {
handleClick(e)
return false
}
})
$(this).addClass(options.linkedClass)
link.hide().after(link.html())
})
// Add Keyboard Navigation to list rows
$('tr.rowlink').attr('tabindex', 0)
}
RowLink.DEFAULTS = {

10
modules/system/assets/ui/storm-min.js vendored
View File

@ -4038,14 +4038,18 @@ var tr=this.$el.prop('tagName')=='TR'?this.$el:this.$el.find('tr:has(td)')
tr.each(function(){var link=$(this).find(options.target).filter(function(){return!$(this).closest('td').hasClass(options.excludeClass)&&!$(this).hasClass(options.excludeClass)}).first()
if(!link.length)return
var href=link.attr('href'),onclick=(typeof link.get(0).onclick=="function")?link.get(0).onclick:null,popup=link.is('[data-control=popup]'),request=link.is('[data-request]')
$(this).find('td').not('.'+options.excludeClass).click(function(e){if($(document.body).hasClass('drag')){return}
function handleClick(e){if($(document.body).hasClass('drag')){return}
if(onclick){onclick.apply(link.get(0))}
else if(request){link.request()}
else if(popup){link.popup()}
else if(e.ctrlKey||e.metaKey){window.open(href)}
else{window.location=href}})
else{window.location=href}}
$(this).find('td').not('.'+options.excludeClass).click(function(e){handleClick(e)})
$(this).on('keypress',function(e){if(e.key==='(Space character)'||e.key==='Spacebar'||e.key===' '){handleClick(e)
return false}})
$(this).addClass(options.linkedClass)
link.hide().after(link.html())})}
link.hide().after(link.html())})
$('tr.rowlink').attr('tabindex',0)}
RowLink.DEFAULTS={target:'a',excludeClass:'nolink',linkedClass:'rowlink'}
var old=$.fn.rowLink
$.fn.rowLink=function(option){var args=Array.prototype.slice.call(arguments,1)