<span class="glyphicon glyphicon-forward"></span>
</button>
</div>
+ <div class="btn-group">
+ <button id="btnlove" type="button" class="btn btn-default" onclick="clickLove();">
+ <span class="glyphicon glyphicon-heart"></span>
+ </button>
+ </div>
<div class="btn-group">
<div class="btn btn-toolbar btn-default">
<span id="volume-icon" class="glyphicon glyphicon-volume-up"></span>
$('#album').text("");
$('#artist').text("");
+ $('#btnlove').removeClass("active");
+
$('#currenttrack').text(" " + obj.data.title);
var notification = "<strong><h4>" + obj.data.title + "</h4></strong>";
return path.split('/').reverse()[0];
}
+function clickLove() {
+ socket.send("MPD_API_SEND_MESSAGE,mpdas," + ($('#btnlove').hasClass('active') ? "unlove" : "love"));
+ if ( $('#btnlove').hasClass('active') )
+ $('#btnlove').removeClass("active");
+ else
+ $('#btnlove').addClass("active");
+}
+
$('#btnrandom').on('click', function (e) {
socket.send("MPD_API_TOGGLE_RANDOM," + ($(this).hasClass('active') ? 0 : 1));