YUI Library Examples: Console: Using the ConsoleFilters plugin

Console: Using the ConsoleFilters plugin

Configure the YUI instance for debug mode

Only the module-debug.js versions of module files include log statements, so we'll set up our YUI instance's filter property to "debug". We'll also reduce the noise somewhat by specifying a logInclude list.

Create the Console and plug in ConsoleFilters

All that's left to do now is plugin in the ConsoleFilters plugin. This can be done in one of a few ways.

Alternatively, you can attach the ConsoleFilters plugin after instantiation. This version also shows how to apply initial category and source filter states.

Full Code Listing

Markup

JavaScript

// Create a YUI instance and request the console module and its dependencies
YUI({base:"../../build/", timeout: 10000, filter:"debug", logInclude: {event:true, attribute:true, node:true, base:true, widget:true, MyApp:true}}).use("console", "console-filters", function (Y) {

// To eliminate duplicate reporting in native console in supporting browsers
Y.config.useBrowserConsole = false;

// create the console instance
var yconsole = new Y.Console({
    boundingBox: '#yconsole',
    height: '400px',
    width: '450px',
    newestOnTop: false,
    plugins: [ Y.Plugin.ConsoleFilters ]
}).render();

// Unknown categories and sources are allowed.
yconsole.filter.hideCategory('error');

// hide and show methods support N arguments.
yconsole.filter.hideSource('attribute','event','widget');

/* Alternately
var yconsole = new Y.Console({
    boundingBox: '#yconsole',
    height: '400px',
    width: '450px',
    newestOnTop: false
}).plug(Y.Plugin.ConsoleFilters, {
    category: {
        error: false
    },
    source: {
        attribute: false,
        event: false,
        widget: false
    }
}).render();
*/

// Broadcast a log message from a button that uses a custom category and source
Y.get('#log').on('click', function () {
    Y.log('Logging a message to the Console','my_stuff','MyApp');
});

// It is also possible to set the filter's subattributes directly
Y.get('#hide_info').on('click', function () {
    yconsole.filter.set('category.info', false);
});

});