', {
class: 'srmp3_lyrics_album',
text: album
}).prependTo('#srmp3_lyrics_container'));
jQuery('.srmp3_lyrics_title').replaceWith($('
', {
class: 'srmp3_lyrics_title',
text: track_title
}).prependTo('#srmp3_lyrics_container'));
var data = {
'action': 'load_lyrics_ajax',
'post-id': postid,
'track-position': track_pos,
'nonce': sonaar_music.ajax.ajax_nonce
};
$.post(sonaar_music.ajax.ajax_url, data, function (response) {
response = srp_convertTTMLTime(JSON.parse(response));
$('.srmp3_lyrics').html($(response).html());
})
}
}
function srp_convertTTMLTime(ttml) {
ttml = $('
' + ttml + '
');
$(ttml).find('p[begin]').each(function () {
var nodeTimeRaw_begin = $(this).attr('begin');
var nodeTimeRaw_end = $(this).attr('end');
// Check if the time format is in seconds and convert to hh:mm:ss.mmm
if (nodeTimeRaw_begin.includes('s')) {
var seconds = parseFloat(nodeTimeRaw_begin.slice(0, -1));
var time = new Date(seconds * 1000).toISOString().substr(11, 12);
$(this).attr('begin', time);
nodeTimeRaw_begin = time;
}
if (nodeTimeRaw_end.includes('s')) {
var seconds = parseFloat(nodeTimeRaw_end.slice(0, -1));
var time = new Date(seconds * 1000).toISOString().substr(11, 12);
$(this).attr('end', time);
nodeTimeRaw_end = time;
}
var a = nodeTimeRaw_begin.split(':');
var b = nodeTimeRaw_end.split(':');
$(this).attr('begin', (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]));
$(this).attr('end', (+b[0]) * 60 * 60 + (+b[1]) * 60 + (+b[2]));
});
return ttml;
}
function sr_shuffleToggle(event = null, audioPlayer = $('.iron-audioplayer.sr_selected')) {
let shuffleValue
if (IRON.audioPlayer.stickyEnable) {
if (IRON.sonaar.player.shuffle) {
IRON.sonaar.player.shuffle = false;
} else {
IRON.sonaar.player.shuffle = true;
IRON.sonaar.player.setRandomList();
}
if (IRON.sonaar.player.classes.continuousPlayer) {
sr_setCookieSettings();
}
shuffleValue = IRON.sonaar.player.shuffle;
} else {
if (audioPlayer.shuffle) {
audioPlayer.shuffle = false;
} else {
audioPlayer.shuffle = true;
}
shuffleValue = audioPlayer.shuffle;
}
audioPlayer.attr('data-shuffle', shuffleValue);
}
function sr_setSpeedRate(event = null, audioPlayer = $('.iron-audioplayer.sr_selected'), $audio_el = null) {
var rateSpeed = [0.5, 1, 1.2, 1.5, 2]; // default speed rate
if(typeof sonaar_music.option.playback_speed != 'undefined'){
rateSpeed = sonaar_music.option.playback_speed.split(',').map(function (item) {
item = parseFloat(item, 10); // convert to number
return item;
});
rateSpeed = rateSpeed.filter(function (el) {
return !isNaN(el); // filter out NaN
});
rateSpeed = rateSpeed.sort(); // sort
}
if (IRON.audioPlayer.stickyEnable) {
var currentRateSpeed = IRON.sonaar.player.classes.speedRate;
} else {
var currentRateSpeed = audioPlayer.attr('data-speedrate');
}
if (currentRateSpeed == rateSpeed[rateSpeed.length - 1]) {
currentRateSpeed = rateSpeed[0]
} else {
$.each(rateSpeed, function () {
if (this > currentRateSpeed) {
currentRateSpeed = this
return false
}
})
}
if (IRON.audioPlayer.stickyEnable) {
document.getElementById("sonaar-audio").playbackRate = currentRateSpeed;
IRON.sonaar.player.classes.speedRate = currentRateSpeed;
} else {
sr_setAudioElementInstance().playbackRate = currentRateSpeed;
}
audioPlayer.attr('data-speedrate', currentRateSpeed);
audioPlayer.find('.sr_speedRate div').html(currentRateSpeed + 'x');
}
function sr_setVolume(value, audioPlayer = null, $audio_el = null) {
if (value == '') {
return;
}
value = parseFloat(value);
if(value > 1){
value = 1;
}
if(value < 0){
value = 0;
}
if (audioPlayer) {
audioPlayer.attr('data-volume', value)
}
if (IRON.audioPlayer.stickyEnable) {
IRON.sonaar.player.volume = value;
sr_setCookieVolume();
}
if ( audioPlayer || IRON.audioPlayer.stickyEnable ){
sr_setAudioElementInstance(audioPlayer).volume = value;
}
}
function sr_setMute(value, $audio_el = null) {
sr_setAudioElementInstance().muted = value;
if (IRON.audioPlayer.stickyEnable) {
IRON.sonaar.player.mute = value;
if (IRON.sonaar.player.classes.continuousPlayer) {
sr_setCookieSettings();
}
}
}
function sr_muteTrigger(event = null, audioPlayer = $('.iron-audioplayer.sr_selected'), $audio_el = null) {
if($('.slider-container:hover').length)
return;
if (IRON.audioPlayer.stickyEnable && IRON.sonaar.player.mute || !IRON.audioPlayer.stickyEnable && audioPlayer.attr('data-mute') == 'true') {
sr_setMute(false, $audio_el);
if (audioPlayer) {
audioPlayer.attr('data-mute', 'false');
}
} else {
sr_setMute(true, $audio_el);
if (audioPlayer) {
audioPlayer.attr('data-mute', 'true');
}
}
}
function sr_initSlider(el, audioPlayer = null, $audio_el = null) {
el.slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 100,
slide: function (event, ui) {
sr_setVolume(ui.value / 100, audioPlayer, $audio_el);
sr_setMute(false, $audio_el);
},
});
}
function srp_js_dynamic_style(audioPlayer) {
/*Add margin bottom to the DIV"audio-track" related to the text-size. Reomove unwanted avsolut behavior on Mobile*/
const newMarge = $(audioPlayer).find('.srp_tracklist-item-date').css('font-size');
$(audioPlayer).find('.sr-playlist-item[data-show-date="1"] .audio-track').css('margin-bottom', newMarge);
}
function sr_updateSlider(event = null, audioPlayer = $('#sonaar-player')) { //update Volume slider when the volume has been set to another slider(widget or sticky)
let volume;
if (IRON.audioPlayer.stickyEnable) {
volume = IRON.sonaar.player.volume;
} else {
volume = (audioPlayer.attr('data-volume') == NaN) ? 100 : audioPlayer.attr('data-volume');
}
volume = Math.floor(volume * 100) + '%';
audioPlayer.find('.ui-slider-range').height(volume);
audioPlayer.find('.ui-slider-handle ').css('bottom', volume);
}
function sr_setAudioElementInstance(audioPlayer=null) {
if (IRON.audioPlayer.stickyEnable) {
return document.getElementById("sonaar-audio");
} else {
if( ! $('.sr_selected .player audio').length && audioPlayer !==null ){
return audioPlayer.find('audio')[0];
}else{
return document.querySelector('.sr_selected .player audio');
}
}
}
/*Function call from the shortcode [sonaar_ts] (Time Stamp)*/
function sonaar_ts_shortcode(params) { //eq: params = "{ id:'19', time: '0:10'}"
//params list: "id", "widget_id", "trackid", "time", "ts_id", "play_icon"
const el = '#sonaar_ts-' + params.ts_id;
let newSonaarTS_selected = true;
srp_startingTime = params.time;
if (typeof params.trackid == 'undefined') {
params.trackid = 0;
}
$('.srmp3_sonaar_ts_shortcode:not(#sonaar_ts-' + params.ts_id).removeClass('sr_selected audio-playing'); //clear all other sonaar_ts
if ($(el).hasClass('sr_selected')) { // Add and remove "sr_selected" Class
newSonaarTS_selected = false;
if (params.play_icon == 'true' && $(el).hasClass('sr_selected')) { // When PLAY icon is enable, Only skip to the time parameter on the first click
delete params.time;
}
} else {
$('.srmp3_sonaar_ts_shortcode ').removeClass('sr_selected');
$(el).addClass('sr_selected');
if (IRON.audioPlayer.stickyEnable) {
IRON.sonaar.player.selectedTimeStamp = $(el);
}
}
if ($(el).hasClass('audio-playing')) { // Add and remove "audio-playing" Class
$(el).removeClass('audio-playing');
} else {
$(el).addClass('audio-playing');
}
if (params.play_icon == 'true') { // Special Behaviors with the PLAY/PAUSE Button
if (IRON.audioPlayer.stickyEnable && !$(el).hasClass('audio-playing')) { // Sync with the sticky player
IRON.sonaar.player.pause();
return;
}
if (!IRON.audioPlayer.stickyEnable && typeof $(el).data('ts-sync') != 'undefined' && !newSonaarTS_selected) { // If Sync with a widget when sticky disable and it is a new selected sonaar_ts: toggle between play and pause
IRON.players[$(el).data('ts-sync')].play();
return;
}
}
if (typeof params.id == 'undefined') { //if no playlist post ID is targeted
/* WIDGET PLAYER INTERACTION */
if (typeof IRON.players != 'undefined' && IRON.players.length > 0) {
/* Find the widget player linked to the sonaar_ts */
let player = 0;
if (typeof params.widget_id != 'undefined') { //if sonaar_ts has widget_id parameters
let playerID;
if ($('#' + params.widget_id + ' .iron-audioplayer').length) { //if widget_id is an CSS id from a parent (eq: custom css id from elementor https://d.pr/i/kybO21)
playerID = $('#' + params.widget_id + ' .iron-audioplayer').data('id');
}
if ($('#' + params.widget_id + '.iron-audioplayer').length) { //if widget_id is an CSS id from the iron-audioplayer itself (this should not happen because its ID is always different(regenerated), but who knows...)
playerID = $('#' + params.widget_id + '.iron-audioplayer').data('id');
}
if ($('[data-id="' + params.widget_id + '"] .iron-audioplayer').length) { //if widget_id is the data-id from a parent (eq: the default elementor widget ID)
playerID = $('[data-id="' + params.widget_id + '"] .iron-audioplayer').data('id');
}
if ($('[data-id="' + params.widget_id + '"].iron-audioplayer').length) {//if widget_id is the data-id from the iron-audioplayer itself (The id can be set through the sonaar_audioplayer shortcode "id" parameter. Eq:[sonaar_audioplayer id="player1"])
playerID = $('[data-id="' + params.widget_id + '"].iron-audioplayer').data('id');
}
$(IRON.players).each(function (index) { // looking for the audioplayer ID
if (IRON.players[index].audioPlayer.data('id') == playerID) {
player = index;
return;
}
})
} else {
$(IRON.players).each(function (index) { // looking for the audioplayer before the shortcode
if (IRON.players[index].audioPlayer.offset().top > $(el).offset().top) {
return;
}
player = index;
})
}
IRON.players[player].audioPlayer.data('ts-sync', params.ts_id); // mark the sonaar_ts id to the player widget
$(el).data('ts-sync', player); // mark the player id to the sonaar_ts button
const trackIsPlaying = IRON.players[player].audioPlayer.hasClass('audio-playing') && IRON.players[player].audioPlayer.find('.sr-playlist-item').eq(params.trackid).hasClass('current')
/* WIDGET PLAYER Behavior: Play, Pause or seektime */
if (!trackIsPlaying) { //if the track is not currently playing
IRON.players[player].audioPlayer.find('.srp_audio_trigger').eq(params.trackid).trigger('click'); //Play from widget
} else {
srp_startingTime = 0;
}
if (
!IRON.audioPlayer.stickyEnable ||
(IRON.audioPlayer.stickyEnable && trackIsPlaying) || // Always seekTime when the track already playing and the sonaar_ts play/pause icon feature is disable
(!IRON.players[player].audioPlayer.find('.sr-playlist-item').eq(params.trackid).hasClass('current') && newSonaarTS_selected) //always seekTime when we click on a new sonaar_ts and we targeted a new track
) {
IRON.players[player].seekTime(params.time);
}
return;
} else {
/* If no widget and no ID has been set, play tracks from the current post. */
params.id = srp_vars.sonaar_music.currentPostId;
}
}
/* STICKY play playlist from POST ID*/
IRON.sonaar.player.setPlayerAndPlay(params);
}
$(document.body).on('click', '.view-license-button', function (event) {
sr_setPopUp();
srp_wc_loadspinner($(event.target));
var data = {
'action': 'load_license_preview_ajax',
'variationId': event.currentTarget.getAttribute('data-variation-id'),
'licenseId': event.currentTarget.getAttribute('data-license-id'),
'productName': event.currentTarget.getAttribute('data-product-name'),
'nonce': sonaar_music.ajax.ajax_nonce
};
$.post(sonaar_music.ajax.ajax_url, data, function (response) {
$('#sonaar-modal .sr_popup-body').html(response);
sr_openPopUp();
srp_wc_unloadspinner($(event.target));
})
});
/*
*****************************************************
START OF SHARE POPUP
*****************************************************
*/
$(document).on('click', '.sr_store_force_share_bt', function () {
const link = $(this).attr('href');
let id = (typeof $(this).data('source-post-id') != 'undefined') ? $(this).data('source-post-id') : '';
let track_title, image_src, track_pos, current_time;
// Check if this is within sticky player
if ($(this).closest('.player').length > 0) {
track_title = IRON.sonaar.player.list.tracks[IRON.sonaar.player.currentTrack].track_title;
image_src = IRON.sonaar.player.list.tracks[IRON.sonaar.player.currentTrack].poster;
id = IRON.sonaar.player.list.tracks[IRON.sonaar.player.currentTrack].sourcePostID;
track_pos = IRON.sonaar.player.list.tracks[IRON.sonaar.player.currentTrack].track_pos
// if this is within the mini player
} else if ($(this).parents('.album-player').length > 0) {
const trackIndex = $(this).parents('.iron-audioplayer').attr('trackselected');
const $track = $(this).parents('.iron-audioplayer').find('.sr-playlist-item').eq(trackIndex);
track_pos = $track.data('track-pos');
track_title = $track.find('.tracklist-item-title').text();
image_src = $track.data('albumart');
// Or if this is within .sr-playlist-item-flex
} else if ($(this).closest('.sr-playlist-item').length > 0) {
track_pos = $(this).closest('.sr-playlist-item').data('track-pos');
track_title = $(this).closest('.sr-playlist-item').find('.tracklist-item-title').text();
image_src = $(this).closest('.sr-playlist-item').data('albumart');
// Or within .srp_swiper-album-art
} else if ($(this).closest('.srp_swiper-album-art').length > 0) {
track_title = $(this).closest('.srp_swiper-album-art').find('.srp_swiper-track-title').text();
// Extract the image url from the 'background-image' CSS property
const backgroundImage = $(this).closest('.srp_swiper-album-art').css('background-image');
image_src = backgroundImage.slice(4, -1).replace(/"/g, "");
}
current_time = (IRON.sonaar.player.currentTime != '' && typeof IRON.sonaar.player.currentTime != 'undefined') ? IRON.sonaar.player.currentTime : '00:00';
srp_share_popup(id, $(this), link, track_title, image_src, track_pos,current_time);
return false;
});
function srp_share_popup(id, el, link, track_title, image_src, track_pos, current_time = '00:00') {
track_pos = (typeof track_pos != 'undefined') ? track_pos + 1 : '';
var separator = link.includes('?') ? '&' : '?';
var link = (link + separator + 'ts_post_id=' + id + '&ts_track_num=' + track_pos).replace(/([^:]\/)\/+/g, "$1");
link = link.replace('#!', ''); // remove #! from
sr_setPopUp();
var data = {
'action': 'load_share_by_ajax',
'id': id,
'link': link,
'track_title': track_title,
'image_src': image_src,
'current_time': current_time,
'nonce': sonaar_music.ajax.ajax_nonce
};
$.post(sonaar_music.ajax.ajax_url, data, function (response) {
response = JSON.parse(response);
$('#sonaar-modal .sr_popup-body').html(response);
// add more button on mobile
function isSmallDevice() {
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
$('.srp-share-mobile-more').hide();
if (navigator.share && isSmallDevice()) {
$('.srp-share-mobile-more').show();
$(document).on('click', '.srp-share-mobile-more', function (e) {
navigator.share({
url: link
})
.then(() => console.log('Successful share'))
.catch((error) => console.log('Error sharing', error));
});
}
$('.srp-modal-sticky-player--time').hide();
sr_openPopUp();
var input = $('#myInput');
// Store the initial url value
var initialUrl = input.val();
const domain = window.location.hostname;
if (sonaar_music.option.share_email_body.includes("{{website_domain}}")) {
sonaar_music.option.share_email_body = sonaar_music.option.share_email_body.replace("{{website_domain}}", domain);
}
// Function to update the social media share links
function updateShareLinks() {
link = input.val();
// Now update the share URLs for each of the social media buttons
$('.fab.fa-facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(input.val()));
$('.fab.fa-twitter').attr('href', 'https://twitter.com/intent/tweet?url=' + encodeURIComponent(input.val()));
$('.fab.fa-whatsapp').attr('href', 'https://api.whatsapp.com/send?text=' + encodeURIComponent(input.val()));
var mailto_link = 'mailto:?subject=' + encodeURIComponent(sonaar_music.option.share_email_subject) + '&body=' + encodeURIComponent(sonaar_music.option.share_email_body) + '%0D%0A%0D%0A' + encodeURIComponent(input.val());
$('.fas.fa-envelope').attr('href', mailto_link);
var sms_link = 'sms:?body=' + encodeURIComponent(sonaar_music.option.share_email_body) + '%0D%0A%0D%0A' + encodeURIComponent(input.val());
$('.fas.fa-sms').attr('href', sms_link);
}
// Add an event listener to the checkbox
$('#stickyPlayerCheckbox').on('change', function () {
if (this.checked) {
$('.srp-modal-sticky-player--time').show();
var separator = window.location.href.includes('?') ? '&' : '?';
var updatedUrl = (window.location.href + separator + 'ts_post_id=' + id + '&ts_track_num=' + track_pos).replace(/([^:]\/)\/+/g, "$1");
updatedUrl = updatedUrl.replace('#!', ''); // remove #! from the url
var url = new URL(updatedUrl);
if ($('#stickyPlayerTimeCheckbox').is(':checked')) {
var newTime = $('#stickyPlayerCurrentTime').val();
url.searchParams.set('ts_time', newTime);
} else {
url.searchParams.set('ts_time', '00:00');
}
input.val(url.toString().replace(/%3A/g, ':'));
} else {
$('.srp-modal-sticky-player--time').hide();
input.val(initialUrl);
}
updateShareLinks();
});
// Add an event listener to the checkbox
// Add an event listener to the checkbox
$('#stickyPlayerCurrentTime').on('keypress', function (e) {
var key = String.fromCharCode(!e.charCode ? e.which : e.charCode);
if (!/^[0-9:]$/.test(key)) {
e.preventDefault();
}
}).on('input', function () {
var input = $(this);
var newTime = input.val();
// Check if newTime contains only numbers and ":" character
if (!/^[0-9:]*$/.test(newTime)) {
// Invalid input, revert to previous value
input.val(input.data('oldValue') || '');
return;
}
// Update old value
input.data('oldValue', newTime);
// Get the current URL from the myInput field
var url = new URL($('#myInput').val());
// Check if the stickyPlayerTimeCheckbox is checked
if ($('#stickyPlayerTimeCheckbox').is(':checked')) {
// Set the new ts_time value
url.searchParams.set('ts_time', newTime);
} else {
// If the checkbox is not checked, reset ts_time to 00:00
url.searchParams.set('ts_time', '00:00');
}
// Update the myInput field with the new URL, and replace the encoded ":" character
$('#myInput').val(url.toString().replace(/%3A/g, ':'));
updateShareLinks();
});
$('#stickyPlayerTimeCheckbox').on('change', function () {
var url = new URL($('#myInput').val());
if ($(this).is(':checked')) {
// Checkbox is checked, grab the current time and update the ts_time value
var newTime = $('#stickyPlayerCurrentTime').val();
// Check if newTime contains only numbers and ":" character
if (/^[0-9:]*$/.test(newTime)) {
url.searchParams.set('ts_time', newTime);
}
} else {
// Checkbox is unchecked, reset ts_time to 00:00
url.searchParams.set('ts_time', '00:00');
}
// Update the myInput field with the new URL, and replace the encoded ":" character
$('#myInput').val(url.toString().replace(/%3A/g, ':'));
updateShareLinks();
});
})
}
async function srp_share_popup_CopyToClipboard() {
const copyText = document.getElementById('myInput');
const copyButton = document.getElementById('copyButton'); // You'll need to add an ID to your Copy button for this to work
copyTxt = (typeof sonaar_music.option.share_label_copy != 'undefined') ? sonaar_music.option.share_label_copy : 'Copy';
copiedTxt = (typeof sonaar_music.option.share_label_copied != 'undefined') ? sonaar_music.option.share_label_copied : 'Copied';
try {
await navigator.clipboard.writeText(copyText.value);
// Change button text
copyButton.innerText = copiedTxt;
// Reset button text back to 'Copy' after some time
setTimeout(() => copyButton.innerText = copyTxt, 3000);
} catch (err) {
console.error('Failed to copy text to clipboard', err);
copyButton.innerText = 'Failed to copy';
}
}
/*
*****************************************************
END OF SHARE POPUP
*****************************************************
*/
IRON.favorites = {
/*
*****************************************************
ADD TO FAVORITE
*****************************************************
*/
init: function() {
var self = this;
if (srp_vars.is_logged_in === 'yes') {
// If the user is logged in, fetch their playlists.
self.initRightClick();
IRON.favorites.dataType = 'user_meta';
IRON.userPlaylists = sonaar_music.playlists || [];
self.processPlaylists();
} else if(sonaar_music.option.enable_favorites_for_anonymous ==='true'){
// If the user is not logged in, use cookies
self.initRightClick();
IRON.favorites.dataType = 'cookies';
IRON.userPlaylists = sonaar_music.playlists || [];
$('.srp_player_is_favorite').parent('.iron_widget_radio').css('opacity', 0); // Hide the player until the cookie is loaded by ajax
$('.iron-audioplayer').each(function(index) {
if($(this).hasClass('srp_player_is_favorite')){
IRON.favorites.reloadPlayerAjax(this, index, true);
}
});
self.processPlaylists();
$(IRON.favorites.favoriteTracks).each(function() {
$('[data-post-id="' + this.postId + '"][data-track-pos="' + this.trackPos+ '"] .srp-fav-bt i').addClass(sonaar_music.option.srp_fav_remove_icon).removeClass(sonaar_music.option.srp_fav_add_icon);
});
}
},
processPlaylists: function() {
IRON.favorites.favoritesEnabled = true;
$('.srp_favorites_loading').removeClass('srp_favorites_loading');
// Find 'Favorites' playlist
for (var i = 0; i < IRON.userPlaylists.length; i++) {
if (IRON.userPlaylists[i].playlistName === 'Favorites') {
//console.log("you have a playlist named 'Favorites'", IRON.userPlaylists[i].tracks);
if (!IRON.userPlaylists[i].tracks) {
IRON.userPlaylists[i].tracks = [];
}
IRON.favorites.favoriteTracks = IRON.userPlaylists[i].tracks;
IRON.favorites.favoritePlaylistIndex = i;
break;
}
}
this.hideShowPlayer();
if(IRON.audioPlayer.stickyEnable && IRON.sonaar.player.list.tracks){//Verify if the sticky player is enable and if the playlist is loaded
this.setStickyFavButtons(); //reset the sticky player favorite buttons after the ajax call: Fix issue with the favorite button from the CONTINUOUS sticky player
}
},
reloadPlayerAjax: function(currentplayer, num = null, transition = false){
// transition means that the player is being loaded in a popup and we want a smooth fade in
if(transition && $('.elementor-editor-active').length)
return;
var $currentplayer = $(currentplayer);
var playerParent = $currentplayer.parent('.iron_widget_radio');
if(num === null){
num = 0;
$('.iron-audioplayer').each(function(){
if($(this).data('id')=== $currentplayer.data('id')){
return;
}
num++;
});
}
var maxDuration = 4000;
var interval = 100;
var elapsedTime = 0;
if(transition){
playerParent.css({ 'opacity': 0, 'transition': 'opacity 0.15s ease' });
}
var intervalId = setInterval(function() { //Set interval to wait for the player to be loaded: required for player inside a popup
var playerIndex = srp_convertPlayerIdToPlayerNum($currentplayer.data('id'));
if (playerIndex !== null) {
var playerId = IRON.players[playerIndex].audioPlayer.id.split('-');
playerId = playerId[playerId.length - 1];
var srp_fav_player_param_args = window['srp_player_params_args_' + playerId];
var srp_fav_player_param = window['srp_player_params_' + playerId];
var data = {
'action': 'load_ajax_player',
'nonce': sonaar_music.ajax.ajax_nonce,
'args': srp_fav_player_param_args,
'parameters': srp_fav_player_param,
};
$.post(sonaar_music.ajax.ajax_url, data, function (response) {
var parsedResponse = $(response);
var newDiv = parsedResponse.find('.iron-audioplayer.srp_player_is_favorite');
$currentplayer.replaceWith(newDiv);
var player = Object.create(IRON.audioPlayer);
player.init($($('.iron-audioplayer')[num]));
IRON.players[num] = player;
if($('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').length === 0) { // If no items left, show the "not found" message
$('.srp-fav-removeall-bt').hide();
}else{
$('.srp-fav-removeall-bt').show();
}
if(transition){
playerParent.css('opacity',1);
}
}).fail(function() {
console.log('An error occurred during the post operation.');
});
clearInterval(intervalId);
} else {
if(transition){
playerParent.css('opacity',1);
}
elapsedTime += interval;
if (elapsedTime >= maxDuration) {
clearInterval(intervalId);
}
}
}, interval);
},
removeTrackFromFavorites: function(postId, trackPos) {
const existingIndex = IRON.favorites.favoriteTracks.findIndex(track => Number(track.postId) === Number(postId) && Number(track.trackPos) === Number(trackPos));
if (existingIndex !== -1) {
IRON.favorites.favoriteTracks.splice(existingIndex, 1);
}
const $favoritePlayer = $('.iron-audioplayer.srp_player_is_favorite');
if($favoritePlayer.length > 0) {
$favoritePlayer.find('.sr-playlist-item').each(function() {
const $track = $(this);
const trackData = $track.data();
if(trackData.postId === parseInt(postId, 10) && trackData.trackPos === parseInt(trackPos,10)) {
if($track.hasClass('current')) {
IRON.sonaar.player.next();
}
$track.fadeOut(400, function() {
if($track.parents('.iron-audioplayer').hasClass('sr_selectedPlayer') && IRON.audioPlayer.stickyEnable && typeof IRON.sonaar.player.list.tracks[$track.index()] != 'undefined') {
IRON.sonaar.player.list.tracks.splice($track.index(), 1) //Remove track from playlist
if($track.index() <= IRON.sonaar.player.currentTrack) {
IRON.sonaar.player.classes.preventHandleTrackChange = true; //Prevent to reinit the currentrack
IRON.sonaar.player.currentTrack--; //Reduce currentTrack index if the track is before the currentTrack
}
}
$track.remove();
IRON.favorites.hideShowPlayer();
});
}
});
}
},
clearFavoriteList: function(){
IRON.favorites.favoriteTracks = []; // Clear the favoriteTracks array
IRON.userPlaylists[IRON.favorites.favoritePlaylistIndex].tracks = [];
// Clear the tracks from the 'Favorites' playlist
if( IRON.favorites.dataType === 'cookies' ){
document.cookie = "sonaar_mp3_playlists=; path=/;"; // Update the cookie with the modified playlists
}else{
$.ajax({
url: sonaar_music.ajax.ajax_url, // WordPress AJAX URL
type: 'POST',
dataType: 'json',
data: {
action: 'update_user_playlist', // PHP function name
nonce: sonaar_music.ajax.ajax_nonce,
playlists: IRON.userPlaylists // Playlist data
},
success: function(response) {
//console.log(response);
}
});
}
$('.iron-audioplayer:not(.srp_player_is_favorite) .' + sonaar_music.option.srp_fav_remove_icon).addClass(sonaar_music.option.srp_fav_add_icon).removeClass(sonaar_music.option.srp_fav_remove_icon);
var delay = 200;
$('.iron-audioplayer.srp_player_is_favorite').each(function() {
var favoriteList = $(this).find('.sr-playlist-item');
favoriteList.each(function(index) {
var track = this;
setTimeout(function() {
$(track).fadeOut(delay, function() {
$(track).remove();
if(index + 1 >= favoriteList.length){
IRON.favorites.hideShowPlayer();
}
});
}, index * delay);
});
});
},
hideShowPlayer: function(){
if($('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').length === 0) {
// If no items left, show the "not found" message
$('.srp-fav-removeall-bt').hide();
$('.srp-fav-notfound').show();
$('.iron-audioplayer.srp_player_is_favorite').hide();
}else{
$('.srp-fav-removeall-bt').show();
}
},
setStickyFavButtons: function(){
if(!IRON.favorites.favoritesEnabled)
return;
var currentTrackIndex = IRON.sonaar.player.currentTrack;
$('#sonaar-player').data('trackPos', IRON.sonaar.player.list.tracks[currentTrackIndex].track_pos);
$('#sonaar-player').data('postId', IRON.sonaar.player.list.tracks[currentTrackIndex].sourcePostID);
var isFavorite = IRON.favorites.favoriteTracks.some(function(track) {
return track.postId == IRON.sonaar.player.list.tracks[currentTrackIndex].sourcePostID && track.trackPos == IRON.sonaar.player.list.tracks[currentTrackIndex].track_pos;
});
var favButtonIndex = -1;
for (var i = 0; i < IRON.sonaar.player.albumStoreList.length; i++) {
if (IRON.sonaar.player.albumStoreList[i]['cta-class'] === 'srp-fav-bt') {
favButtonIndex = i;
break;
}
}
if( favButtonIndex === -1 ) return;
// Depending on isFavorite, set the appropriate icon class
if (isFavorite) {
IRON.sonaar.player.albumStoreList[favButtonIndex]['store-icon'] = sonaar_music.option.srp_fav_remove_icon;
} else {
IRON.sonaar.player.albumStoreList[favButtonIndex]['store-icon'] = sonaar_music.option.srp_fav_add_icon;
}
},
clickStickyFavButton: function(favButtonIndex){
if(!IRON.favorites.favoritesEnabled)
return;
event.preventDefault();
const $sonaarPlayer = $('#sonaar-player');
const postId = $sonaarPlayer.data('postId');
const trackPos = $sonaarPlayer.data('trackPos');
const action = IRON.sonaar.player.list.tracks[IRON.sonaar.player.currentTrack].optional_storelist_cta[favButtonIndex]['store-icon'] == sonaar_music.option.srp_fav_remove_icon ? 'remove' : 'add';
this.addRemoveFavorite(postId, trackPos, action);
},
addRemoveFavorite: function(postId, trackPos, action){ //action = 'add' or 'remove'
if(typeof postId === 'undefined' || typeof trackPos === 'undefined' || typeof action === 'undefined')
return;
if(IRON.audioPlayer.stickyEnable && $('#sonaar-player .srp-fav-bt').length){
var favButtonIndex = -1;
for (var i = 0; i < IRON.sonaar.player.albumStoreList.length; i++) {
if (IRON.sonaar.player.albumStoreList[i]['cta-class'] === 'srp-fav-bt') {
favButtonIndex = i;
break;
}
}
//toggle Sticky favorite icon
IRON.sonaar.player.albumStoreList[favButtonIndex]['store-icon'] = action === 'remove' ? sonaar_music.option.srp_fav_add_icon : sonaar_music.option.srp_fav_remove_icon;
IRON.sonaar.player.albumStoreList[favButtonIndex]['store-name'] = action === 'remove' ? sonaar_music.option.fav_label_add_action : sonaar_music.option.fav_label_remove_action;
}
//toggle widget favorite icon
const selector = `.srp-fav-bt[data-source-post-id="${postId}"][data-store-id^="${trackPos}-"] i`;
const selectorParent = `[data-post-id="${postId}"][data-track-pos="${trackPos}"] .srp-fav-bt`;
const addClass = action === 'remove' ? sonaar_music.option.srp_fav_add_icon : sonaar_music.option.srp_fav_remove_icon;
const removeClass = action === 'remove' ? sonaar_music.option.srp_fav_remove_icon : sonaar_music.option.srp_fav_add_icon;
const title = action === 'remove' ? sonaar_music.option.fav_label_add_action : sonaar_music.option.fav_label_remove_action;
$(selector).addClass(addClass).removeClass(removeClass);
$(selectorParent).attr('title', title).attr('aria-label', title);
//Update favoriteList
let existingIndex = -1;
if(Array.isArray(IRON.favorites.favoriteTracks)) {
existingIndex = IRON.favorites.favoriteTracks.findIndex(function(track) {
return Number(track.postId) === Number(postId) && Number(track.trackPos) === Number(trackPos);
});
}
if(existingIndex === -1) {
// If track doesn't exist in favorites, add it
IRON.favorites.favoriteTracks.push({
postId: postId.toString(),
trackPos: trackPos.toString()
});
} else {
IRON.favorites.removeTrackFromFavorites(postId, trackPos);
}
// Set the updated favorites list as a cookie
if(IRON.favorites.favoritePlaylistIndex !== -1) {
IRON.userPlaylists[IRON.favorites.favoritePlaylistIndex].tracks = IRON.favorites.favoriteTracks;
}
if( IRON.favorites.dataType === 'cookies' ){
// Set the updated playlists as a cookie
document.cookie = "sonaar_mp3_playlists=" + encodeURIComponent(JSON.stringify(IRON.userPlaylists)) + "; max-age=31536000; path=/;";
IRON.favorites.showNotificationAndReloadPlayer(action);
}else{
$.ajax({
url: sonaar_music.ajax.ajax_url, // WordPress AJAX URL
type: 'POST',
dataType: 'json',
data: {
action: 'update_user_playlist', // PHP function name
nonce: sonaar_music.ajax.ajax_nonce,
playlists: IRON.userPlaylists // Playlist data
},
success: function(response) {
//console.log(response);
IRON.favorites.showNotificationAndReloadPlayer(action);
}
});
}
},
showNotificationAndReloadPlayer: function(action){
// Create and append the notification div to the body
$('
')
.addClass('srp-fav-notification')
.text(sonaar_music.option[`fav_label_${action}`])
.appendTo('body')
.animate({ bottom: '100px', opacity: 1 }, 500)
.delay(3000)
.animate({ bottom: '80px', opacity: 0 }, 500, function() {
$(this).remove();
});
if(action === "add") {
$('.iron-audioplayer').each(function(index) {
if($(this).hasClass('srp_player_is_favorite')){
IRON.favorites.reloadPlayerAjax(this, index);
}
});
}
},
setFavButtons: function(audioPlayer){
if(srp_vars.is_logged_in === "no" && sonaar_music.option.cta_favorites_dv_enable_redirect_main_settings === "true"){
return;
}
const $audioPlayer = $(audioPlayer);
const $favRemoveAllBtn = $('.srp-fav-removeall-bt');
$favRemoveAllBtn.each(function(){
const $this = $(this);
if(!$this.data('ready')) {
$this.data('ready', true).on('click', IRON.favorites.clearFavoriteList);
}
});
if($audioPlayer.hasClass('srp_player_is_favorite')){
$('.srp-fav-notfound').toggle(!$audioPlayer.find('.sr-playlist-item, .swiper-slide').length);
}
const $favBtn = $audioPlayer.find('.srp-fav-bt');
if($favBtn.data('event') != 'click'){
$favBtn.data('event', 'click');
$audioPlayer.on('click', '.srp-fav-bt', function () {
event.preventDefault();
const $this = $(this);
if($this.parents('.srp_favorites_loading').length)
return;
const postId = $(this).attr('data-source-post-id');
const trackPos = $(this).attr('data-store-id').split('-')[0];
const action = $this.find('i').hasClass(sonaar_music.option.srp_fav_remove_icon) ? 'remove' : 'add';
IRON.favorites.addRemoveFavorite(postId, trackPos, action);
});
}
$audioPlayer.find('.srp-fav-notfound').each(function() {
const $this = $(this);
$this.text($this.data('label'));
});
},
initRightClick: function(){
if(sonaar_music.option.fav_enable_contextual_menu !== "true")
return;
var lastSelectedTrack = null;
var style = document.createElement('style');
style.innerHTML = `
#contextMenu {
display: none;
position: absolute;
z-index: 1000;
background: #343a40;
border-radius: 5px;
padding: 4px;
}
#contextMenu ul {
padding-left: 0;
}
#deleteFromFavorite {
color: #fff;
border-radius: 5px;
font-size: 14px;
padding: 5px 10px;
cursor: pointer;
list-style: none;
}
#deleteFromFavorite:hover {
background-color: #6c757d;
}
`;
document.head.appendChild(style);
// Create context menu
$('
', { id: 'contextMenu' })
.append($('
').append($('- ', { id: 'deleteFromFavorite', text: sonaar_music.option.fav_label_rightclick_remove })))
.appendTo('body');
$('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').css({
'-webkit-user-select': 'none', /* Safari 3.1+ */
'-moz-user-select': 'none', /* Firefox 2+ */
'-ms-user-select': 'none', /* IE 10+ */
'user-select': 'none' /* Standard syntax */
});
$('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').click(function(e) {
if (e.shiftKey && lastSelectedTrack != null) {
var start = $('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').index(this);
var end = $('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').index(lastSelectedTrack);
$('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').slice(Math.min(start, end), Math.max(start, end) + 1)
.addClass('selected')
.css('background-color', '#ccc');
} else if (e.ctrlKey || e.metaKey) {
$(this).toggleClass('selected')
.css('background-color', function(index, value) {
return $(this).hasClass('selected') ? '#ccc' : '';
});
} else {
$('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item').removeClass('selected')
.css('background-color', '');
$(this).addClass('selected')
.css('background-color', '#ccc');
}
lastSelectedTrack = $(this).hasClass('selected') ? this : null;
}).contextmenu(function(e) {
e.preventDefault();
if ($(this).hasClass('selected')) {
$('#contextMenu').css({
display: 'block',
left: e.pageX,
top: e.pageY
});
}
});
$(document).click(function() {
$('#contextMenu').hide();
});
$('#deleteFromFavorite').click(function() {
$('.iron-audioplayer.srp_player_is_favorite .sr-playlist-item.selected').each(function() {
var postId = $(this).data('post-id');
var trackPos = $(this).data('track-pos');
IRON.favorites.addRemoveFavorite(postId, trackPos, 'remove');
//IRON.favorites.removeTrackFromFavorites(postId, trackPos);
$(this).removeClass('selected')
.css('background-color', '');
});
lastSelectedTrack = null;
});
},
}
function srp_variation_button(el) {
if( $(el).find('a').length){
el = $(el).find('a')[0];
}
// Check if this is within .sr-playlist-item-flex or .srp_swiper-album-art
if ($(el).closest('.sr-playlist-item').find('.sr_track_cover img').length > 0) {
image_src = $(el).closest('.sr-playlist-item').find('.sr_track_cover img').attr('src');
} else if ($(el).closest('.sr-playlist-item').find('img.sr_track_cover').length > 0) {
image_src = $(el).closest('.sr-playlist-item').find('img.sr_track_cover').attr('src');
} else if ($(el).closest('.srp_swiper-album-art').length > 0) {
// Extract the image url from the 'background-image' CSS property
const backgroundImage = $(el).closest('.srp_swiper-album-art').css('background-image');
image_src = backgroundImage.slice(4, -1).replace(/"/g, "");
} else if ($(el).closest('.srmp3-product').length > 0){
image_src = $(el).closest('.srmp3-product').find('img').attr('src');
} else {
// Fallback.
image_src = '';
}
const productId = (typeof $(el).data('product_id') != 'undefined') ? $(el).data('product_id') : $(el).data('source-post-id'); // data-product_id is the attribute from woocommerce shop page And data-source-post-id is the attribute from our widget
srp_wc_variation_popup(productId, $(el), image_src);
}
function srp_wc_variation_popup(productId, el, image_src) {
srp_wc_loadspinner(el);
sr_setPopUp();
var data = {
'action': 'load_wc_variation_by_ajax',
'image_src': image_src,
'product-id': productId,
'nonce': sonaar_music.ajax.ajax_nonce
};
$.post(sonaar_music.ajax.ajax_url, data, function (response) {
response = JSON.parse( response );
$('#sonaar-modal .sr_popup-body').html(response);
sr_openPopUp();
srp_wc_unloadspinner(el);
})
}
function srp_add_to_cart_loadspinner(el) { //Add spinner animation from sonaar on the Add to Cart button from the variation modal.
srp_wc_loadspinner(el);
setInterval(function () {
if (!el.hasClass('loading')) {
clearInterval();
srp_wc_unloadspinner(el);
}
}, 5);
}
function srp_wc_loadspinner(el) {
if (el.closest('#sonaar-player .track-store').length > 0 || el.parents('.srp_ext_featured_cta').length || el.parents('.srp_ext_cta').length) { // Button is in the sticky player
el = el.closest('a'); // Replace el with the element or its closest ancestor
el.parent().addClass('sricon-spinner');
el.parent().css({
width: el.parent().css("width"),
fontSize: '16px',
textAlign: 'center',
});
el.css({
display: "none",
});
return;
}
var trigger_html = el.html();
var computedStyles = window.getComputedStyle(el.get(0));
var trigger_bgcolor = computedStyles.backgroundColor;
var trigger_color = computedStyles.color;
var trigger_width = computedStyles.width;
var trigger_height = computedStyles.height;
el.data('html', trigger_html);
el.css("pointer-events", "none");
el.css({
backgroundColor: trigger_bgcolor,
color: trigger_color,
width: trigger_width,
height: trigger_height
});
if (el.attr('class') === 'sricon-info') {
el.data('class', el.attr('class'));
el.removeClass('sricon-info');
}
$spinnerWrap = $('');
$spinner = $('');
$spinnerWrap.html($spinner);
el.html($spinnerWrap);
startButtonLoaderTimeout = setTimeout(function () {
$spinnerWrap.addClass('sricon-spinner-wrap-ready');
}, 5);
}
function srp_wc_unloadspinner(el) {
if (el.closest('#sonaar-player .track-store').length > 0 || el.parents('.srp_ext_featured_cta').length || el.parents('.srp_ext_cta').length ) { // Button is in the sticky player
el = el.closest('a'); // Replace el with the element or its closest ancestor
el.parent().removeClass('sricon-spinner');
el.parent().css({
width: "initial",
fontSize: 'initial',
textAlign: 'initial',
});
el.css("display", "");
return;
}
if (el.data('class') === 'sricon-info') {
el.addClass(el.data('class'));
}
el.html(el.data('html'));
var resetStyles = {
backgroundColor: '',
color: '',
width: '',
height: ''
};
el.css("pointer-events", "auto");
el.css(resetStyles);
};
function srp_selectVariation(el) {
$('.srp-modal-product-variation .srp_selected').removeClass('srp_selected');
$(el).addClass('srp_selected');
$('.srp-modal-variation-details[data-variant_id="' + $(el).data('variant_id') + '"]').addClass('srp_selected');
$('.srp-modal-variant-main .srp-modal-variant-price .woocommerce-Price-amount').html($(el).find('.srp-modal-variant-price>.woocommerce-Price-amount').html()); //Display Price from the selected variation
$('.srp-modal-variant-main a.srp_button').attr('href', '?add-to-cart=' + $('.srp-modal-product-variation').data('product_id') + '&variation_id=' + $(el).data('variant_id')); //Set the selected variation URL to the "Add to cart" button
$('.srp-modal-variant-main a.srp_button').attr('data-product_id', $(el).data('variant_id')); //Set the variation ID to the "Add to cart" button
}
function srp_setTrackListColumns(player, fromResize = false){
if( !$(player).hasClass('srp_has_customfields') || $(player).hasClass('srp_tracklist_grid'))
return
if($(player).find('.playlist').width() < 500 && ! $(player).hasClass('srp_responsive') ){
$(player).addClass('srp_responsive');
$(player).find('.sr-playlist-item').each(function () {
setColumnCta(this)
})
}else if( $(player).find('.playlist').width() >= 500 && $(player).hasClass('srp_responsive') ){
$(player).removeClass('srp_responsive');
$(player).find('.sr-playlist-item').each(function () {
setColumnCta(this)
})
}
const gabBetweenItem = 10; //Flex Gab value
let responsiveHiddenSection = [];
const track = $(player).find('.sr-playlist-item:not([data-relatedtrack="1"])').eq(0);
const ifSoundwaveWidthNotSet = Boolean(track.find('.srp_soundwave_wrapper').length && track.find('.srp_soundwave_wrapper').css('flex-basis') == '100%');
var playlistItemElementsWidth = 0;
if(!fromResize){
/*Insert Spacer if doesnt have info button*/
const noteButtonWidth = ($(player).find('.sr-playlist-item:not([data-relatedtrack="1"]) .srp_noteButton').length)? $(player).find('.sr-playlist-item:not([data-relatedtrack="1"]) .srp_noteButton').width() : 0;
$(player).find('.srp_info_spacer').remove();
$(player).find('.sr-playlist-item:not([data-relatedtrack="1"])').each(function(){
if(noteButtonWidth && ! $(this).find('.srp_noteButton').length){
let spacer = $('', { class: 'srp_info_spacer' }).css('min-width', noteButtonWidth);
$(this).find('.store-list').after(spacer);
}
});
track.find('.audio-track > *').each(function () {
playlistItemElementsWidth += this.getBoundingClientRect().width
});
if(track.find('.sr_track_cover').length){
playlistItemElementsWidth += track.find('.sr_track_cover').width() - 12;//12px gap
}
if(track.find('.store-list').length){
playlistItemElementsWidth += track.find('.store-list').width() - 12;//12px gap
}
$(player).data('playlistItemElementsWidth' , playlistItemElementsWidth);
}else if(typeof $(player).data('playlistItemElementsWidth') != 'undefined' && ! ifSoundwaveWidthNotSet){
playlistItemElementsWidth = $(player).data('playlistItemElementsWidth');
}
if(playlistItemElementsWidth !== 0 && $(player).find('.srp_soundwave_wrapper').length){
if( typeof track.data('track-width') == 'undefined'){
columnTotalWidth = track.width() - playlistItemElementsWidth;
track.data('track-width', columnTotalWidth)
}else{
columnTotalWidth = track.data('track-width');
}
$(player).find('.sr-playlist-cf-container').css('flex', '0 1 ' + columnTotalWidth + 'px');///When soundwave width is set, the CF column container width is based on the available space.
}
var biggestColumnContainer = 0
track.find('.sr-playlist-cf-child').each(function(index){
const sectionClass = $(this).data('id');
let cfWidth = 0;
for (let i = index; i < track.find('.sr-playlist-cf-child').length; i++) {
let ii = track.find('.sr-playlist-cf-child').length - i -1;
if( track.find('.sr-playlist-cf-child').eq(ii).attr('data-width')){
cfWidth += parseInt(track.find('.sr-playlist-cf-child').eq(ii).attr('data-width'), 10) + gabBetweenItem;
}else{
track.find('.sr-playlist-cf-child').eq(ii).attr('data-width', track.find('.sr-playlist-cf-child').eq(ii).width() )
cfWidth += track.find('.sr-playlist-cf-child').eq(ii).width() + gabBetweenItem;
}
if(ifSoundwaveWidthNotSet && i == track.find('.sr-playlist-cf-child').length - 1 && cfWidth > biggestColumnContainer){
biggestColumnContainer = cfWidth;
$(player).find('.sr-playlist-cf-container').css('flex', '0 1 ' + cfWidth + 'px') //When no soundwave width is set (100% by default), set the width of the columns container based on its requirements.
}
}
if( track.find('.sr-playlist-cf-container').width() < cfWidth ){ //If no enough space for the custom heading
responsiveHiddenSection.push(sectionClass);
}
});
responsiveHiddenSection = responsiveHiddenSection.filter(function(item, pos) { // Remove duplicated item from array
return responsiveHiddenSection.indexOf(item) == pos;
})
$(player).find('.sr-cf-heading .sr-playlist-heading-child').each(function(){
const sectionClass = $(this).data('sort');
if( $(this).index() > $(player).find('.sr-cf-heading .sr-playlist-heading-child').length - responsiveHiddenSection.length ){
$(this).addClass('srp_hidden');
$(player).find('.'+sectionClass).addClass('srp_hidden');
srp_setTrackListColumns_headerPosition(player);
}else{
$(this).removeClass('srp_hidden');
$(player).find('.'+sectionClass).removeClass('srp_hidden');
}
});
/*Set Header Custom field Position*/
srp_setTrackListColumns_headerPosition(player);
}
function setColumnCta(trackListItem) {
if( !$(trackListItem).find('.store-list').length || $(trackListItem).parents('.srp_tracklist_grid').length )
return;
const storeListCurrentWidth = parseInt($(trackListItem).find('.store-list').css('flex').split(' ')[2], 10);
const storeList = $(trackListItem).find('.store-list');
let storeListWidth = 0;
const dataWidth = ($(trackListItem).parents('.srp_responsive').length)? 'mobile-width' : 'width';
if( typeof storeList.find('.song-store-list-menu').data( dataWidth ) == 'undefined' || $('.elementor-editor-active').length ){
let storeListMinusWidth = 0;
let extendable = false;
let dotsPosition = 'right: 10px;'
$(trackListItem).find('.song-store:not(.srp_hidden)').each(function () {
if( $(this).offset().left < storeList.offset().left ){
extendable = true;
}else if( storeListMinusWidth == 0 && extendable){
storeListMinusWidth = $(this).offset().left - storeList.offset().left
storeListWidth = Math.ceil(storeListCurrentWidth - storeListMinusWidth);
dotsPosition = 'left:'+ ( storeListMinusWidth - 25 ) + 'px;'
}
})
if( extendable ){
$(trackListItem).addClass('srp_extendable');
storeList.find('.song-store-list-menu').width( storeListWidth );
storeList.find('.song-store-list-menu').data( dataWidth, storeListWidth + '');
const dots = $('', { class: 'fas fa-ellipsis-h srp_ellipsis', style: 'position: absolute; ' + dotsPosition });
if(storeList.find('.srp_ellipsis').length){
storeList.find('.srp_ellipsis').replaceWith(dots);
}else{
storeList.append(dots);
}
}else{
storeList.find('.song-store-list-menu').data( dataWidth, 'none' )
}
}else{
if( storeList.find('.song-store-list-menu').data( dataWidth ) == 'none' ){
$(trackListItem).removeClass('srp_extendable');
storeList.find('.song-store-list-menu').width( 'inherit' );
}else{
$(trackListItem).addClass('srp_extendable');
storeListWidth = parseInt(storeList.find('.song-store-list-menu').data( dataWidth ), 10);
dotsPosition = (storeListWidth == 0 )? (storeListWidth + 10) + 'px' : (storeListWidth + 10) + 'px';
storeList.find('.song-store-list-menu').width( storeListWidth );
storeList.find('.srp_ellipsis').css({'left':'unset','right': dotsPosition })
}
}
}
function srp_setTrackListColumns_headerPosition(player){
/*Set Header Custom field Position*/
setTimeout(function(){
$(player).find('.sr-playlist-item:not([data-relatedtrack="1"])').each(function(){
$(this).find('.sr-playlist-cf-child').each(function(){
const sectionClass = $(this).data('id');
const sectionPosition = $(this)[0].offsetLeft;
const sectionWidth = $(this).width();
const elIndex = $(this).parents('.sr-playlist-cf-container').find('.'+sectionClass).index(this);//Use elIndex to select the right heading when many columns have the same data-id.
$(player).find('[data-sort="'+ sectionClass +'"]').eq(elIndex).css({'position':'absolute','left': sectionPosition+'px', 'width': sectionWidth + 'px'});
});
});
}, 60);//Requried a delai when we have many CTA
}
/*------------------------------
Search & filter Parameters
------------------------------*/
function srp_getPlayerId(player){
if( $(player).parents('.elementor-widget-music-player').length && typeof $(player).parents('.elementor-widget-music-player').attr('id') != 'undefined'){ //if mp3 player has id from elementor
playerId = ( $(player).parents('.elementor-widget-music-player').attr('id') )
}else if( ! $(player).parents('.iron_widget_radio').attr('id').startsWith('arbitrary-instance-') ){ //if mp3 player has id from shortcode parameter
playerId = $(player).parents('.iron_widget_radio').attr('id');
}else{
playerId = $(player).parents('.iron-audioplayer').attr('id');
}
if(typeof playerId == 'undefined'){
playerId = player.id;
}
return playerId;
}
function srp_scrollTo(player, offset){
var element = player[0].querySelector('.playlist');
var rect = element.getBoundingClientRect();
var viewportTopPosition = rect.top;
window.scroll({
top: window.scrollY + viewportTopPosition - offset,
left: 0,
behavior: 'smooth'
});
}
function srp_updatePage(pageNumber, player){
if(player.pagination_offset >= 0){
srp_scrollTo(player, player.pagination_offset);
}
player.params.page = pageNumber;
srp_updateURLParameter( 'srp_player_id', srp_getPlayerId(player) );
srp_updateURLParameter('srp_page', pageNumber);
}
function srp_updateOrder(sortValue, player){
player.params.order = sortValue;
srp_updateURLParameter( 'srp_player_id', srp_getPlayerId(player) );
srp_updateURLParameter('srp_order', sortValue);
}
//Add parameter to the URL
function srp_updateURLParameter(param, paramVal = null){
if(paramVal === null)
return
const url = window.location.href;
let newAdditionalURL = '';
let tempArray = url.split('?');
const baseURL = tempArray[0];
const additionalURL = (typeof tempArray[1] != 'undefined')? tempArray[1] : '';
let temp = '';
if (additionalURL != '') {
tempArray = additionalURL.split('&');
for (var i=0; i {
const searchBoxSelector = playerId != null ? `.srp_search_container[data-player-id="${playerId}"]` : '.srp_search_container:not([data-player-id])';
$(searchBoxSelector).find('.srp_reset_search').css('display', 'none');
$(searchBoxSelector).each(function() {
$(this).find('.srp_search')[0].value = '';
});
IRON.players[playerNum].audioPlayer.params.search = '';
};
const clearMetaFilter = (key) => {
if(typeof IRON.players[playerNum].audioPlayer.params.meta != 'undefined'){
IRON.players[playerNum].audioPlayer.params.meta[key] = '';
}
const activeButtons = $(document).find(`.srp_filter_button.srp_filter_button--active[data-metakey="${key}"]`);
activeButtons.removeClass('srp_filter_button--active').removeAttr('style');
};
if (metaName === 'all') {
//usage : srp_removeMeta('all', null, 'myplayer01');
clearSearch();
if (typeof IRON.players[playerNum].audioPlayer.params.meta !== 'undefined') {
Object.keys(IRON.players[playerNum].audioPlayer.params.meta).forEach(clearMetaFilter);
}
} else if (metaName === 'search') {
clearSearch();
} else {
if (metaValue == null) {
clearMetaFilter(metaName);
} else if (typeof IRON.players[playerNum].audioPlayer.params.meta !== 'undefined' && typeof IRON.players[playerNum].audioPlayer.params.meta[metaName] !== 'undefined') {
const metaString = IRON.players[playerNum].audioPlayer.params.meta[metaName].split(',');
const index = metaString.indexOf(metaValue);
if (index > -1) {
metaString.splice(index, 1);
IRON.players[playerNum].audioPlayer.params.meta[metaName] = metaString.join(',');
const dataPlayerId = playerId ? `[data-playerid="${playerId}"]` : '';
const activeButtons = $(document).find(`.srp_filter_button--active[data-value="${metaValue}"]${dataPlayerId}`);
activeButtons.removeClass('srp_filter_button--active').removeAttr('style');
}
}
}
srp_updatePage(1, IRON.players[playerNum].audioPlayer);
srp_updateList(playerNum);
}
function srp_addMeta( playerId, metaName, metaValue, selecttype = null ){
if(selecttype == 'multiselect_or' ){
metaName = metaName + '_or';
}
if(selecttype == 'range'){
metaName = metaName + '_minmax';
}else{
metaValue = metaValue.replace(',', 'ii44');
}
const playerNum = ( srp_convertPlayerIdToPlayerNum(playerId) !== null)? srp_convertPlayerIdToPlayerNum(playerId) : 0 ;
if( typeof IRON.players[playerNum].audioPlayer.params == 'undefined'){
IRON.players[playerNum].audioPlayer.params = {};
}
if( typeof IRON.players[playerNum].audioPlayer.params.meta == 'undefined'){
IRON.players[playerNum].audioPlayer.params.meta = false;
}
if( IRON.players[playerNum].audioPlayer.params.meta === false){
let newValue = [];
newValue[metaName] = metaValue;
IRON.players[playerNum].audioPlayer.params.meta = newValue;
}else if( metaName in IRON.players[playerNum].audioPlayer.params.meta ){
const paramArray = IRON.players[playerNum].audioPlayer.params.meta[metaName].split(',')
if( ! paramArray.includes(metaValue) ){
IRON.players[playerNum].audioPlayer.params.meta[metaName] += ','+ metaValue;
}
}else{
IRON.players[playerNum].audioPlayer.params.meta[metaName] = metaValue
}
IRON.players[playerNum].audioPlayer.params.playerId = playerId;
srp_updatePage(1, IRON.players[playerNum].audioPlayer);
//srp_updateURLParameter( 'srp_page', 1 );
srp_updateList( playerNum );
}
/*Listener on the URL change*/
//Source: https://itsopensource.com/how-to-call-a-function-on-URL-change-in-javascript/
/*
(function(history){
var pushState = history.pushState;
history.pushState = function() {
pushState.apply(history, arguments);
srp_updateList()
};
})(window.history);
*/
function srp_setSearchFiltersFromUrl(){
const urlParams = new URLSearchParams(document.location.search);
const playerId = srp_getPlayerIdParamFromUrl();
const playerNum = ( srp_convertPlayerIdToPlayerNum(playerId) !== null)? srp_convertPlayerIdToPlayerNum(playerId) : 0 ;
var verifyParams = false;
for (const key of urlParams.keys()) {
if (key.startsWith('srp_')) {
verifyParams = true;
}
}
IRON.players[playerNum].audioPlayer.params = { //Save parameter
playerId: playerId,
search: urlParams.get('srp_search'),
meta: srp_getAllMetaParams(),
page: urlParams.get('srp_page'),
order: urlParams.get('srp_order'),
}
for (let i = 0; i < IRON.players.length; i++) {
if(i == playerNum){
if(verifyParams || IRON.players[playerNum].audioPlayer.lazy_load){ //If no srp_ param in the URL
srp_updateList( playerNum )
}
}else{
IRON.audioPlayer.reloadAjax(IRON.players[i].audioPlayer, true);
}
}
}
function srp_getPlayerIdParamFromUrl(){
const urlParams = new URLSearchParams(document.location.search);
let playerId = urlParams.get('srp_player_id');
if( playerId != null && playerId.startsWith('playernum-') ){ //eq: playernum-1 target the first player even without ID. Used by the search field from the mp3 player.
const playerNum = playerId.split('playernum-')[1]-1;
playerId = $('.iron-audioplayer').eq(playerNum).attr('id');
}
return playerId;
}
function srp_getAllMetaParams(){
const urlParams = new URLSearchParams(document.location.search);
let metaParams = urlParams.get('srp_meta');
if( metaParams ){
metaParams = metaParams.split(';');
metaParams = metaParams.filter((_, index) => index != metaParams.indexOf('')); //Remove Empty array element
let newmetaParamsArray = [];
metaParams.map(function(el){
const metaName = el.split(':', 1)[0];
const metaValue = el.replace(metaName + ':', '');
newmetaParamsArray[decodeURIComponent(metaName)] = decodeURIComponent(metaValue);
})
return newmetaParamsArray;
}
return false;
}
function srp_getMetaParams(metaName){
let meta = srp_getAllMetaParams();
meta = meta[metaName];
if(typeof meta == 'string'){
meta = meta.split(',');
meta = meta.map( el => { return el.replace('ii44',','); });
return meta;
}else{
return null;
}
}
function srp_insertChips( playerNum = 0){
const metaParams = (typeof IRON.players[playerNum].audioPlayer.params.meta == 'object')? IRON.players[playerNum].audioPlayer.params.meta : [];
let chipsSelector = '.srp_chips:not([data-player-id])';
let chipsSelectorToRemove = chipsSelector;
let playerId = ( typeof IRON.players[playerNum].audioPlayer.params.playerId !== 'undefined' )? IRON.players[playerNum].audioPlayer.params.playerId : null;
if( playerId !== null ){
if( $('.srp_chips[data-player-id="' + IRON.players[playerNum].audioPlayer.params.playerId + '"]').length ){
chipsSelector = '.srp_chips[data-player-id="' + IRON.players[playerNum].audioPlayer.params.playerId + '"]'
chipsSelectorToRemove = chipsSelector;
if( playerNum == 0 ){
chipsSelectorToRemove += ', .srp_chips:not([data-player-id])'
}
}
}
$( chipsSelectorToRemove ).find('.srp_chip').remove();
if( IRON.players[playerNum].audioPlayer.params.search != null){
metaParams['search'] = IRON.players[playerNum].audioPlayer.params.search;
}
updateFilterSelector(metaParams, playerId);
for (const property in metaParams) {
const metaMultiParams = metaParams[property].split(',');
if(property.endsWith('_or')){
var title = $('[data-metakey="' + property.slice(0, -3) + '"]').data('label');
}else if(property.endsWith('_minmax')){
var title = $('[data-metakey="' + property.slice(0, -7) + '"]').data('label');
}else{
var title = $('[data-metakey="' + property + '"]').data('label');
}
const playerWidgetId = (typeof IRON.players[playerNum] != 'undefined')? IRON.players[playerNum].audioPlayer.id : null ;
const valueForHuman = [];
for (let i = 0; i < metaMultiParams.length; i++) {
valueForHuman[i] = metaMultiParams[i];
if(metaMultiParams[i] != ''){
// if metamultiparams[i] contains _ then it's a range so rename the param min > max
if(metaMultiParams[i].includes('_')){
// metaMultiParams[i] = metaMultiParams[i].replace('_', ' > ');
}
if(property == 'track_length_minmax'){
const times = metaMultiParams[0].split('_');
const startTime = secondsToTime(parseInt(times[0]));
const endTime = secondsToTime(parseInt(times[1]));
valueForHuman[i] = startTime + ' - ' + endTime;
}
metaMultiParams[i] = metaMultiParams[i].replace('ii44', ',');
chip = $('', {
class: 'srp_chip',
data: { meta: property, playerid: playerWidgetId },
html: title + ': ' + valueForHuman[i].replace('_', ' - ') + ''
});
function compareSliderValue(array1, array2) {
if (array1.length !== array2.length) {
return false;
}
for (let i = 0; i < array1.length; i++) {
const element1 = array1[i];
const element2 = array2[i];
if (element1 != element2) {
return false;
}
}
return true;
}
function resetSliderValue(currentMinMaxValue){
IRON.rangeSelector.forEach(function (slider) {
if(compareSliderValue(slider.sliderValue, currentMinMaxValue)){
slider.sliderValue = slider.sliderValue = [ Number(slider.computedMin), Number(slider.computedMax) ];
}
})
}
$(chip).on('click', function(){
if(property.includes('_minmax')){
resetSliderValue(metaMultiParams[0].split('_'));
}
const metaName = $(this).data('meta');
srp_removeMeta( metaName, metaMultiParams[i], playerId);
})
$(chip).appendTo( chipsSelector );
}
}
}
if ($(chipsSelector).find('.srp_chip').length > 1 && !$(chipsSelector).data('hideclear')){
// Retrieve the value of the data-clearall attribute
const clearAllText = $(chipsSelector).data('clearall') || 'Clear All';
const clearAllChip = $('', {
class: 'srp_chip srp_chip_clear_all',
data: { playerid: playerId },
html: clearAllText + '',
});
$(clearAllChip).on('click', function() {
for (const property in metaParams) {
if(property.includes('_minmax')){
resetSliderValue(metaParams[property].split('_'));
}
}
srp_removeMeta('all', null, playerId);
});
$(clearAllChip).appendTo(chipsSelector);
}
}
function srp_updateList( playerNum ){
if( typeof IRON.players[playerNum].audioPlayer.params != 'undefined' ) {
let playerId = IRON.players[playerNum].audioPlayer.params.playerId;
/* Playerid Param*/
if( typeof IRON.players[playerNum].audioPlayer.params.playerId != 'undefined' ) {
target_playerId = IRON.players[playerNum].audioPlayer.params.playerId;
if(playerId != null && playerId.startsWith('arbitrary-instance-')){ //ID is provide the embed search
playerId = 'playernum-' + ( parseInt(playerNum, 10) + 1);
}
srp_updateURLParameter( 'srp_player_id', playerId );
}else{
target_playerId = null;
srp_updateURLParameter( 'srp_player_id', '');
}
/* Search Param*/
if(
typeof IRON.players[playerNum].audioPlayer.params.search != 'undefined' &&
(typeof IRON.players[playerNum].audioPlayer.orderedList != 'undefined' || IRON.players[playerNum].audioPlayer.lazy_load)
) {
srp_updateURLParameter( 'srp_search', IRON.players[playerNum].audioPlayer.params.search );
if( target_playerId ){
if(target_playerId.startsWith('arbitrary-instance-')){ //ID is provide the embed search
searchDiv = $(document).find('#' + target_playerId + ' .srp_search');
}else{
searchDiv = $(document).find('.srp_search_container[data-player-id=' + target_playerId + '] .srp_search');
}
}else{
searchDiv = $(document).find('.srp_search_container:not([data-player-id]) .srp_search');
}
searchDiv.val(IRON.players[playerNum].audioPlayer.params.search);
if(typeof IRON.players[playerNum].audioPlayer.orderedList != 'undefined'){
IRON.players[playerNum].audioPlayer.orderedList.search(IRON.players[playerNum].audioPlayer.params.search);
}
}else{
srp_updateURLParameter( 'srp_search', '');
}
/* Meta Param*/
if( typeof IRON.players[playerNum].audioPlayer.params.meta == 'object' ) {
const metaParamsArray = IRON.players[playerNum].audioPlayer.params.meta;
let metaParamsString = '';
for (const property in metaParamsArray) {
if(metaParamsArray[property] != ''){
metaParamsString += property + ':' + metaParamsArray[property] + ';'
// Set active filter buttons from URL strings
metaValues = metaParamsArray[property].split(',');
for(value in metaValues){
activeBt = document.querySelectorAll('.srp_filter_button[data-metakey="' + property + '"][data-value="' + metaValues[value] + '"][data-playerid="' + target_playerId + '"]');
activeBt.forEach( function(el) {
el.classList.add('srp_filter_button--active');
el.style.backgroundColor = el.dataset.color;
el.style.borderColor = el.dataset.color;
})
}
}else{
delete IRON.players[playerNum].audioPlayer.params.meta[property];
}
}
srp_updateURLParameter( 'srp_meta', metaParamsString );
if( typeof IRON.players[playerNum].audioPlayer.orderedList != 'undefined' ){
let paramName = '';
let newMetaParamsArray = [];
for (const property in metaParamsArray) {
paramName = srp_addPrefixToParams(property);
newMetaParamsArray[paramName] = metaParamsArray[property];
}
IRON.players[playerNum].audioPlayer.orderedList.filter(function (item) {
var queryCondition = true;
for (const property in newMetaParamsArray) {
if( typeof item.values()[property] != 'undefined'){
let valueToSearch = newMetaParamsArray[property].split(',');
valueToSearch = valueToSearch.map( el => { return el.toLowerCase().replace('ii44',','); });
let itemValue = item.values()[property].toLowerCase().split(', ');
let alreadyMatched = false;
for (const i in itemValue) {
if( valueToSearch.includes( srp_decodeHTMLEntities(itemValue[i])) && !alreadyMatched ){
alreadyMatched = true;
}
}
if(!alreadyMatched){
queryCondition = false;
}
}
}
return queryCondition;
});
}
}
srp_insertChips(playerNum);
IRON.audioPlayer.reloadAjax(IRON.players[playerNum].audioPlayer, true);
}
}
function srp_addPrefixToParams(param){
switch(param) {
case 'title':
return 'tracklist-item-title';
case 'description':
return 'srp_track_description';
case 'time':
return 'tracklist-item-time';
default:
return 'sr-playlist-cf--' + param;
}
}
function srp_scrollToTrackListTop(id){
const yOffset = -30;
const element = document.getElementById(id);
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
window.scrollTo({top: y, behavior: 'smooth'});
// $('#'+id)[0].scrollIntoView();
$('#'+id).find('.srp_list').addClass('srp_contentLoading'); //prevent transiton width animation on Cta when a new content appears.
setTimeout(function(){
$('#'+id).find('.srp_list').removeClass('srp_contentLoading');
}, 1000);
}
/*------------------------------
END: Search & filter Parameters
------------------------------*/
function srp_decodeHTMLEntities(str) {
return str.replace('&', '&').replace('>','>').replace('<','<').replace('"','"');
}
/* Get PlayeNum */
function srp_convertPlayerIdToPlayerNum(playerID, playerToCheck = null) {
let player = null
let playerNum = null;
if( playerID !== null && playerID !== ''){
if( $('#' + playerID + '.iron-audioplayer').length ){
player = $('#' + playerID + '.iron-audioplayer');
}else if($('#' + playerID + ' .iron-audioplayer').length){
player = $('#' + playerID + ' .iron-audioplayer');
}
}
if(player !== null){
if(playerToCheck === null ){
for(const i in IRON.players){
if( player.data('id') == IRON.players[i].audioPlayer.data('id')){
playerNum = i;
}
}
}else{
if( player.data('id') == IRON.players[playerToCheck].audioPlayer.data('id')){
playerNum = playerToCheck;
}
}
}
return playerNum;
}
function srp_getParamFromUrl(){
//params list: "id", "widget_id", "trackid", "time", "ts_id", "play_icon"
const urlParams = new URLSearchParams(document.location.search);
let params = {};
if(urlParams.get('ts_post_id')){ params.id = urlParams.get('ts_post_id') ; }
if(urlParams.get('ts_time')){ params.time = urlParams.get('ts_time') ; }
if(urlParams.get('ts_track_num')){ params.trackid = urlParams.get('ts_track_num') - 1 ; }
if(urlParams.get('ts_player_index')){ //Seclect player
setTimeout(function(){
IRON.sonaar.player.selectedPlayer = $('.iron-audioplayer').eq( parseInt( urlParams.get('ts_player_index') ) - 1);
IRON.sonaar.player.selectedPlayer.addClass('sr_selectedPlayer')
}, 1000);
}
if(Object.keys(params).length && typeof params.id != 'undefined' ){
sonaar_ts_shortcode( params );
}
}
function srp_setPlayerParamUrl(){
if(typeof IRON.sonaar.player.currentTime == 'undefined' || IRON.sonaar.player.currentTime == ''){
return false;
}
const params = new URLSearchParams({
ts_post_id: IRON.sonaar.player.elWidgetId ? IRON.sonaar.player.postId : IRON.sonaar.player.playlistID.toString().split(", "),
ts_track_num: IRON.sonaar.player.currentTrack + 1,
ts_player_index: (typeof IRON.sonaar.player.selectedPlayer != 'undefined')? parseInt( srp_convertPlayerIdToPlayerNum(IRON.sonaar.player.selectedPlayer.id) ) + 1 : null,
ts_time: IRON.sonaar.player.currentTime
});
const queryString = params.toString();
let urlParams = window.location.origin + window.location.pathname + '?' + queryString;
return urlParams;
}
IRON.swiper = {}; //Directory of custom functions for the swiper/slider
IRON.swiper.isTransitionEnd = true;
IRON.swiper.update = function(audioplayer, currentTrack) {
if(typeof audioplayer == 'undefined')
return;
if( audioplayer == null )
return;
if( typeof audioplayer.swiper == 'undefined' )
return;
if( audioplayer.find('.srp_swiper').data('swiper-source') == 'track' ){
var slideIndex = currentTrack;
var slidePostId = slideIndex;
}else{
var slidePostId = $(audioplayer).find('.sr-playlist-item').eq(currentTrack).data('post-id');
var slideIndex = -1;
var trackPostId = '';
$(audioplayer).find('.sr-playlist-item').each( function(){
if( trackPostId != $(this).data('post-id')){
trackPostId = $(this).data('post-id');
slideIndex++;
}
if(trackPostId == slidePostId){
return false;
}
})
}
if( typeof audioplayer.swiper.params.centeredSlides != 'undefined' && audioplayer.swiper.params.centeredSlides === true ){
audioplayer.swiper.slideToLoop(slideIndex); //If "centeredSlides", always "slideTo"
}else{
var visibleSlidesStartIndex = audioplayer.find('.swiper-slide-active').data('slide-index');
var visibleSlidesEndIndex = visibleSlidesStartIndex + audioplayer.swiper.params.slidesPerView - 1;
if (slideIndex < visibleSlidesStartIndex || slideIndex > visibleSlidesEndIndex) {
audioplayer.swiper.slideToLoop(slideIndex); //If not "centeredSlides", "slideTo" only when the slide is not visible
}
}
$(audioplayer).find('.swiper-slide.srp_current').removeClass('srp_current');
$(audioplayer).find('.swiper-slide[data-slide-id="' + slidePostId + '"]').addClass('srp_current');
if( $(audioplayer).find('.srp_swiper').data('swiper-source') == 'post' ){ //Only update track info when the swiper is from post.
const titleAndArtistName = $(audioplayer).find('.sr-playlist-item').eq(currentTrack).data("tracktitle").split('');
$(audioplayer).find('.swiper-slide[data-slide-id="' + slidePostId + '"] .srp_swiper-track-title').html(titleAndArtistName[0]);
if( $(audioplayer).find('.srp_swiper-track-artist').length && titleAndArtistName.length > 1){
var artistName = titleAndArtistName[1].split('')[0];
$(audioplayer).find('.swiper-slide[data-slide-id="' + slidePostId + '"] .srp_swiper-track-artist').html(artistName);
}
}
IRON.swiper.isTransitionEnd = false;
}
IRON.swiper.play = function(el, audioPlayer){
const playlistID = $(el).parents('.swiper-slide').data('slide-id');
if( audioPlayer.find('.srp_swiper').data('swiper-source') == 'track' ){
audioPlayer.find('.sr-playlist-item').eq(playlistID).find('.srp_audio_trigger').trigger('click');
}else{
const currentTrackIndex = (IRON.audioPlayer.stickyEnable)? IRON.sonaar.player.currentTrack : $('.sr-playlist-item.current').index();
if( audioPlayer.find('.sr-playlist-item').eq(currentTrackIndex).data('post-id') == playlistID ){
audioPlayer.find('.sr-playlist-item .srp_audio_trigger').eq(currentTrackIndex).trigger('click');
}else{
audioPlayer.find('.sr-playlist-item[data-post-id="' + playlistID + '"] .srp_audio_trigger').eq(0).trigger('click');
}
}
}
IRON.swiper.showHiddenSlide = function(audioPlayer){ //Do slideNext and slidePrev to make appearing the missing slide when we slideto the slider end and loop is enable.
if(typeof audioPlayer.swiper.params != 'undefined' && audioPlayer.swiper.params.loop && typeof audioPlayer.swiper.params.centeredSlides != 'undefined' && audioPlayer.swiper.params.centeredSlides === true ){
if(typeof IRON.players[0] != 'undefined'){
audioPlayer.swiper.slideNext(0);
audioPlayer.swiper.slidePrev(0);
}
}
}
IRON.searchField = {}; //Directory of custom functions for the search field
IRON.searchField.wait = false; //Prevent multiple search when user type fast
IRON.searchField.search = function(field, e){ //Search field listener. field = input field, e = event
if (e.ctrlKey || e.altKey || e.metaKey ) {
return;
}
let playerId = $(field).parents('.srp_search_container').data('player-id');
if($(field).parents('.iron-audioplayer').length){
if( $(field).parents('.elementor-widget-music-player').length && typeof $(field).parents('.elementor-widget-music-player').attr('id') != 'undefined'){ //if mp3 player has id from elementor
playerId = ( $(field).parents('.elementor-widget-music-player').attr('id') )
}else if( ! $(field).parents('.iron_widget_radio').attr('id').startsWith('arbitrary-instance-') ){ //if mp3 player has id from shortcode parameter
playerId = $(field).parents('.iron_widget_radio').attr('id');
}else{
playerId = $(field).parents('.iron-audioplayer').attr('id');
}
$(field).parents('.srp_search_container').attr('data-player-id', playerId);
}
if (e.keyCode === 13) {
if($(field).parents('.srp_search_container').data('url')){
var url = $(field).parents('.srp_search_container').data('url') + "?srp_search=" + $(field).val();
if( playerId != undefined){
url = url+'&srp_player_id='+playerId;
}
$(location).prop('href', url)
}
$('.srp_search').blur();
e.preventDefault();
}
let searchBox = '.srp_search_container:not([data-player-id]) .srp_reset_search';
if( playerId != undefined){
searchBox = '.srp_search_container[data-player-id="' + playerId + '"] .srp_reset_search';
}
$(searchBox).css('display', 'initial');
if($(field).val() ==''){
$(field).parents('.srp_search_container').find('.srp_reset_search').css('display', 'none');
}
const el = field;
if( IRON.searchField.wait === false ){
IRON.searchField.wait = true;
setTimeout(function(){
const playerNum = ( srp_convertPlayerIdToPlayerNum(playerId) !== null)? srp_convertPlayerIdToPlayerNum(playerId) : 0 ;
if( playerNum == 0 && playerId != undefined && $('.srp_search_container:not([data-player-id]) .srp_search').length && ! $(el).parents('.iron-audioplayer').length ){
document.querySelector('.srp_search_container:not([data-player-id]) .srp_search').value = '';
}
if(typeof IRON.players[playerNum] != 'undefined'){
if( typeof IRON.players[playerNum].audioPlayer.params == 'undefined'){
IRON.players[playerNum].audioPlayer.params = { playerId: playerId, search: $(el).val() };
}else{
IRON.players[playerNum].audioPlayer.params.playerId = playerId;
IRON.players[playerNum].audioPlayer.params.search = $(el).val();
}
srp_updateURLParameter( 'srp_page', 1 );
IRON.players[playerNum].audioPlayer.params['page'] = 1;
srp_updateList(playerNum);
}
IRON.searchField.wait = false;
}, 700);
}
}