////////////////////////////////////////////////////////////////////////////////////////////////////////
// Calc.calc_01.result
////////////////////////////////////////////////////////////////////////////////////////////////////////
// Klasa reprezentuje sekcja wyników obliczeniowych
////////////////////////////////////////////////////////////////////////////////////////////////////////
Ext.ns('Calc.calc_01.result');

Calc.calc_01.result = Ext.extend(Calc.result, {
	title: 'Podsumowanie',
	initComponent: function() {
		Ext.apply(this, {
		  items: [{
	        xtype: 'panel',
	        cls: 'resultPanel',
	        border: false,
	        html: ['<div class="looseData">',
	                '<div class="left">',
	                  'Koszty pozaodsetkowe związane z refinansowaniem kredytu <br />',
	                  Calc.results.inne.pierwszatekst +' <br />',
	                  Calc.results.inne.oszczednosctekst,
	                '</div>',
	                '<div class="right">',
	                  Calc.results.inne.koszty+'<span class="label"> zł</span><br />',
	                  Calc.results.inne.pierwsza+'<span class="label"> zł</span><br />',
	                  Calc.results.inne.oszczednosc+'<span class="label"> zł</span> ',
	                '</div>',
	               '</div>'
	          ].join(' ')
	      },{
        		xtype: 'elem.flashContent'
          },{
		    xtype: 'grid',
		    disableSelection : true,
		    id: 'grid1',
		    autoHeight: true,
		    //draggable: false,
		    enableColumnHide: false,
		    hideHeaders: true,
		    enableColumnMove: false,
		    enableColumnResize: false,
		    enableDragDrop: false,
		    enableHdMenu: false,
		    footer: false,
		    stripeRows: true,
			trackMouseOver: false,
		    width: 690,
	        header: true,
	        title: 'Tabela',
			  baseCls: 'calc-result-grid',
			  ds: new Ext.data.SimpleStore({fields: [{
		            name: 'typ'
		          },{
		            name: 'kapitalowaObecny'
		          },{
		            name: 'odsetkowaObecny'
		          },{
		            name: 'calkowitaObecny'
		          },{
		            name: 'kapitalowaNowy'
		          },{
		            name: 'odsetkowaNowy'
		          },{
		            name: 'calkowitaNowy'
		          }], data: Calc.results.grid1}),
			    columns: [
		          {header: 'Typ kredytu',  dataIndex:'typ', width: 87},
		          {header: 'Część kapitałowa raty',  dataIndex:'kapitalowaObecny'},
		          {header: 'Część odsetkowa raty', dataIndex:'odsetkowaObecny'},
		          {header: 'Rata całkowita', dataIndex:'calkowitaObecny'},
		          {header: 'Część kapitałowa raty',  dataIndex:'kapitalowaNowy'},
		          {header: 'Część odsetkowa raty', dataIndex:'odsetkowaNowy'},
		          {header: 'Rata całkowita', dataIndex:'calkowitaNowy'}
		        ],
		     plugins:[{
			 	 init: function(grid){
			 	 	grid.on('render', function(){
			 	 		//nagłówek grida
						var scroller = Ext.query('.x-grid3-scroller',grid.body.dom)[0];
						Ext.DomHelper.insertBefore(scroller, ['<div><table class="result-grid-header"><thead>',
							'<tr class="result-grid-upper-header"><td class="short" style="width: 88px;"></td>',
							'<td class="long" colspan="3">Kredyt obecny</td><td class="long" colspan="3">Kredyt refinansowany</td></tr>',
							'<tr class="result-grid-lower-header"><td style="width: 88px;" class="boder"></td><td style="width: 98px;">Część kapitałowa raty</td>',
							'<td style="width: 98px;">Część odsetkowa raty</td><td style="width: 98px;" class="boder">Rata całkowita</td>',
							'<td style="width: 98px;">Część kapitałowa raty</td><td style="width: 98px;">Część odsetkowa raty</td>',
							'<td style="width: 98px;" class="boder">Rata całkowita</td></tr>',
							'</thead></table></div>'
							].join(' '));

						//footer grida
						Ext.DomHelper.insertHtml('beforeEnd', this.el.dom, [
							'<table class="result-grid-footer">',
							'<tr><td style="width: 88px;">SUMA:</td>',
							'<td style="width: 99px;">'+Calc.results.suma1[0]+'</td><td style="width: 99px;">',
              ''+Calc.results.suma1[1]+'</td><td style="width: 99px;">'+Calc.results.suma1[2]+'</td>',
							'<td style="width: 99px;">'+Calc.results.suma1[3]+'</td><td style="width: 99px;">',
              ''+Calc.results.suma1[4]+'</td><td style="width: 99px;">'+Calc.results.suma1[5]+'</td></tr></table>'
						].join(' '));

					});

					grid.getStore().on('load', function(){
						var expander = grid.ownerCt.findByType('elem.expand')[0];
						if(Calc.gridState == 'expand') expander.changeText('Zwiń tabelę');
						else if(Calc.gridState == 'collapse') expander.changeText('Pokaż pełne zestawienie');
					});

				 }
			 }]
	        },{
                xtype: 'elem.expand',
                expandCmp: 'grid1'
           }]

		});
		Calc.calc_01.result.superclass.initComponent.apply(this, arguments);
		this.addEvents ( 'afterrender' );
	},
	afterRender: function(){
		Calc.calc_01.result.superclass.afterRender.call(this);

		this.fireEvent('afterrender', this);
	}

});

Ext.reg('calc_01.result', Calc.calc_01.result);