1
0
mirror of https://github.com/SuperBFG7/ympd synced 2025-10-24 18:37:40 +00:00

Replaced bootstrap-slider with version from https://github.com/seiyria/bootstrap-slider

Reworked primary navbar
This commit is contained in:
jcorporation
2018-05-22 00:36:05 +01:00
parent 51dcb88a7b
commit a6b614b8c1
17 changed files with 2326 additions and 2433 deletions

2
htdocs/js/bootstrap-notify.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

5
htdocs/js/bootstrap-slider.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@@ -41,6 +41,8 @@ var filter = "";
var dirble_api_token = "";
var dirble_stations = false;
var playstate = "";
var progressBar;
var volumeBar;
var app = $.sammy(function() {
@@ -203,14 +205,19 @@ var app = $.sammy(function() {
$(document).ready(function(){
webSocketConnect();
$("#volumeslider").slider(0);
$("#volumeslider").on('slider.newValue', function(evt,data){
socket.send("MPD_API_SET_VOLUME,"+data.val);
volumeBar=$('#volumebar').slider();
volumeBar.slider('setValue',0);
volumeBar.slider('on','slideStop', function(value){
socket.send("MPD_API_SET_VOLUME,"+value);
});
$('#progressbar').slider(0);
$("#progressbar").on('slider.newValue', function(evt,data){
progressBar=$('#progressbar').slider();
progressBar.slider('setValue',0);
progressBar.slider('on','slideStop', function(value){
if(current_song && current_song.currentSongId >= 0) {
var seekVal = Math.ceil(current_song.totalTime*(data.val/100));
var seekVal = Math.ceil(current_song.totalTime*(value/100));
socket.send("MPD_API_SET_SEEK,"+current_song.currentSongId+","+seekVal);
}
});
@@ -578,9 +585,9 @@ function webSocketConnect() {
var elapsed_minutes = Math.floor(obj.data.elapsedTime / 60);
var elapsed_seconds = obj.data.elapsedTime - elapsed_minutes * 60;
$('#volumeslider').slider(obj.data.volume);
volumeBar.slider('setValue',obj.data.volume);
var progress = Math.floor(100*obj.data.elapsedTime/obj.data.totalTime);
$('#progressbar').slider(progress);
progressBar.slider('setValue',progress);
$('#counter')
.text(elapsed_minutes + ":" +
@@ -746,16 +753,13 @@ function get_appropriate_ws_url()
var updateVolumeIcon = function(volume)
{
$("#volume-icon").removeClass("glyphicon-volume-off");
$("#volume-icon").removeClass("glyphicon-volume-up");
$("#volume-icon").removeClass("glyphicon-volume-down");
$('#volumePrct').text(volume+' %');
if(volume == 0) {
$("#volume-icon").addClass("glyphicon-volume-off");
$("#volume-icon").text("volume_off");
} else if (volume < 50) {
$("#volume-icon").addClass("glyphicon-volume-down");
$("#volume-icon").text("volume_down");
} else {
$("#volume-icon").addClass("glyphicon-volume-up");
$("#volume-icon").text("volume_up");
}
}
@@ -1238,3 +1242,12 @@ function add_filter () {
$('#filter').append('<a class="btn btn-secondary material-icons" id="fplist" onclick="set_filter(\'plist\')" href="#/browse/'+pagination+'/'+browsepath+'">list</a>');
}
function chVolume (increment) {
var aktValue=volumeBar.slider('getValue');
var newValue=aktValue+increment;
if (newValue<0) { newValue=0; }
else if (newValue > 100) { newValue=100; }
volumeBar.slider('setValue',newValue);
socket.send("MPD_API_SET_VOLUME,"+newValue);
}