TG.Upload = Ext.extend(Ext.Window, {
	id: 'upload-win',
	title: 'Open',
	width: 300,
	height: 120,
	closeAction: 'hide',
	plain: true,
	border: false,
	modal: true,
	initComponent: function() {
		Ext.apply(this, {
			items: {
				id: 'upload-form',
				xtype: 'form',
				url: BASE_URL + '/index/open/',
				fileUpload: true,
				frame: true,
				labelAlign: 'top',
				waitTitle: 'Uploading...',
				items: [{
					xtype: 'textfield',
					inputType: 'file',
					fieldLabel: 'Bestand',
					name: 'upload',
					allowBlank: false
				}]
			}
		});
		TG.Upload.superclass.initComponent.apply(this, arguments);
	},
	buttons: [{
		text: 'Openen',
		handler: function() {
			var f = Ext.getCmp('upload-form');
			f.getForm().submit({
				success: function(form, action) {
					var s = action.result.state;
					var g = Ext.getCmp('risk-rules');

					if (s && s.columns) {
						var cm = g.getColumnModel();

						Ext.each(s.columns, function(c) {
							if (c.id == 'numberer') return;
							cm.setHidden(c.id, c.hidden);
							cm.setColumnWidth(c.id, c.width);
						});
					}
					g.store.reload();

					TG.DomainStore.reload();
					Ext.getCmp('upload-win').hide();
				},
				failure: function(form, action) {
					alert('Er is een fout opgetreden');
				}
			});
		}
	},{
		text: 'Annuleren',
		handler: function() {
			Ext.getCmp('upload-win').hide();
		}
	}]
});