FireRecord/chrome/content/firerecord.js

/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
FBL.ns(function() { with (FBL) {
// Panel
var panelName = "firerecord";

/**
 * @panel This panel integrates with Firebug Inspector API and provides own logic
 * and display of custom information for links. This code serves as an example of
 * how to properly use and implement Inspector.
 */
function FireRecordPanel() {}
FireRecordPanel.prototype = extend(Firebug.Panel,
/** @lends LinkInspectorPanel */
{
    name: panelName,
    title: "FireRecord",
   
    // * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * //
    // Initialization

    initialize: function()
    {
        Firebug.Panel.initialize.apply(this, arguments);
        if (FBTrace.DBG_ACTIVABLEPANEL)
            FBTrace.sysout("ActivablePanel.initialize;");
        Firebug.Inspector.addListener(this);
        
    },

    destroy: function(state)
    {
        Firebug.Panel.destroy.apply(this, arguments);

        Firebug.Inspector.removeListener(this);
    },
   
    show: function(state)
    {
        Firebug.Panel.show.apply(this, arguments);
        this.showToolbarButtons("panelButtons", true);
        FireRecordPlate.tag.replace({array: inputArray}, this.panelNode);
        //FireRecordPlate.defaultContent.replace({}, this.panelNode);
    },
    getOptionsMenuItems: function(context)
    {
        return [
            // Will be resolved to "extensions.firebug.myoptionprefname"
            optionMenu("Custom Scripts", "myoptionprefname", "Allow Custom Script")
            ];
    },
    onActivationChanged: function(enable)
    {
        if (FBTrace.DBG_ACTIVABLEPANEL)
            FBTrace.sysout("ActivablePanel.onActivationChanged; " + enable);

        if (enable)
            Firebug.MyActivableModule.addObserver(this);
        else
            Firebug.MyActivableModule.removeObserver(this);
    },
    // * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * //
    // Inspector API implementation

    startInspecting: function()
    {
        if (FBTrace.DBG_FIRERECORD)
            FBTrace.sysout("fire_record; startInspecting()");
    },

    inspectNode: function(node)
    {
        if (FBTrace.DBG_FIRERECORD)
            FBTrace.sysout("fire_record; inspectNode(node: " + node.tagName + ")");

        FireRecordPlate.tName.replace({object: node}, this.panelNode);
    },

    stopInspecting: function(node, canceled)
    {
        if (FBTrace.DBG_FIRERECORD)
            FBTrace.sysout("fire_record; stopInspecting(node: " + node.tagName +
                ", canceled: " + canceled + ")");

        if (canceled)
            return;

        if (node.href.indexOf("http") != 0)
            return;

        FireRecordPlate.linkPreview.replace({object: node}, this.panelNode);
    },

    supportsObject: function(object, type)
    {
        if (object instanceof Element)
        {
            if (object.tagName.toLowerCase() == "a"){
                return 1;
        }
            if (object.tagName.toLowerCase() == "button"){
                return 1;
            }
            if (object.tagName.toLowerCase() == "img"){
                return 1;
            }
            if (object.tagName.toLowerCase() == "input"){
                return 1;
            }
        }

        return 0;
    },

    // * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * //
    // Inspector Listener

    onStartInspecting: function(context)
    {
        if (FBTrace.DBG_FIRERECORD)
            FBTrace.sysout("fire_record; Listener.onStartInspecting(context: " +
                context.getTitle() + ")");
    },

    onInspectNode: function(context, node)
    {
        if (FBTrace.DBG_FIRERECORD)
            FBTrace.sysout("fire_record; Listener.onInspectNode(context: " +
                context.getTitle() + ", node: " + node.tagName + ")");
    },

    onStopInspecting: function(context, node, canceled)
    {
        if (FBTrace.DBG_FIRERECORD)
            FBTrace.sysout("fire_record; Listener.onStopInspecting(context: " +
                context.getTitle() + ", node: " + node.tagName + ", canceled: " +
                canceled + ")");
    }
});

// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * //
var inputArray = ["red", "green", "blue", "white"];

var FireRecordPlate = domplate(
		{
		    tag:
		        FOR("item", "$array",
		            DIV({onclick: "$handleClick"},

		               "$item"
		            )
		        ),

		    handleClick: function(event)
		    {

		        alert(event.target.innerHTML);
		    }
		});




/*var FireRecordPlate = domplate(
{
	
	
	tName:
        DIV({"class": "tName"}, "$object.id" ),

    linkPreview:
        IFRAME({"class": "linkPreview", "src": "$object.href"}),

    defaultContent:
        DIV({"class": "defaultContent"},
            "Use Trial by Fire to record DOM events for later playback."
        )
});*/

// ********************************************************************************************* //
// Module & Customizing Tracing

/**
 * @module The module object isn't really neccessary for the Inspector API. It serves
 * only to support Firebug tracing console, which is useful when debugging inspector
 * features.
 */
Firebug.FireRecordModule = extend(Firebug.ActivableModule,
/** @lends Firebug.FireRecordModule */
{
    initialize: function()
    {
        Firebug.ActivableModule.initialize.apply(this, arguments);

        if (Firebug.TraceModule)
            Firebug.TraceModule.addListener(this);
    },
    
    onMyButton: function()
    {
    	alert("hi");
    },
    shutdown: function()
    {
        Firebug.ActivableModule.shutdown.apply(this, arguments);

        if (Firebug.TraceModule)
            Firebug.TraceModule.removeListener(this);
    },
    onObserverChange: function(observer)
    {
        if (FBTrace.DBG_ACTIVABLEPANEL)
            FBTrace.sysout("ActivableModule.onObserverChange;");

        if (this.hasObservers())
        {
            // There are observers (panels) using this model, let's activate necessary hooks.
        }
        else
        {
            // There are no observer using this model, let's clean up registered hooks.
        }
    },

    onSuspendFirebug: function(context)
    {
        if (FBTrace.DBG_ACTIVABLEPANEL)
            FBTrace.sysout("ActivableModule.onSuspendFirebug;");
    },

    // Called before any suspend actions. Firest caller to return true aborts suspend.
    onSuspendingFirebug: function()
    {
        if (FBTrace.DBG_ACTIVABLEPANEL)
            FBTrace.sysout("ActivableModule.onSuspendingFirebug;");
    },

    onResumeFirebug: function(context)
    {
        if (FBTrace.DBG_ACTIVABLEPANEL)
            FBTrace.sysout("ActivableModule.onResumeFirebug;");
    },
    // * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * //
    // Trace Listener

    onLoadConsole: function(win, rootNode)
    {
        appendStylesheet(rootNode.ownerDocument, "chrome://firerecord/skin/inspector.css");
    },

    onDump: function(message)
    {
        var index = message.text.indexOf("fire_record;");
        if (index == 0)
        {
            message.text = message.text.substr("fire_record;".length);
            message.text = trim(message.text);
            message.type = "DBG_FIRERECORD";
        }
    }
});


// Registration

Firebug.registerPanel(FireRecordPanel);
Firebug.registerModule(Firebug.FireRecordModule);
Firebug.registerStylesheet("chrome://firerecord/skin/inspector.css");


}});