Highstock is working on ExtJs 4!! (Experimental)

Wahey!! I got Highstock working on ExtJs 4 after a full day hacking on my HighChart ExtJs 4 extension. Although HighStock shares common APIs to HighChart, the extension requires quite a few changes. Well, hopefully I can release the package probably sometime next week, need to create a lot of examples to make sure everything is working.

HighCharts extension for ExtJS 4

Recently, I received more emails asking me for getting the HighCharts to run on ExtJs 4. I didn’t expect anyone will be interested as ExtJs 4 comes with its own chart library. Well, here is it is. I have ported the HighChart ExtJs 3 Adapter to ExtJs 4. Note that this is a true native ExtJs 4 port, such that none of the ExtJs 3 compatible classes are required. Please read this article before using the extension. Enjoy!!

Simple GUI messages handling with ExtJS 3

I need to have a very simple object to handle all the GUI messages in one single file which is for the purposes of simple extension on internationalisation. Also I can just hand the messages file to someone easily to correct my crappy english and plug back in the application. The code also handles message formatting using Ext.Template class.

Enhance ExtJS Ticker with Store support

I need a ExtJS ticker and I found someone posted the code in the sencha forum which has an online demo. However, I need a number of extra features which are not supported. So again I have modified the code. Couple of the features are inspired by Mioplanet’s news ticker. Here are the main features:

• option for ExtJS Store object
• visually enhance with color labels
• ticker pauses when mouse hovers over
• support categorised message type such as: Warning, Info
• click event handler support for messages

Watch your favourite TV programmes when you are abroad

If you are abroad and missing your favourite TV programmes (BBC iPlayer or ITV Live Sport) which are only available free online at home, then you can configure browser to use SOCKS proxy with ssh tunnelling to stream video/audio data from your remote (anywhere in UK) to your browser (abroad) location.

See this on how to setup.

For me, I use VPN to gain ssh access.

ExtJS: note on using autoLoad

Part of my web application is to construct a html document with embedded graph images. Once the document is created, a Panel component uses autoLoad property to load & display the content. However, the rendering inside the component is different to a browser displaying the html document. The ordered list tag < ol > is missing.

Configure Shellinabox as a url path on FreeBSD

I need to test my web application on a remote network. For policy reason, I am only allowed web access to my FreeBSD box (no ssh) which makes the debugging to the backend processes very difficult. Hence, I need to install a web based ssh client, shellinabox, a daemon program that opens a listening port service html pages with http requests and the backend is a ssh login process.

Emacs command line to indent Javascript code and convert tabs to spaces

Part of my project checkin script is to automatically apply coding style and converting tabs to spaces. Here is the command line:

emacs -batch file.js --eval "(custom-set-variables '(js-indent-level 2))"  -f mark-whole-buffer -f indent-region -f mark-whole-buffer -f untabify -f save-buffer -kill

Change the value of js-indent-level to any religion of white spaces.

Creating a login page with ExtJS

I need to polish up the login screen of my ExtJS application and come across the
WordPress style login designs which gives me some ideas. Here is my first design of the login page using ExtJS.

ExtJS Spinnerfield icon obscured

It took me a while to find out why the up /down arrow icon in the Ext.ux.SpinnerField is obscured. It looks like this