11-15-2024, 09:00 PM
Your best bet is to visit the Git repo for moode and learn the locations of code files. There is a www/css subdirectory.
https://github.com/moode-player/moode
The WebUI layout and style is generally defined in html and css files but its updated dynamically by javascript files (www/js)
The swipe handler is in www/js/scripts-panels.js
Beware though, the main Javascript files playerlib, scripts-panels, scripts-configs and scripts-library have never been refactored due to lack of project bandwidth and so they are not the easiest to follow :-0
https://github.com/moode-player/moode
The WebUI layout and style is generally defined in html and css files but its updated dynamically by javascript files (www/js)
The swipe handler is in www/js/scripts-panels.js
Code:
// Load swipe handler for top columns in library (mobile)
if (UI.mobile && SESSION.json['library_show_genres'] == 'Yes') {
$(function() {
$("#top-columns").swipe({
swipeLeft:function(event, direction, distance, duration, fingerCount) {
$('#top-columns').animate({left: '-50%'}, 100);
}
});
$("#top-columns").swipe({
swipeRight:function(event, direction, distance, duration, fingerCount) {
$('#top-columns').animate({left: '0%'}, 100);
}
});
});
}
Beware though, the main Javascript files playerlib, scripts-panels, scripts-configs and scripts-library have never been refactored due to lack of project bandwidth and so they are not the easiest to follow :-0