Ext.apply(SE.labels,
{
	overViewPanel:SE.labels.OverViewPanel,
	overViewPanel1:SE.labels.OverViewPanel1
});
(function(){ 
	var showCurrentPower = false;
	if(!SE.isPublic && SE.Params.hasSEMInDashboard && SE.permissions.DashboardPowerFlow)
		showCurrentPower = false;		
	else
		showCurrentPower = true;				
	if(SE.isPhone)
	{
		showCurrentPower = false;	
	};
	var data = {
			  		lastDayEnergy:"0 Wh",
	  		  		  		lastMonthEnergy:"1.39 MWh",
	  		  		  		lifeTimeEnergy:"664.06 MWh",
	  			  				};
	if(showCurrentPower)
	{
		Ext.apply(data,
		{
							currentPower:"0 W"
					});	
	}
	var overViewPanel = {
		showLifeTimeRevenue:false,
		showCurrentPower:showCurrentPower,
		data:data
	};
	Ext.apply(SE.Params,
	{
		overViewPanel:overViewPanel
	});
})();
	
Ext4.define('SE.AbsOverViewPanel', 
{
	extend:'Ext.panel.Panel',
	layout:{type:'hbox'},
	id:'se-overview-panel',
	cls:'se-overview-panel',
	params:SE.Params.overViewPanel,
	statics: 
	{
		create:function(params)
		{
			return SE.createCmp('SE.OverViewPanel',params);
		}
	},
	adjustLastItemCSS:function()
	{
				var lastItem = this.items[this.items.length - 1];
		lastItem.cls = 'se-site-filter-panel-cell-end';
		lastItem.style = 'border-right: none';	
	},	
	createTodayEnergyCell:function()
	{
		this.TodayEnergyCell =  SE.createCmp('SE.OverviewPanelCell', {id:'se-today-energy',cellId:'TodayEnergy',text:this.labels.todayEnergy,_data:this.data.lastDayEnergy});	
		this.items.push(this.TodayEnergyCell);
	},
	createThisMonthEnergyCell:function()
	{
		this.ThisMonthEnergyCell = SE.createCmp('SE.OverviewPanelCell', {id:'se-this-month-energy',cellId:'ThisMonthEnergy',text:this.labels.thisMonthEnergy,_data:this.data.lastMonthEnergy});	
		this.items.push(this.ThisMonthEnergyCell);
	},
	createLifeTimeEnergyCell:function()
	{
		this.LifeTimeEnergyCell = SE.createCmp('SE.OverviewPanelCell', {id:'se-life-time-energy',cellId:'LifeTimeEnergy',text:this.labels.lifeTimeEnergy,_data:this.data.lifeTimeEnergy});			
		this.items.push(this.LifeTimeEnergyCell);
	},
	createCurrentPowerCell:function()
	{
		this.CurrentPowerCell = SE.createCmp('SE.OverviewPanelCell', {id:'se-current-power',cellId:'CurrentPower',text:this.labels.currentPower,_data:this.data.currentPower});			
		this.items.push(this.CurrentPowerCell);
	},
	createLifeTimeRevenueCell:function()
	{
		this.LifeTimeRevenueCell = SE.createCmp('SE.OverviewPanelCell', {id:'se-life-time-revenue',cellId:'LifeTimeRevenue',text:this.labels.lifeTimeRevenue,_data:this.data.formatedRevenue});	
		this.items.push(this.LifeTimeRevenueCell);
	},
	update:function(data)
	{
		if(this.params.showCurrentPower)
		{	
			this.CurrentPowerCell.dataPanel._data.setHtml(data.currentPower);
		}
		this.TodayEnergyCell.dataPanel._data.setHtml(data.lastDayEnergy);
		this.ThisMonthEnergyCell.dataPanel._data.setHtml(data.lastMonthEnergy);
		this.LifeTimeEnergyCell.dataPanel._data.setHtml(data.lifeTimeEnergy);
		if(this.params.showLifeTimeRevenue)
		{
			this.LifeTimeRevenueCell.dataPanel._data.setHtml(data.formatedRevenue);
		}
	}	
});	

Ext4.define('SE.OverViewPanel', 
{
	extend:'SE.AbsOverViewPanel',
	labels:SE.labels.overViewPanel1,
	width:window.innerWidth - 20,
	padding:7,
	addTitle:false,
	initComponent:function() 
	{
				this.data = SE.Params.overViewPanel.data;
		this.items = [];
		this.createTodayEnergyCell();
		this.createThisMonthEnergyCell();
		this.createLifeTimeEnergyCell();
		this.adjustLastItemCSS();
		this.callParent(arguments);
	},
	createLifeTimeEnergyCell:function()
	{
		var config = {cellId:'LifeTimeEnergy',text:this.labels.lifeTimeEnergy,_data:this.data.lifeTimeEnergy};
		if(this.params.showLifeTimeRevenue)
		{
			Ext.apply(config,{_data2:this.data.formatedRevenue});
		}
		this.LifeTimeEnergyCell = SE.createCmp('SE.OverviewPanelCell', config);			
		this.items.push(this.LifeTimeEnergyCell);
	}		
});		

Ext4.define('SE.AbsOverviewPanelCell', 
{
	extend:'Ext.Container',
	flex:1,
	params:SE.Params.overViewPanel,
	statics: 
	{
		create:function(params)
		{
			return SE.createCmp('SE.OverviewPanelCell',params);
		}
	},
    createCSS:function()
    {
        var rules = ['.se-site-overview-panel-cell .x4-autocontainer-innerCt {vertical-align:middle;}'
                     ];
		SE.util.CSS.addCmpRules('se-site-overview-panel-cell-css',rules);
    },			
	initComponent:function() 
	{
		this.style = 'border-right: solid #d9d9d9 1px';	
				this.createCSS();
		this.dataPanel = SE.createCmp('SE.OverviewDataBox',{text:this.text,_data:this._data});
		this.items = [this.dataPanel];
		if(this.params.showLifeTimeRevenue)
		{
			if(this._data2)
			{
				this._data2 = SE.createCmp('Ext.Component',{html:this._data2, cls:'se-site-overview-data-box-data2 se-green-color',flex: 1});					
				this.items.push(this._data2);
			}
			else
			{
				this._data2 = SE.createCmp('Ext.Component',{html:'\u00A0',flex: 1});					
				this.items.push(this._data2);		
			}
		}
		this.callParent(arguments);
	},
	afterRender:function() {
		this.callParent(arguments);
		if(Ext.get('se-overview-panel_header-targetEl') && Ext.get('se-overview-panel_header-targetEl').dom && Ext.get('se-overview-panel_header-targetEl').dom.children[0] 
		&& Ext.get('se-overview-panel_header-targetEl').dom.children[0].children[0])
		Ext.get('se-overview-panel_header-targetEl').dom.children[0].children[0].id = 'se-overview-panel-title';	
	}		
});

Ext4.define('SE.OverviewPanelCell', 
{
	extend:'SE.AbsOverviewPanelCell',
	height:83,
	cls: 'se-site-overview-panel-cell'
});	

Ext4.define('SE.AbsOverviewDataBox', 
{
	extend:'Ext.Container',
	params:SE.Params.overViewPanel,
	width:'100%',
	layout:{type:'vbox',align:'stretch'},
	cls:'se-site-overview-data-box',
	statics: 
	{
		create:function(params)
		{
			return SE.createCmp('SE.OverviewDataBox',params);
		}
	},
	initComponent:function() 
	{
		this.createCSS();
		this.text = SE.createCmp('Ext.Component',{html:this.text, cls:this.textCls,flex:1});
		this._data = SE.createCmp('Ext.Component',{html:this._data, cls:'se-site-overview-data-box-data',flex:1});
		this.items = [this.text,this._data];
		this.callParent(arguments);
	}
});

Ext4.define('SE.OverviewDataBox', 
{
	extend:'SE.AbsOverviewDataBox',
	textCls:'se-site-overview-data-box-text se-dashboard-text',	
    createCSS:function()
    {
        var rules = ['.se-site-overview-data-box .x4-autocontainer-innerCt {vertical-align:middle;}',
        			 '.se-site-overview-data-box .x4-box-inner {width:100%!important;top:-3px;}',
        			 '.se-site-overview-data-box .x4-box-target{position:initial}',
        			 '.se-site-overview-data-box-text{width:100%!important;font-size:14px;white-space:nowrap;text-align:center;color:#bbb}',
                     '.se-site-overview-data-box-data{width:100%!important;font-size:16px;white-space:nowrap;text-align:center;font-weight:bold;overflow:hidden;}',
                     '.se-site-overview-data-box-data2{width:100%!important;font-size:14px;white-space:nowrap;text-align:center;overflow:hidden;}'
                     ];
		SE.util.CSS.addCmpRules('se-site-overview-data-box-css',rules);
    }
});