Ext.namespace('dokuarchiv');

dokuarchiv.application = function() {
	return {
		init: function() {

			//var patientenlayout = new Ext.Panel({
			//	layout: 'border',
			//	items: [ 'foobar' ]
			//});	

			var tabs = new Ext.TabPanel({
				renderTo: 'innerbody',
				autoWidth: true,
				activeTab: 0,
				frame:true,
				height: 500,
				items:[
					{contentEl: 'Patienten', title: 'Patienten-Liste', iconCls: 'tab_icon_patienten'},
					{contentEl: 'Medien', title: 'Medien-Liste', iconCls: 'tab_icon_medien'},
					{contentEl: 'Operationen', title: 'Operations-Liste', iconCls: 'tab_icon_operationen'},
					{contentEl: 'Administration', title: 'Adminstration', iconCls: 'tab_icon_administration'}
				]	
		
			});

                        Ext.ux.menu.RangeMenu.prototype.icons = {
                                gt: 'gfx/greater_then.png',
                                lt: 'gfx/less_then.png',
                                eq: 'gfx/equals.png'
                        };
 
                        Ext.ux.grid.filter.StringFilter.prototype.icon = 'data/gfx/icons/oxygen/16x16/actions/edit-find.png';
                        Ext.ux.grid.filter.DateFilter.prototype.dateFormat = 'Y-m-d';
 
                        Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
 
                        var datareader = new Ext.ux.data.BufferedJsonReader({
                                root:                   'data.results.items',
                                versionProperty:        'data.results.version',
                                totalProperty:          'data.total',
                                id:                     'ID'
                                },
                                [{
                                        name:   'ID',           sortType:       'int'
                                },{
                                        name:   'Name',         sortType:       'string'
                                },{
                                        name:   'Vorname',      sortType:       'string'
                                },{
                                        name:   'Geburtsdatum', sortType:       'int'
                                }]
                        );
 
                        var datastore = new Ext.ux.grid.BufferedStore({
                                autoLoad:       true,
                                bufferSize:     150,
                                url:            'dataproxy.php',
                                reader:         datareader,
                                sortInfo: {field: 'Name', direction: 'ASC'},
                        });
                        var filters = new Ext.ux.grid.GridFilters({filters:[
                                {type: 'string', dataIndex: 'Name'},
                                {type: 'string', dataIndex: 'Vorname'},
                                {type: 'date', dataIndex: 'Geburtsdatum'}
                        ]});
 
 
                        var columnmodel = new Ext.grid.ColumnModel([
                                {dataIndex: 'ID', header: 'ID', hidden: 'true'},
                                {dataIndex: 'Name', header: 'Name'},
                                {dataIndex: 'Vorname', header: 'Vorname'},
                                {dataIndex: 'Geburtsdatum', header: 'Geburtsdatum', align: 'center'}
                        ]);
 
                        columnmodel.defaultSortable = true;
 
                        var gridview = new Ext.ux.grid.BufferedGridView({
                                nearLimit:      20,
                                loadMask:       {
                                                        msg: 'Daten werden<br>nachgeladen...'
                                                }
                        });
 
                        var toolbar = new Ext.ux.BufferedGridToolbar({
                                view:           gridview,
                                displayInfo:    true,
                                displayMsg:     'Zeige {0} - {1} von {2}',
                                emptyMsg:       'Keine Daten anzuzeigen',
                                refreshText:    'Neu laden'
                        });
 
                        var selectionmodel = new Ext.ux.grid.BufferedRowSelectionModel();

		        var patientengrid = new Ext.grid.GridPanel({
		                ds: datastore,
		                cm: columnmodel,
		                sm: selectionmodel,
		                loadMask: true,
		                view: gridview,
		                plugins: filters,
		                height: 300,
				//autoHeight: true,
				location: 'center',
		                bbar: toolbar,
				layout: "fit"
		        });

                        
			var patientenpanel = new Ext.Panel({
				layout: "fit",
				renderTo: 'Patienten',
				//el: 'Patienten',
				items: [ patientengrid,{
					xtype: "panel",
					title: 'Aktionen',
					region: 'east',
					items:[{
						xtype:"form",
						name:"Patienten",
						buttons:[{
							text:"Speichern"
						},{
							text:"Abbrechen"
						}],
						title:"Daten bearbeiten",
						autoHeight:true,
						items:[{
							xtype:"combo",
							fieldLabel:"Geschlecht",
							name:"Geschlecht",
							hiddenName:"combovalue"
						},{
							xtype:"textfield",
							fieldLabel:"Name",
							name:"Name"
						},{
							xtype:"textfield",
							fieldLabel:"Vorname",
							name:"Vorname"
						},{
							xtype:"datefield",
							fieldLabel:"Geburtsdatum",
							name:"Geburtsdatum"
						}]
					}]
				}]
			});
 
                        patientengrid.render();
			patientengrid.bbar.render();
                        datastore.load();
			//patientenactions.render();
			patientenpanel.render();

			tabs.show();
		}
	};
}();	

Ext.onReady(dokuarchiv.application.init, dokuarchiv.application);