////////////////////////////////////////////////////////////////////////////////////////////////////////
// Calc.calc_10.input
////////////////////////////////////////////////////////////////////////////////////////////////////////
// Klasa reprezentuje sekcję wprowadzania danych użytkownika
////////////////////////////////////////////////////////////////////////////////////////////////////////
Ext.ns('Calc.calc_10.input');

Calc.calc_10.input = Ext.extend(Calc.input, {
	title: 'Jakiej rocznej stopy zwrotu potrzebujesz?',
	initComponent: function() {
		Ext.apply(this, {
			id: 'input-section',
			items: [{
			  //input subsection
				xtype: 'inputPanel',
				title: '',
				html: '',
				items: [{
					//-----------------------------KWOTA POTRZEBNA SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Jaką kwotę potrzebujesz?',
					valueName: 'kwotaPotrzebna',
					labels: Calc.sliderData.kwota,
					initValue:  Calc.Defaults.values.kwota
					//-----------------------------/KWOTA POTRZEBNA SLIDER-------------------------------
				},{
					//-----------------------------KWOTA INWESTOWANA SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Jaką kwotę chcesz zainwestować?',
					valueName: 'kwotaInwestowana',
					labels: Calc.sliderData.rata,
					initValue:  Calc.Defaults.values.k
					//-----------------------------/KWOTA INWESTOWANA SLIDER-------------------------------
				},{
					//-----------------------------OKRES SLIDER-------------------------------
					xtype: 'elem.slider',
					title: 'Ile lat zamierzasz oszczędzać?',
					valueName: 'okres',
					yearsToMonths: true,
					labels: Calc.sliderData.okres,
					initValue:  Calc.Defaults.values.okres
					//-----------------------------/OKRES SLIDER-------------------------------
				}]
				
			}]
			
		});
		Calc.calc_10.input.superclass.initComponent.apply(this, arguments);
	}
	
});

Ext.reg('calc_10.input', Calc.calc_10.input); 
 
