////////////////////////////////////////////////////////////////////////////////////////////////////////
// Calc.calc_06.result
////////////////////////////////////////////////////////////////////////////////////////////////////////
// Klasa reprezentuje sekcję wyników obliczeniowych
////////////////////////////////////////////////////////////////////////////////////////////////////////
Ext.ns('Calc.calc_06.result');

Calc.calc_06.result = Ext.extend(Calc.result, {
	title: 'Podsumowanie',
	initComponent: function() {
		Ext.apply(this, {
		  items: [{
		    xtype: 'grid',
		    id: 'grid1',
		    disableSelection : true,
		    //draggable: false,
		    enableColumnHide: false,
		    hideHeaders: true,
		    enableColumnMove: false,
		    enableColumnResize: false,
		    enableDragDrop: false,
		    enableHdMenu: false,
		    footer: true,
		    stripeRows: true,
		    style: 'margin-left: 8px',
			trackMouseOver: false,
		    width: 690,
		    autoHeight: true,
        //height: 150,
            header: true,
	        title: 'Tabela',
			  baseCls: 'calc-result-grid',
			  ds: new Ext.data.SimpleStore({fields: [{
		            name: 'opis'
		          },{
		            name: 'kwotaPLN'
		          },{
		            name: 'kwotaWaluta'
		          },{
		            name: 'rata'
		          },{
		            name: 'suma'
		          },{
		            name: 'kwotaLaczna'
		          }], data: Calc.results.grid1}),
			    columns: [
		          {header: 'Opis',  dataIndex:'opis', width: 170},
		          {header: 'Kwota kredytu w PLN',  dataIndex:'kwotaPLN', width: 103},
		          {header: 'Kwota kredytu w wybranej walucie', dataIndex:'kwotaWaluta', width: 104},
		          {header: 'Wysokosć pierwszej raty w PLN', dataIndex:'rata', width: 104},
		          {header: 'Suma odsetek od spłaty w PLN',  dataIndex:'suma', width: 104},
		          {header: 'Kwota łączna do spłaty w PLN', dataIndex:'kwotaLaczna', width: 102}
		        ],
		     plugins:[{
			 	 init: function(grid){
			 	  var currency = ['CHF', 'EUR', 'GBP', 'JPY', 'USD'];
			 	 	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-lower-header">',
							'<td style="width: 170;" class="boder-left"></td>',
							'<td style="width: 102px;" class="boder">Kwota kredytu <br />w PLN</td>',
							'<td style="width: 102px;" class="boder">Kwota kredytu w ',
							currency[Calc.inputValues['Kredyt w obcej walucie'].waluta-1]+'</td>',
						    '<td style="width: 102px;" class="boder">Wysokosć pierwszej raty w PLN</td>',
							'<td style="width: 102px;" class="boder">Suma odsetek od spłaty w PLN</td>',
							'<td style="width: 102px;" class="boder-right">Kwota łączna do spłaty w PLN</td></tr>',
							'</thead></table></div>'
							].join(' '));
					});

					grid.on('show', function(){
						grid.ownerCt.findByType('elem.expand')[0].changeText('Pokaż pełne zestawienie');
					});
				 }
			 }]
	      },{
		    xtype: 'grid',
		    id: 'grid2',
		    disableSelection : true,
		    //draggable: false,
		    enableColumnHide: false,
		    hideHeaders: true,
		    enableColumnMove: false,
		    enableColumnResize: false,
		    enableDragDrop: false,
		    enableHdMenu: false,
		    footer: true,
		    stripeRows: true,
		    style: 'margin-left: 8px',
			trackMouseOver: false,
		    width: 690,
	        header: true,
	        title: '',
			  baseCls: 'calc-result-grid-big calc-result-grid',
			  ds: new Ext.data.SimpleStore({fields: [{
		            name: 'nrRaty'
		          },{
		            name: 'kapitalowaPLN'
		          },{
		            name: 'odsetkowaPLN'
		          },{
		            name: 'calkowitaPLN'
		          },{
		            name: 'kapitalowaWalutaConst'
		          },{
		            name: 'odsetkowaWalutaConst'
		          },{
		            name: 'calkowitaWalutaConst'
		          },{
		            name: 'kapitalowaWaluta'
		          },{
		            name: 'odsetkowaWaluta'
		          },{
		            name: 'calkowitaWaluta'
		          }], data: []}),
			    columns: [
		          {header: 'Numer raty',  dataIndex:'nrRaty', width: 57},
		          {header: 'Część kapitałowa raty',  dataIndex:'kapitalowaPLN', width: 70},
		          {header: 'Część odsetkowa raty', dataIndex:'odsetkowaPLN', width: 70},
		          {header: 'Rata kredytu', dataIndex:'calkowitaPLN', width: 70},
		          {header: 'Część kapitałowa raty',  dataIndex:'kapitalowaWalutaConst', width: 70},
		          {header: 'Część odsetkowa raty', dataIndex:'odsetkowaWalutaConst', width: 70},
		          {header: 'Rata kredytu', dataIndex:'calkowitaWalutaConst', width: 70},
		          {header: 'Część kapitałowa raty',  dataIndex:'kapitalowaWaluta', width: 70},
		          {header: 'Część odsetkowa raty', dataIndex:'odsetkowaWaluta', width: 70},
		          {header: 'Rata kredytu', dataIndex:'calkowitaWaluta', width: 70}
		        ],
		     plugins:[{
			 	 init: function(grid){
			 	  grid.hide();
			 	  var currency = ['CHF', 'EUR', 'GBP', 'JPY', 'USD'];
			 	 	grid.on('show', function(){
			 	 		//nagłówek grida
						var scroller = Ext.query('.x-grid3-scroller',grid.body.dom)[0];
						if(!this.gridHeader){
              this.gridHeader = Ext.DomHelper.insertBefore(scroller, ['<div><table class="result-grid-header"><thead>',
  							'<tr class="result-grid-upper-header">',
                '<td class="short6" style="width: 60px;"></td>',
  							'<td class="long6" colspan="3">Kredyt w PLN</td>',
  							'<td class="long6" colspan="3">Kredyt walutowy przy niezmiennym kursie</td>',
                '<td class="long6" colspan="3">Kredyt walutowy przy zmiennym kursie</td></tr>',
  							'<tr class="result-grid-lower-header">',
                '<td style="width: 60px;" class="boder"></td>',
                '<td style="width: 70px;">Część kapitałowa raty</td>',
  							'<td style="width: 70px;">Część odsetkowa raty</td>',
                '<td style="width: 70px;" class="boder">Rata całkowita</td>',
  							'<td style="width: 70px;">Część kapitałowa raty</td>',
                '<td style="width: 70px;">Część odsetkowa raty</td>',
  							'<td style="width: 70px;" class="boder">Rata całkowita</td>',
  							'<td style="width: 70px;">Część kapitałowa raty</td>',
                '<td style="width: 70px;">Część odsetkowa raty</td>',
  							'<td style="width: 70px;" class="boder">Rata całkowita</td></tr>',
  							'</thead></table></div>'
  							].join(' '));
            }
					grid.ownerCt.findByType('elem.expand')[0].changeText('Zwiń tabelę');

					});

					grid.getStore().on('load', function(){
						this.ownerCt.findByType('elem.expand')[0].changeText('Zwiń tabelę');
					}, grid);

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

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

	}

});

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