Andrej Cimperšek - diploma

window.addEvent('domready', function(){

        // NOTE: This is an example showing simple state management. During development,

    // it is generally best to disable state management as dynamically-generated ids

    // can change across page loads, leading to unpredictable results.  The developer

    // should ensure that stable state ids are set for stateful components in real apps.

    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    // create the Data Store

    var store = new Ext.data.JsonStore({

        proxy: new Ext.data.HttpProxy({

            url: 'log.json'

        }),

        totalProperty:'total',

        idProperty: 'id',

        root: 'rows',

        fields:[

            {name:'date', type:'date', dateFormat:'M d, Y h:i:s A'},

            {name:'type'},

            {name:'message'}

        ]

    });

    // create the Grid

    var grid = new Ext.grid.GridPanel({

        title: 'Log',

        store: store,

        loadMask: true,

        columns: [

            {id:'date',header: 'Date', width: 100, renderer: Ext.util.Format.dateRenderer('Y-m-d H:i'), dataIndex: 'date'},

            {id:'type',header: 'Type', width: 100, dataIndex: 'type'},

            {id:'message',header: 'Message', dataIndex: 'message'}

        ],

        stripeRows: true,

        autoExpandColumn: 'message',

        height: 350,

        //width: 'auto',

        stateful: true,

        stateId: 'grid',

        // paging bar on the bottom©

        bbar: new Ext.PagingToolbar({

            pageSize: 15,

            store: store,

            displayInfo: true,

            displayMsg: 'Displaying {0} - {1} of {2}',

            emptyMsg: "No messages to display"

        })

    });

    store.load();

    var tabs = new Ext.TabPanel({

        renderTo: 'tabs1',

        width:'auto',

        activeTab: 0,

        frame:true,

        defaults:{autoHeight: true},

        boxMaxHeight: 400,

        items:[

            {autoLoad:{url: 'info.jsp', scripts:true }, title: 'Info'},

            {autoLoad:{url: 'status.jsp', scripts:true }, title: 'Status'},

            grid

        ]

    });

});