Twitch Channels By Pages ( IP.Content ) 1.0.0

It worked for me, but next to the user's photo is only one point, it does not show how many people are online...

I found a solution to the problem: JS code was incorrect, below is correct.

/*
 Twitch status
*/
function pageUpdate () {
  $('.twitchFP').each(function () {
        var tnick = $(this).data('tnick');
        var div = $(this).next();
        $.getJSON("https://api.twitch.tv/kraken/streams/"+ tnick +"?client_id=avp4t1ix2zrbz98zvum3ibcd1vjabyd&callback=?", function (data) {
            if (data.stream === null) {
                div.html( //stream is offline!
                    '<strong class="ipsOnlineStatus ipsOnlineStatus_offline"><i class="fa fa-circle"></i></strong><h4 class="ipsDataItem_title ipsType_break"> ' + tnick + ' </h4><div class="ipsDataItem_meta">Offline</div>');
            } else { // stream is online!
                var views = data.stream.viewers;
                var game = data.stream.game;
                div.html( //stream is online!
                    '<strong class="ipsOnlineStatus ipsOnlineStatus_online"><i class="fa fa-circle"></i></strong><h4 class="ipsDataItem_title ipsType_break"> ' + tnick + ' </h4><div class="ipsDataItem_meta"> ' + views + ' viewers </div><div class="ipsDataItem_meta">Playing: '+ game +' </div>');
            }
            $(function() { // Sort by Online user
                var online = $('.ipsOnlineStatus_online').closest('.cCmsRecord_row');
                var first = $('.cCmsRecord_row')[0];
                online.each(function() {
                $(first).before(this);
                });
            });
        });
    });
};
pageUpdate();
/**
 * IPS Social Suite 4
 * (c) 2013 Invision Power Services - http://www.invisionpower.com
 *
 * ips.releaseNotes.main.js - Release notes controller
 *
 * Author: Rikki Tissier
 */
;( function($, _, undefined){
	"use strict";

	ips.controller.register('pages.front.releaseNotes.main', {

		_ajaxObj: null,

		initialize: function () {
			this.on( 'click', '[data-releaseID]', this.showRelease );
			this.setup();
		},

		setup: function () {
			// Find the current release if available
			var showFirst = this.scope.find('[data-role="releases"] [data-currentRelease]');

			if( !showFirst.length ) {
				showFirst = this.scope.find('[data-role="releases"] [data-releaseID]').first();
			}

			if( showFirst.length ){
				showFirst.click();
			}
		},

		showRelease: function (e) {
			e.preventDefault();
			
			var self = this;
			var link = $( e.currentTarget ).attr('href');
			var infoPanel = this.scope.find('[data-role="releaseInfo"]');

			// Cancel any current requests
			if( this._ajaxObj && _.isFunction( this._ajaxObj.abort ) ){
				this._ajaxObj.abort();
			}

			// Set panel to loading
			infoPanel
				.css({
					height: infoPanel.height() + 'px'
				})
				.html( $('<div/>').addClass('ipsLoading').css({ height: '100px' }) );

			// Unhighlight all others, then highlight this one
			this.scope.find('[data-releaseID]').removeClass('ipsAreaBackground_light');
			$( e.currentTarget ).addClass('ipsAreaBackground_light');

			this._ajaxObj = ips.getAjax()( link, {
				data: {
					rating_submitted: 1
				}
			})
				.done( function (response) {
					var responseContent = $("<div>" + response + "</div>");
					var content = responseContent.find('#elCmsPageWrap');

					infoPanel.html( content ).css({ height: 'auto' });

					$( document ).trigger( 'contentChange', [ infoPanel ] );
				});
		}
	});
}(jQuery, _));

 

As other people has mentioned, this doesn't work on a forum with a SSL certificate, sadly!

After editing the database XML files to fetch stuff from https-servers instead of http, streams displays. But the stream info on the tabs to the left only show a dot. Not the amount of viewers and not the streamer etc

blank page

Works fine, thanks.

PS: work!

blank page

Don't work for me :/..

Looks nice however its appear as a blank white page, i guess theme incompatibility or i don't know. If someone has a fix, send me a message

The twitch video not work whit Https website :(