/*
 * Side panel, listing all the simulations available on 
 * http://sangkil.science.uva.nl:8003/area/list.json
 */
Ext.define("app.view.List", 
{
	extend: "Ext.navigation.View",
	xtype: 'listpanel',

	requires: [
		'Ext.data.Store', 'Ext.dataview.List'
	],
	title: 'Simulations',
	config: {
		navigationBar:
		{
			title: 'simulations',
			
            items : [{
    	          id: 'simulationOptions',
	              xtype: 'button',
                  iconCls: 'list',
                  iconMask: true,
                  left: '100%',
                  top: 7,
                  ui: ['square'],
            }]
		},
		
		items: [
		{
				title: 'Locations',
				id: 'cities',
				xtype: 'list',
				ui: 'round',
				itemTpl: '<div>{name}</div>',
				store: 'SimulationStore',
		}],
	},
});