Sonarr/NzbDrone.Web/Scripts/NzbDrone/grid.js

/* Click on row, show details */
$(document).on('click', '.seriesTable a, .dataTable a', function (event) {
    if ($(this).attr('data-ajax') === "true" || $(this).attr('onclick'))
        return;

    event.preventDefault();
    var link = $(this).attr('href');
    window.location = link;
    event.stopPropegation();
});

$('.seriesTable .data-row td:not(:last-child)').live('click', function () {
    if ($(this).closest('table').hasClass('no-details'))
        return;
    $(this).parent('tr').next('.detail-row').toggle();
});

function grid_onError(e) {
    //Suppress the alert
    e.preventDefault();
}

//Perform the details opening
var oTable;

$('.dataTable td:not(:last-child)').live('click', function () {
    if ($(this).closest('table').hasClass('no-details'))
        return;

    var nTr = this.parentNode;

    if ($(nTr).hasClass('details-opened')) {
        oTable.fnClose(nTr);
        $(nTr).removeClass('details-opened');
    }

    else {
        oTable.fnOpen(nTr, fnFormatDetails(nTr), 'Details');
        $(nTr).addClass('details-opened');
    }
});

//Datatables format display details
function fnFormatDetails(nTr) {
    var aData = oTable.fnGetData(nTr);
    return aData["Details"];
}

//Reload/Redraw the grid from the server (bServerSide == true)
function redrawGrid() {
    oTable.fnDraw();
}

//Force reload using Ajax Binding (bServerSide == false)
function reloadGrid() {
    oTable.fnReloadAjax();
}


//SignalR
$(function () {
    // Proxy created on the fly
    var signalRProvider = $.connection.signalRProvider;

    // Declare a function on the chat hub so the server can invoke it
    signalRProvider.updatedStatus = function (data) {
        var imageSrc = '../../Content/Images/' + data.EpisodeStatus + '.png';
        var row = $('tr.episodeId_' + data.EpisodeId);

        if (row.length == 0)
            return;

        var statusImage = $(row).find('img.statusImage');

        if (statusImage.length == 0)
            return;

        statusImage.attr('alt', data.EpisodeStatus);
        statusImage.attr('title', data.EpisodeStatus);
        statusImage.attr('src', imageSrc);

        if (data.EpisodeStatus != "Missing") {
            statusImage.parent('td').removeClass('episodeMissing');
        }

        if (data.Quality != null) {
            var qualityColumn = $(row).find('.episodeQuality');
            
            if (qualityColumn)
                qualityColumn.text(data.Quality);
        }
    };

    // Start the connection
    $.connection.hub.start();
});