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

Calc.calc_15.result = Ext.extend(Calc.result, {
	title: 'Podsumowanie',
	initComponent: function() {
		Ext.apply(this, {
		  items: [{
		    xtype: 'grid',
		    disableSelection : true,
		    //draggable: false,
		    enableColumnHide: false,
		    hideHeaders: true,
		    enableColumnMove: false,
		    enableColumnResize: false,
		    enableDragDrop: false,
		    enableHdMenu: false,
		    footer: false,
		    stripeRows: true,
		    style: 'margin-left: 8px',
			  trackMouseOver: false,
		    width: 690,
              height: 150,
            header: true,
	        title: 'Tabela',
			  baseCls: 'calc-result-grid',
			  ds: new Ext.data.SimpleStore({fields: [{
		            name: 'opis'
		          },{
		            name: 'coMiesiac'
		          },{
		            name: 'naKoniec'
		          }], data: Calc.results.grid1}),
			    columns: [
		          {header: '',  dataIndex:'opis', width: 280},
		          {header: 'Podatek pobierany co miesiąc',  dataIndex:'coMiesiac', width: 195},
		          {header: 'Podatek pobierany na koniec', dataIndex:'naKoniec', width: 213}
		        ],
		     plugins:[{
			 	 init: function(grid){
			 	 	grid.on('render', function(){
			 	 		//nagłówek grida
			 	 		var okresArr = ['miesiąc', 'kwartał', 'pół roku', 'rok'];
			 	 		var okres = Ext.getCmp('okresBelka').getValue()-1;
						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: 280px;" class="boder-left"></td>',
							'<td style="width: 195px;" class="boder">Podatek pobierany co '+okresArr[okres]+'</td>',
							'<td style="width: 215px;" class="boder-right">Podatek pobierany na koniec</td></tr>',
							'</thead></table></div>'
							].join(' '));
					});

				 }
			 }]
	      }]

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

});

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