1
0
mirror of https://github.com/SuperBFG7/ympd synced 2024-12-23 01:20:27 +00:00

do not use mouseenter/leave on touch devices

This commit is contained in:
SuperBFG7 2015-10-22 17:48:42 +02:00
parent 4295d15874
commit 2e74427778
3 changed files with 43 additions and 21 deletions

View File

@ -16,6 +16,7 @@
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="css/mpd.min.css" rel="stylesheet"> <link href="css/mpd.min.css" rel="stylesheet">
<link href="assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"> <link href="assets/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<script src="js/modernizr-custom.js"></script>
</head> </head>
<body> <body>

File diff suppressed because one or more lines are too long

View File

@ -28,6 +28,7 @@ var MAX_ELEMENTS_PER_PAGE = 512;
var dirble_selected_cat = ""; var dirble_selected_cat = "";
var dirble_catid = ""; var dirble_catid = "";
var dirble_page = 1; var dirble_page = 1;
var isTouch = Modernizr.touch ? 1 : 0;
var app = $.sammy(function() { var app = $.sammy(function() {
@ -227,7 +228,12 @@ function webSocketConnect() {
$('#next').removeClass('hide'); $('#next').removeClass('hide');
if(pagination > 0) if(pagination > 0)
$('#prev').removeClass('hide'); $('#prev').removeClass('hide');
if ( isTouch ) {
$('#salamisandwich > tbody > tr > td:last-child').append(
"<a class=\"pull-right btn-group-hover\" href=\"#/\" " +
"onclick=\"socket.send('MPD_API_RM_TRACK,' + $(this).parents('tr').attr('trackid')); $(this).parents('tr').remove();\">" +
"<span class=\"glyphicon glyphicon-trash\"></span></a>");
} else {
$('#salamisandwich > tbody > tr').on({ $('#salamisandwich > tbody > tr').on({
mouseover: function(){ mouseover: function(){
if($(this).children().last().has("a").length == 0) if($(this).children().last().has("a").length == 0)
@ -237,14 +243,18 @@ function webSocketConnect() {
"<span class=\"glyphicon glyphicon-trash\"></span></a>") "<span class=\"glyphicon glyphicon-trash\"></span></a>")
.find('a').fadeTo('fast',1); .find('a').fadeTo('fast',1);
}, },
mouseleave: function(){
$(this).children().last().find("a").stop().remove();
}
});
};
$('#salamisandwich > tbody > tr').on({
click: function() { click: function() {
$('#salamisandwich > tbody > tr').removeClass('active'); $('#salamisandwich > tbody > tr').removeClass('active');
socket.send('MPD_API_PLAY_TRACK,'+$(this).attr('trackid')); socket.send('MPD_API_PLAY_TRACK,'+$(this).attr('trackid'));
$(this).addClass('active'); $(this).addClass('active');
}, },
mouseleave: function(){
$(this).children().last().find("a").stop().remove();
}
}); });
break; break;
case "search": case "search":
@ -306,7 +316,7 @@ function webSocketConnect() {
} }
function appendClickableIcon(appendTo, onClickAction, glyphicon) { function appendClickableIcon(appendTo, onClickAction, glyphicon) {
$(appendTo).children().last().append( $(appendTo).append(
"<a role=\"button\" class=\"pull-right btn-group-hover\">" + "<a role=\"button\" class=\"pull-right btn-group-hover\">" +
"<span class=\"glyphicon glyphicon-" + glyphicon + "\"></span></a>") "<span class=\"glyphicon glyphicon-" + glyphicon + "\"></span></a>")
.find('a').click(function(e) { .find('a').click(function(e) {
@ -319,13 +329,23 @@ function webSocketConnect() {
}).fadeTo('fast',1); }).fadeTo('fast',1);
} }
if ( isTouch ) {
appendClickableIcon($("#salamisandwich > tbody > tr.dir > td:last-child"), 'MPD_API_ADD_TRACK', 'plus');
appendClickableIcon($("#salamisandwich > tbody > tr.song > td:last-child"), 'MPD_API_ADD_TRACK', 'play');
} else {
$('#salamisandwich > tbody > tr').on({ $('#salamisandwich > tbody > tr').on({
mouseenter: function() { mouseenter: function() {
if($(this).is(".dir")) if($(this).is(".dir"))
appendClickableIcon($(this), 'MPD_API_ADD_TRACK', 'plus'); appendClickableIcon($(this).children().last(), 'MPD_API_ADD_TRACK', 'plus');
else if($(this).is(".song")) else if($(this).is(".song"))
appendClickableIcon($(this), 'MPD_API_ADD_PLAY_TRACK', 'play'); appendClickableIcon($(this).children().last(), 'MPD_API_ADD_PLAY_TRACK', 'play');
}, },
mouseleave: function(){
$(this).children().last().find("a").stop().remove();
}
});
};
$('#salamisandwich > tbody > tr').on({
click: function() { click: function() {
switch($(this).attr('class')) { switch($(this).attr('class')) {
case 'dir': case 'dir':
@ -348,9 +368,6 @@ function webSocketConnect() {
}).show(); }).show();
break; break;
} }
},
mouseleave: function(){
$(this).children().last().find("a").stop().remove();
} }
}); });