The Master of Puppets scene from Stranger Things becomes a Funko Pop! Picture – KSHE 95 (2023)

'; this.div = document.querySelectorAll(this.divSelector)[0]; this.div.appendChild(html); }; this.removeUrlProtocol = function(url) { var newstr = url.replace('http://', ​​​​'//'); return newstr; }; // Ereignisse abonnieren this.subscribeEvents = function() { var _this = this; for (var i in this.configChannels) { var channelName = this.configChannels[i]; var canal = this.pusher.subscribe(nomedocanal); for (var j in this.events) { var eventName = this.events[j]; channel.bind(eventName, function(data) { _this.pusherEvent(channelName, eventName, dados); }); } _this.canais.push (Canal); } }; // Echtzeit-Cue-Ereignis von Pusher.com verarbeiten this.pusherEvent = function(channelName, eventName, pusherData) { this.processTrack(pusherData); }; // Pega a nova faixa da API this.ajaxLatestTrack = function() { var endpoint = this.endpoint + '/hll_widget_nowplaying_cues.php'; var data = { 'Grenze': '1' }; var _this = morre; var httpRequest = new XMLHttpRequest(); httpRequest.open('POST', Endpunkt); httpRequest.setRequestHeader("Inhaltstyp", "application/json"); httpRequest.send (JSON.stringify (Daten)); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == 4 && httpRequest.status == 200) { var json = JSON.parse(httpRequest.responseText); _this.processTrack(json.data.response[0]); } } }; // Trackdaten verarbeiten und HTML aktualisieren this.processTrack = function(d) { var trackId = d.data.musicbrainz_recording;var type = d.type;var artist = d.data.artist || '';var trackName = d.data.description || '';var art = this.removeUrlProtocol(d.data.art_url || "https://www.kshe95.com/wp-content/plugins/hbi-player-widgets//assets/img/track.png") ;art = art + '?ver=2';// Workaround: Spots für nowif ignorieren (type !== 'song') {return;} this.div.querySelectorAll('.artist .details')[0]. innerHTML = Kunstler; this.div.querySelectorAll('.track .details')[0].innerHTML = trackName; this.div.getElementsByClassName('album-art-img')[0].src = art; }; // Segue o novo rastreamento da API this.ajaxLatestEvents = function() { var endpoint = this.endpoint + '/hll_widget_livebar_events.php'; var dados = { limite: 1 }; var _this = morre; var httpRequest = new XMLHttpRequest(); httpRequest.open('POST', Endpunkt); httpRequest.setRequestHeader("Inhaltstyp", "application/json"); httpRequest.send (JSON.stringify (Daten)); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == 4 && httpRequest.status == 200) { var json = JSON.parse(httpRequest.responseText); _this.processEvent(json.data.response[0]); } } }; // Trackdaten verarbeiten und HTML atualisieren this.processEvent = function(element) { var obj = {}; obj.eventId = elemento.id; obj.title = element.name || ''; obj.foto = elemento.foto || „https://www.kshe95.com/wp-content/plugins/hbi-player-widgets//assets/img/event.png“; obj.formatStartTime = moment(element.start_date).format('h:mma'); obj.startTime = elemento.start_date; obj.endTime = elemento.end_date; obj.timeRange = function() { let start_date = moment(element.start_date); let end_date = moment(element.end_date); deixe default_format = 'h:mma'; let start_day_format = (default_format); deixe end_day_format = (formato_padrão); // Wenn Start- und Enddatum beide auf AM oder PM fall, machen Sie es kurz // Beispiel: 10:00-11:00 Uhr vs. 10:00-11:00 Uhr if(start_date.format('a') === end_date .format('a')) { start_day_format = 'h:mm'; } // Minuten entfernen, wenn 00 if(start_date.minutes() == 0) { start_day_format = 'h'; } if(end_date.minutes() == 0) { end_day_format = 'ha'; } return start_date.format(start_day_format) + "-" + end_date.format(end_day_format); }; this.div.querySelectorAll('.artist .details')[0].innerHTML = obj.timeRange(); this.div.querySelectorAll('.track .details')[0].innerHTML = obj.title; this.div.getElementsByClassName('album-art-img')[0].src = obj.photo; // Inicia o timer this.setEventTimer(); }; // Timer para Ereignisaktualisierung setzen this.setEventTimer = function() { var _this = this; setTimeout(function(){ _this.ajaxLatestEvents(); }, this.eventRefreshTime); }; // schnappt euch die neuesten Belohnungen this.ajaxLatestRewards = function() { var endpoint = this.endpoint + '/hll_widget_nowplaying_rewards.php'; var data = {}; var _this = morre; var httpRequest = new XMLHttpRequest(); httpRequest.open('POST', Endpunkt); httpRequest.setRequestHeader("Inhaltstyp", "application/json"); httpRequest.send (JSON.stringify (Daten)); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == 4 && httpRequest.status == 200) { var json = JSON.parse(httpRequest.responseText); _this.processRewards (json.data); } } }; // Ereignisbelohnung verarbeiten und HTML atualisieren this.processRewards = function(d) { var _this = this; // diejenigen entfernen, die nicht angezeigt werden sollen var d = d.filter(function(x) { if(x.in_widgets === true) { return true; } return false; }); // Array der Belohnungen zufällig sortieren var d = d.sort(function(a, b){return 0.5 - Math.random()}); // Dann die empfohlenen Belohnungen nach oben sortieren d.sort(function(x) { return x.featured === false; }); var i = 0; for(i in d) {if(i > 1) {break; } // Belohnungseigenschaften var rewardObject = d[i]; var id = belohnungsobjekt.id; var Titel = Belohnungsobjekt.Titel; var image = this.removeUrlProtocol(rewardObject.photo); var type = belohnungsobjekt.typ; var Stunden = Math.floor (rewardObject.hours / 3600); var hoursLabel = Stunden == 1 ? 'Estúdio' : 'Estúdio'; if(tipo == 'geolocalização') {tipo = 'aplicativo'; } // elemento var rewardElement = this.div.getElementsByClassName('reward-'+i)[0]; BelohnungElement.getElementsByClassName('img')[0].getElementsByTagName('img')[0].src = Bild; rewardElement.getElementsByClassName('content')[0].getElementsByClassName('details')[0].innerHTML = título; if(horas > 0) {rewardElement.getElementsByClassName('content')[0].getElementsByClassName('info')[0].getElementsByClassName('time')[0].innerHTML = horas + ' ' + hoursLabel; } rewardElement.getElementsByClassName('reward-featured-url')[0].setAttribute('href',"https://live.kshe95.com/listen/rewards/" + id + "/?utm_source=station-website&utm_medium =widget&utm_campaign=listening-leaders"); // Belohnungstyp-Abzeichen var typeBadge = rewardElement.getElementsByClassName('content')[0].getElementsByClassName('info')[0].getElementsByClassName('type-badge')[0]; var typeBadgeclassListAsArray = novo Array (typeBadge.classList.length); for (var j = 0, len = typeBadge.classList.length; j < len; j++) { typeBadgeclassListAsArray[j] = typeBadge.classList[j]; } typeBadgeclassListAsArray.forEach(function(className) { typeBadge.classList.remove(className); }); // Identificador de crachá definidor var badgeLabel = type; if (badgeLabel === 'aplicativo' || badgeLabel === 'qrcode' || badgeLabel === 'geolocalização') { badgeLabel = 'aplicativo'; } if (badgeLabel === 'smartspeaker') { badgeLabel = 'alexa'; } if (badgeLabel === 'Promocode') { badgeLabel = 'Promocode'; } typeBadge.innerHTML = badgeLabel; typeBadge.classList.add('type-badge','reward-type-'+type); // Belohnungselement anzeigen rewardElement.classList.remove("hide"); i++; } // Quando a barra de ferramentas for exibida, o Wrapper será adicionado if(d && d.length > 0) { var rewardsWrapper = this.div.getElementsByClassName('rewards-wrapper')[0]; RewardsWrapper.classList.remove("ocultar"); } // Timer iniciado this.setRewardsTimer(); }; // Setze den Timer für Belohnungen. atualizar this.setRewardsTimer = function() { var _this = this; setTimeout(function(){ _this.ajaxLatestRewards(); }, this.rewardsRefreshTime); }; // Erfasst die neuesten Hördaten der Benutzer this.ajaxLatestListeners = function() { var endpoint = this.endpoint + '/hll_widget_nowplaying_listeners.php'; var data = { 'limite': this.listenerCount }; var _this = morre; var httpRequest = new XMLHttpRequest(); httpRequest.open('POST', Endpunkt); httpRequest.setRequestHeader("Inhaltstyp", "application/json"); httpRequest.send (JSON.stringify (Daten)); httpRequest.onreadystatechange = function () { if (httpRequest.readyState == 4 && httpRequest.status == 200) { var json = JSON.parse(httpRequest.responseText); _this.processListeners(json.data[0]); } } }; // Trackdaten verarbeiten und HTML atualisieren this.processListeners = function(d) { // Seções de var de atualização = this.div.getElementsByClassName('types-sections')[0]; // Jeden Typ durchlaufen for(x in d) { var type = x; var tipDaten = d[x]; var typeElement = section.getElementsByClassName('type-section ' + type)[0]; if(!typeElement) {fortfahren; } // Durchlaufe jeden Listener nur eine bestimmte Anzahl von Malen var listenerElements = []; var i = 0; for(i in typeData) {if(i > this.listenerCount - 1) {break; } // Listener-Daten var listener = typeData[i]; var vorname = listener.vorname; var nachname = ouvinte.nachname; var displayName = (nachname) ? vorname + ' ' + nachname.charAt(0) + '.' : Vorname; var photo = this.removeUrlProtocol(listener.photo || "https://www.kshe95.com/wp-content/plugins/hbi-player-widgets//assets/img/user.png"); var Stunden = Math.floor (listener.total_duration / 3600); var minuton = Math.floor(listener.total_duration / 60 % 60); // Elemento do ouvinte é usado var element = document.createElement('div'); element.setAttribute('class','listener'); var imgDiv = document.createElement('div'); imgDiv.setAttribute('classe', 'img'); var img = document.createElement('img'); img.setAttribute('fonte', foto); imgDiv.appendChild(img) element.appendChild(imgDiv); var conteúdo = document.createElement('div'); content.setAttribute('classe', 'conteúdo'); var nome = document.createElement('div'); nome.setAttribute('classe', 'nome'); nome.innerHTML = displayName; content.appendChild(Nome); var info = document.createElement('div'); info.setAttribute('classe', 'info'); var hoursElement = document.createElement('span'); hoursElement.setAttribute('turma', 'horas'); StundenElement.style.color = ""; StundenElement.innerHTML = Stunden; var minutosElement = document.createElement('span'); minutosElement.setAttribute('classe', 'tempo de minutos'); minutoElemento.estilo.color = ""; minutonElement.innerHTML = minuton; var hoursLabel = document.createElement('strong'); hoursLabel.innerHTML = 'Estúdio'; var minutosLabel = document.createElement('strong'); minutosLabel.innerHTML = 'Minutos'; info.appendChild(horasElemento); info.appendChild(hoursLabel); info.appendChild(minutosElemento); info.appendChild(minutosLabel); content.appendChild(info); element.appendChild (Inhalt); // Element zum Array hinzufügen listenerElements.push(element); i++; } // Elemento do Ouvinte Ativo é conectado e atualizado while (typeElement.hasChildNodes()) { typeElement.removeChild(typeElement.lastChild); } listenerElements.forEach(function(element) { typeElement.appendChild(element); }); } // Quando o Ouvinte não funciona, o Wrapper é adicionado if(d) { var listenersWrapper = this.div.getElementsByClassName('listeners-wrapper')[0]; listenersWrapper.classList.remove("hide"); } // Inicia o timer this.setListenerTimer(); }; // Timer para o Ouvinte-Atualizado setzen this.setListenerTimer = function() { var _this = this; setTimeout(function(){ _this.ajaxLatestListeners(); }, this.listenerRefreshTime); }; this.createListenerEventListener = function() { var _this = this; this.hllforEach(this.div.querySelectorAll(".types-menu .type"), function(index, element){ element.addEventListener('click', function(event) { event.preventDefault(); _this.changeListenerTypeSection( event.target); }); }); }; this.changeListenerTypeSection = function(element) { var listenerSection = this.div.getElementsByClassName('listeners-wrapper')[0]; var targetType = element.getAttribute('data-type-target'); var menuItem = listenerSection.querySelectorAll('[data-type-target="' + targetType + '"]')[0]; var typeSection = listenerSection.querySelectorAll('.type-section.'+targetType)[0]; if(menuItem && typeSection) { var active = listenerSection.querySelectorAll(.active"); for( var x=0; x < active.length; x++ ) { var element = active[x]; element.classList.remove(' aktiv'); } menuItem.classList.add('aktiv'); typeSection.classList.add('aktiv'); } }; /* * forEach-Methode, könnte als Teil eines Objektliterals/Moduls ausgeliefert werden * - https: //toddmotto.com/ditch-the-array-foreach-call-nodelist-hack/ */ this.hllforEach = function (array , callback, scope) { for (var i = 0; i < array.length; i++) { callback.call(scope, i, array[i]); // Gibt Dinge zurück, die wir brauchen } };};// Definir e inicializar novos hllNowPlayingWidgetObject('player-widget-listeningleaders-63dfc515f0caa').init( );