Add a plugin to render math formula on panel content using MathJax.

static/plugin_dbui/lib/apppanelmathjax.js

+/**
+ * Plugin to render mathematics formula.
+ * The processing is performed by MathJax.
+ * 
+ * @version $Id$
+ *
+ */
+
+ Ext.namespace('App.panel');
+ 
+ App.panel.MathJax = Ext.extend(Object, {
+ 	
+	init: function(panel){
+
+		// load MathJs and wait
+		try {
+			MathJax;
+		} 
+		catch (ReferenceError) {
+			var task = new Ext.util.DelayedTask();
+			
+			Ext.Loader.load(['/' + App.name + '/static/plugin_mathjax/MathJax.js'], function(){
+				task.cancel();
+			});
+			
+			task.delay(5000);
+		}
+
+		// register a new listener when the panel is rendered for the first time
+		panel.on('render', this.onPanelRender, this, {single: true});
+	},
+
+	/**
+	 * Handler to register a listener when the panel is rendered 
+	 * for the first time. The listener activates the MathJax processing
+	 * when the html content of the panel is loaded.
+	 * 
+	 * @param {Object} p an Ext.Panel
+	 */	
+	onPanelRender: function(p){
+		var updater = p.body.getUpdater();
+		updater.on('update', this.onProcess);
+	},
+
+	/**
+	 * Handler to run the mathJax processing
+	 * @param {Object} el Ext.Element
+	 * @param {Object} o the response object	
+	 */
+	onProcess: function(e, o){
+		MathJax.Hub.PreProcess();
+		MathJax.Hub.Process();
+	},
+ });
+ 
+ Ext.preg('pPanelMathJax', App.panel.MathJax);
\ No newline at end of file