Subversion Repositories Integrator Subversion

/*global SyntaxHighlighter*/
SyntaxHighlighter.config.tagName = 'code';

$(document).ready( function () {
        if ( ! $.fn.dataTable ) {
                return;
        }
        var dt110 = $.fn.dataTable.Api ? true : false;

        // Work around for WebKit bug 55740
        var info = $('div.info');

        if ( info.height() < 115 ) {
                info.css( 'min-height', '8em' );
        }

        var escapeHtml = function ( str ) {
                return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
        };

        // css
        var cssContainer = $('div.tabs div.css');
        if ( $.trim( cssContainer.find('code').text() ) === '' ) {
                cssContainer.find('code, p:eq(0), div').css('display', 'none');
        }

        // init html
        var table = $('<p/>').append( $('table').clone() ).html();
        $('div.tabs div.table').append(
                '<code class="multiline brush: html;">\t\t\t'+
                        escapeHtml( table )+
                '</code>'
        );
        //SyntaxHighlighter.highlight({}, $('#display-init-html')[0]);

        // Allow the demo code to run if DT 1.9 is used
        if ( dt110 ) {
                // json
                var ajaxTab = $('ul.tabs li').eq(3).css('display', 'none');

                $(document).on( 'init.dt', function ( e, settings ) {
                        var api = new $.fn.dataTable.Api( settings );

                        var show = function ( str ) {
                                ajaxTab.css( 'display', 'block' );
                                $('div.tabs div.ajax code').remove();

                                // Old IE :-|
                                try {
                                        str = JSON.stringify( str, null, 2 );
                                } catch ( e ) {}

                                $('div.tabs div.ajax').append(
                                        '<code class="multiline brush: js;">'+str+'</code>'
                                );
                                SyntaxHighlighter.highlight( {}, $('div.tabs div.ajax code')[0] );
                        };

                        // First draw
                        var json = api.ajax.json();
                        if ( json ) {
                                show( json );
                        }

                        // Subsequent draws
                        api.on( 'xhr.dt', function ( e, settings, json ) {
                                show( json );
                        } );
                } );

                // php
                var phpTab = $('ul.tabs li').eq(4).css('display', 'none');

                $(document).on( 'init.dt.demoSSP', function ( e, settings ) {
                        if ( settings.oFeatures.bServerSide ) {
                                if ( $.isFunction( settings.ajax ) ) {
                                        return;
                                }
                                $.ajax( {
                                        url: '../resources/examples.php',
                                        data: {
                                                src: settings.sAjaxSource || settings.ajax.url || settings.ajax
                                        },
                                        dataType: 'text',
                                        type: 'post',
                                        success: function ( txt ) {
                                                phpTab.css( 'display', 'block' );
                                                $('div.tabs div.php').append(
                                                        '<code class="multiline brush: php;">'+txt+'</code>'
                                                );
                                                SyntaxHighlighter.highlight( {}, $('div.tabs div.php code')[0] );
                                        }
                                } );
                        }
                } );
        }
        else {
                $('ul.tabs li').eq(3).css('display', 'none');
                $('ul.tabs li').eq(4).css('display', 'none');
        }

        // Tabs
        $('ul.tabs').on( 'click', 'li', function () {
                $('ul.tabs li.active').removeClass('active');
                $(this).addClass('active');

                $('div.tabs>div')
                        .css('display', 'none')
                        .eq( $(this).index() ).css('display', 'block');
        } );
        $('ul.tabs li.active').click();
} );